|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
{% if refresh %}
|
|
|
|
<meta http-equiv="refresh" content="{{ refresh }}">
|
|
|
|
{% endif %}
|
|
|
|
<link type="text/css" media="all" href="/static/css/libs/tailwind.min.css" rel="stylesheet">
|
|
|
|
<link type="text/css" media="all" href="/static/css/style.css" rel="stylesheet">
|
|
|
|
<script src="/static/js/main.js"></script>
|
|
|
|
<script src="/static/js/libs/flowbite.js"></script>
|
|
|
|
<link rel=icon sizes="32x32" type="image/png" href="/static/images/favicon-32.png">
|
|
|
|
<title>{{ title }}</title>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
<section>
|
|
|
|
<nav class="relative bg-gray-800">
|
|
|
|
<div class="p-6 container flex flex-wrap items-center justify-between items-center mx-auto">
|
|
|
|
<a class="flex-shrink-0 mr-12 text-2xl text-white font-semibold" href="/"> <img class="h-10" src="/static/images/logos/basicswap-logo.svg" alt="" width="auto"></a>
|
|
|
|
<ul class="hidden xl:flex">
|
|
|
|
<li>
|
|
|
|
<a class="flex mr-10 items-center text-gray-50 hover:text-gray-100 text-sm" href="/wallets">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M6,3H3C1.895,3,1,3.895,1,5 v0c0,1.105,0.895,2,2,2"></path>
|
|
|
|
<polyline points=" 6,7 6,1 20,1 20,7 " stroke="#6b7280"></polyline>
|
|
|
|
<path d="M23,7H3 C1.895,7,1,6.105,1,5v15c0,1.657,1.343,3,3,3h19V7z"></path>
|
|
|
|
<circle cx="17" cy="15" r="2"></circle>
|
|
|
|
</g>
|
|
|
|
</svg> <span>Wallets</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex mr-10 items-center text-gray-50 hover:text-gray-100 text-sm" href="/newoffer">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle cx="5" cy="5" r="4"></circle>
|
|
|
|
<circle cx="19" cy="19" r="4"></circle>
|
|
|
|
<polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline points=" 16,2 13,5 16,8 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline points=" 8,16 11,19 8,22 " stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg> <span>New Offer</span> </a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<ul class="hidden xl:flex lg:justify-end lg:items-center lg:space-x-6 mr-6 ml-auto">
|
|
|
|
<div id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar" class="flex justify-between items-center py-2 pr-4 pl-3 w-full text-gray-50 text-sm md:border-0 md:p-0 md:w-auto text-gray-50">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M14,19l2.95,2.95A3.5,3.5,0,0,0,21.9,22l.051-.051h0A3.5,3.5,0,0,0,22,17l-.051-.051L20,15" stroke="#6b7280"></path>
|
|
|
|
<polyline data-cap="butt" points="11.491 8.866 4.203 1.578 1.661 4.12 8.779 11.238" stroke="#6b7280"></polyline>
|
|
|
|
<path d="M22.678,4.922,19.6,7.987l-3.6-3.576,3.08-3.066a4.214,4.214,0,0,0-2.259-.307,5.615,5.615,0,0,0-5.133,5.723A4.223,4.223,0,0,0,12,8.4L2.145,17.083a3.419,3.419,0,0,0-.276,4.827c.023.027.047.052.071.078h0a3.286,3.286,0,0,0,4.647.1,3.232,3.232,0,0,0,.281-.3l8.726-9.81a6.717,6.717,0,0,0,2.875.2A5.687,5.687,0,0,0,22.78,8.192,5.088,5.088,0,0,0,22.678,4.922Z"></path>
|
|
|
|
</g>
|
|
|
|
</svg> Settings & Tools
|
|
|
|
<svg class="text-gray-400 ml-4" width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<path d="M9.08335 0.666657C8.75002 0.333323 8.25002 0.333323 7.91669 0.666657L5.00002 3.58332L2.08335 0.666657C1.75002 0.333323 1.25002 0.333323 0.916687 0.666657C0.583354 0.99999 0.583354 1.49999 0.916687 1.83332L4.41669 5.33332C4.58335 5.49999 4.75002 5.58332 5.00002 5.58332C5.25002 5.58332 5.41669 5.49999 5.58335 5.33332L9.08335 1.83332C9.41669 1.49999 9.41669 0.99999 9.08335 0.666657Z" fill="#6b7280"></path>
|
|
|
|
</svg>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- dev mode icons on/off -->
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<ul class="hidden xl:flex"
|
|
|
|
<li>
|
|
|
|
<div data-tooltip-target="tooltip-DEV" class="ml-5 flex items-center text-gray-50 hover:text-gray-100 text-sm">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#2ad167" stroke-linejoin="round" class="nc-icon-wrapper">
|
|
|
|
<circle cx="12" cy="12" r="11"></circle>
|
|
|
|
<path data-cap="butt" d="M9,16a3,3,0,0,0,6,0" stroke="#2ad167"></path>
|
|
|
|
<circle cx="17" cy="10" r="3" stroke="#2ad167"></circle>
|
|
|
|
<circle cx="7" cy="10" r="3" stroke="#2ad167"></circle>
|
|
|
|
<path data-cap="butt" d="M10,10a2,2,0,0,1,4,0" stroke="#2ad167"></path></g>
|
|
|
|
</svg>
|
|
|
|
<span data-tooltip-target="tooltip-DEV" ></span> </div> <div class="tooltip-arrow" data-popper-arrow></div>
|
|
|
|
<div id="tooltip-DEV" role="tooltip" class="inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-blue-500 rounded-lg shadow-sm opacity-0 transition-opacity duration-300 tooltip">
|
|
|
|
<p>Debug mode: Active </p> {% if debug_ui_mode == true %} <p> Debug UI mode: Active </p> {% endif %}
|
|
|
|
<div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; left: 0px; transform: translate3d(0px, 0px, 0px);"></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
{% endif %}
|
|
|
|
<!-- dev mode icons on/off -->
|
|
|
|
|
|
|
|
<!-- tor -->
|
|
|
|
{% if use_tor_proxy == true %}
|
|
|
|
<ul class="hidden xl:flex"
|
|
|
|
<li>
|
|
|
|
<a href="/tor">
|
|
|
|
<div data-tooltip-target="tooltip-TOR" class="flex items-center text-gray-50 hover:text-gray-100 text-sm">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#AA70E4" stroke-linejoin="round">
|
|
|
|
<path d="M9,18.8A6.455,6.455,0,0,1,7,14,6.455,6.455,0,0,1,9,9.2" stroke="#AA70E4"></path>
|
|
|
|
<path d="M15,18.8A6.455,6.455,0,0,0,17,14a6.455,6.455,0,0,0-2-4.8" stroke="#AA70E4"></path>
|
|
|
|
<path d="M14,2.256V1H10V2.256A3.949,3.949,0,0,1,7.658,5.891,8.979,8.979,0,0,0,2,14c0,4.971,4.477,9,10,9s10-4.029,10-9a8.978,8.978,0,0,0-5.658-8.109A3.95,3.95,0,0,1,14,2.256Z"></path>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</a>
|
|
|
|
<span data-tooltip-target="tooltip-DEV" ></span> </div> <div class="tooltip-arrow" data-popper-arrow></div>
|
|
|
|
<div id="tooltip-TOR" role="tooltip" class="inline-block absolute invisible z-10 py-2 px-3 text-sm font-medium text-white bg-blue-500 rounded-lg shadow-sm opacity-0 transition-opacity duration-300 tooltip">
|
|
|
|
Tor mode: Active{% if tor_established == true %}, Connected{% endif %}
|
|
|
|
<div class="tooltip-arrow" data-popper-arrow="" style="position: absolute; left: 0px; transform: translate3d(0px, 0px, 0px);"></div>
|
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
{% endif %}
|
|
|
|
<!-- tor -->
|
|
|
|
|
|
|
|
<!-- dropdown settings & tools -->
|
|
|
|
<div id="dropdownNavbar" class="hidden z-50 w-50 font-normal bg-white divide-y divide-gray-100">
|
|
|
|
<ul class="py-0 text-sm text-gray-700" aria-labelledby="dropdownLargeButton">
|
|
|
|
<li>
|
|
|
|
<a href="/settings" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Settings</span>
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle cx="12" cy="12" r="3" stroke="#6b7280"></circle>
|
|
|
|
<path d="M20,12a8.049,8.049,0,0,0-.188-1.713l2.714-2.055-2-3.464L17.383,6.094a7.987,7.987,0,0,0-2.961-1.719L14,1H10L9.578,4.375A7.987,7.987,0,0,0,6.617,6.094L3.474,4.768l-2,3.464,2.714,2.055a7.9,7.9,0,0,0,0,3.426L1.474,15.768l2,3.464,3.143-1.326a7.987,7.987,0,0,0,2.961,1.719L10,23h4l.422-3.375a7.987,7.987,0,0,0,2.961-1.719l3.143,1.326,2-3.464-2.714-2.055A8.049,8.049,0,0,0,20,12Z"></path>
|
|
|
|
</g>
|
|
|
|
</svg> Settings </a>
|
|
|
|
</li>
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<li>
|
|
|
|
<a href="/rpc" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">RPC</span>
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<rect x="1" y="2" width="22" height="20"></rect>
|
|
|
|
<line x1="1" y1="6" x2="23" y2="6"></line>
|
|
|
|
<polyline points=" 5,11 7,13 5,15 " stroke="#6b7280"></polyline>
|
|
|
|
<line x1="10" y1="15" x2="14" y2="15" stroke="#6b7280"></line>
|
|
|
|
<line x1="6" y1="2" x2="6" y2="6"></line>
|
|
|
|
</g>
|
|
|
|
</svg> RPC Console </a>
|
|
|
|
</li>
|
|
|
|
{% endif %}
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<li>
|
|
|
|
<a href="/debug" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Debug</span>
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path data-cap="butt" d="M5.29,10H4A3,3,0,0,1,1,7V6" stroke="#6b7280"></path>
|
|
|
|
<path data-cap="butt" d="M5.29,18H4a3,3,0,0,0-3,3v1" stroke="#6b7280"></path>
|
|
|
|
<path data-cap="butt" d="M8,6.255V5a4,4,0,0,1,4-4h0a4,4,0,0,1,4,4V6.255" stroke="#6b7280"></path>
|
|
|
|
<line x1="5" y1="14" x2="1" y2="14" stroke="#6b7280"></line> <path data-cap="butt" d="M18.71,10H20a3,3,0,0,0,3-3V6" stroke="#6b7280"></path>
|
|
|
|
<path data-cap="butt" d="M18.71,18H20a3,3,0,0,1,3,3v1" stroke="#6b7280"></path> <line x1="19" y1="14" x2="23" y2="14" stroke="#6b7280"></line>
|
|
|
|
<path d="M19,16A7,7,0,0,1,5,16V12a7,7,0,0,1,14,0Z"></path></g></svg> Debug </a>
|
|
|
|
</li>
|
|
|
|
{% endif %}
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<li>
|
|
|
|
<a href="/explorers" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Explorers</span>
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<line x1="22" y1="22" x2="15.656" y2="15.656" stroke="#6b7280"></line>
|
|
|
|
<circle cx="10" cy="10" r="8"></circle>
|
|
|
|
</g>
|
|
|
|
</svg> Explorers </a>
|
|
|
|
</li>
|
|
|
|
{% endif %}
|
|
|
|
<li>
|
|
|
|
<a href="/smsgaddresses" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Settings</span>
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#6b7280"></path>
|
|
|
|
<rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#6b7280"></rect>
|
|
|
|
<path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
|
|
|
|
<line x1="23" y1="5" x2="23" y2="9" stroke="#6b7280"></line>
|
|
|
|
</g>
|
|
|
|
</svg> SMSG Addresses </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="/watched" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Automation Strategies</span>
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M1.373,13.183a2.064,2.064,0,0,1,0-2.366C2.946,8.59,6.819,4,12,4s9.054,4.59,10.627,6.817a2.064,2.064,0,0,1,0,2.366C21.054,15.41,17.181,20,12,20S2.946,15.41,1.373,13.183Z"></path>
|
|
|
|
<circle cx="12" cy="12" r="4" stroke="#6b7280"></circle>
|
|
|
|
</g>
|
|
|
|
</svg> Watch Outputs <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_watched_outputs }}</span> </a>
|
|
|
|
</li>
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<li>
|
|
|
|
<a href="/automation" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Automation Strategies</span>
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<line data-cap="butt" x1="5" y1="1" x2="5" y2="6" stroke="#6b7280"></line>
|
|
|
|
<line x1="3" y1="1" x2="7" y2="1" stroke="#6b7280"> </line>
|
|
|
|
<line data-cap="butt" x1="19" y1="1" x2="19" y2="6" stroke="#6b7280"></line>
|
|
|
|
<line x1="17" y1="1" x2="21" y2="1" stroke="#6b7280"></line>
|
|
|
|
<rect x="6" y="15" width="12" height="4" stroke="#6b7280"></rect>
|
|
|
|
<line data-cap="butt" x1="10" y1="19" x2="10" y2="15" stroke="#6b7280"></line>
|
|
|
|
<line data-cap="butt" x1="14" y1="19" x2="14" y2="15" stroke="#6b7280"></line>
|
|
|
|
<line x1="6" y1="11" x2="8" y2="11" stroke="#6b7280"></line>
|
|
|
|
<line x1="16" y1="11" x2="18" y2="11" stroke="#6b7280"> </line>
|
|
|
|
<polygon points="23 6 5 6 1 6 1 23 23 23 23 6"></polygon>
|
|
|
|
</g>
|
|
|
|
</svg> Automation Strategies</a>
|
|
|
|
</li>
|
|
|
|
{% endif %}
|
|
|
|
</ul>
|
|
|
|
<div class="text-sm text-gray-700">
|
|
|
|
<a href="/shutdown/{{ shutdown_token }}" class="flex items-center block py-4 px-4 hover:bg-gray-100"> <span class="sr-only">Shutdown</span>
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<line data-cap="butt" x1="11" y1="10" x2="22" y2="10" stroke="#6b7280"></line>
|
|
|
|
<polyline points="18 6 22 10 18 14" stroke="#6b7280"></polyline>
|
|
|
|
<polyline data-cap="butt" points="13 13 13 17 8 17"></polyline>
|
|
|
|
<polyline data-cap="butt" points="1 2 8 7.016 8 22 1 17 1 2 13 2 13 7"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg> Shutdown </a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- dropdown settings & tools -->
|
|
|
|
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<!-- notifications (todo) -->
|
|
|
|
<button id="dropdownNotificationButton" data-dropdown-toggle="dropdownNotification" class="inline-flex items-center text-sm font-medium text-center text-gray-500 focus:outline-none" type="button">
|
|
|
|
<svg class="h-5 w-5" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
|
|
<path d="M14 11.18V8C13.9986 6.58312 13.4958 5.21247 12.5806 4.13077C11.6655 3.04908 10.3971 2.32615 9 2.09V1C9 0.734784 8.89464 0.48043 8.70711 0.292893C8.51957 0.105357 8.26522 0 8 0C7.73478 0 7.48043 0.105357 7.29289 0.292893C7.10536 0.48043 7 0.734784 7 1V2.09C5.60294 2.32615 4.33452 3.04908 3.41939 4.13077C2.50425 5.21247 2.00144 6.58312 2 8V11.18C1.41645 11.3863 0.910998 11.7681 0.552938 12.2729C0.194879 12.7778 0.00173951 13.3811 0 14V16C0 16.2652 0.105357 16.5196 0.292893 16.7071C0.48043 16.8946 0.734784 17 1 17H4.14C4.37028 17.8474 4.873 18.5954 5.5706 19.1287C6.26819 19.6621 7.1219 19.951 8 19.951C8.8781 19.951 9.73181 19.6621 10.4294 19.1287C11.127 18.5954 11.6297 17.8474 11.86 17H15C15.2652 17 15.5196 16.8946 15.7071 16.7071C15.8946 16.5196 16 16.2652 16 16V14C15.9983 13.3811 15.8051 12.7778 15.4471 12.2729C15.089 11.7681 14.5835 11.3863 14 11.18ZM4 8C4 6.93913 4.42143 5.92172 5.17157 5.17157C5.92172 4.42143 6.93913 4 8 4C9.06087 4 10.0783 4.42143 10.8284 5.17157C11.5786 5.92172 12 6.93913 12 8V11H4V8ZM8 18C7.65097 17.9979 7.30857 17.9045 7.00683 17.7291C6.70509 17.5536 6.45451 17.3023 6.28 17H9.72C9.54549 17.3023 9.29491 17.5536 8.99317 17.7291C8.69143 17.9045 8.34903 17.9979 8 18ZM14 15H2V14C2 13.7348 2.10536 13.4804 2.29289 13.2929C2.48043 13.1054 2.73478 13 3 13H13C13.2652 13 13.5196 13.1054 13.7071 13.2929C13.8946 13.4804 14 13.7348 14 14V15Z" fill="currentColor"></path>
|
|
|
|
</svg>
|
|
|
|
<div class="flex relative">
|
|
|
|
<!-- green -->
|
|
|
|
<div class="inline-flex relative -top-2 right-2 w-3 h-3 bg-green-500 rounded-full border-2 border-white"></div>
|
|
|
|
<!-- Red <div class="inline-flex relative -top-2 right-3 w-3 h-3 bg-red-500 rounded-full border-2 border-white"></div> -->
|
|
|
|
</div>
|
|
|
|
</button>
|
|
|
|
<!-- Dropdown menu -->
|
|
|
|
<div id="dropdownNotification" class="hidden z-50 w-full max-w-sm bg-white rounded divide-y divide-gray-100" aria-labelledby="dropdownNotificationButton">
|
|
|
|
<div class="block py-2 px-4 font-medium text-center text-gray-700 bg-gray-50"> Notifications </div>
|
|
|
|
<div class="divide-y divide-gray-100">
|
|
|
|
<a href="#" class="flex py-3 px-4 hover:bg-gray-100">
|
|
|
|
<div class="flex-shrink-0"> <img class="w-11 h-11 rounded-full" src="/static/images/other/new_offer.png" alt="New Offer"> </div>
|
|
|
|
<div class="pl-3 w-full">
|
|
|
|
<div class="text-gray-500 text-sm mb-1.5"><span class="font-semibold text-gray-900">NEW OFFER</span> on <span class="font-medium text-gray-900">PART->XMR</span></div>
|
|
|
|
<div class="text-xs text-blue-600">a few moments ago</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="#" class="flex py-3 px-4 hover:bg-gray-100">
|
|
|
|
<div class="flex-shrink-0"> <img class="w-11 h-11 rounded-full" src="/static/images/other/bid_accepted.png" alt="New Accepted"> </div>
|
|
|
|
<div class="pl-3 w-full">
|
|
|
|
<div class="text-gray-500 text-sm mb-1.5"><span class="font-semibold text-gray-900">NEW BID</span> on offer <span class="font-medium text-gray-900">PART->BTC</span></div>
|
|
|
|
<div class="text-xs text-blue-600">10 minutes ago</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="#" class="flex py-3 px-4 hover:bg-gray-100">
|
|
|
|
<div class="flex-shrink-0"> <img class="w-11 h-11 rounded-full" src="/static/images/other/bid_accepted.png" alt="Bid Accepted"> </div>
|
|
|
|
<div class="pl-3 w-full">
|
|
|
|
<div class="text-gray-500 text-sm mb-1.5"><span class="font-semibold text-gray-900">BID ACCEPTED</span> on <span class="font-medium text-gray-900">PART->BTC</span> 0.0045 BTC</div>
|
|
|
|
<div class="text-xs text-blue-600">15 minutes ago</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="#" class="flex py-3 px-4 hover:bg-gray-100">
|
|
|
|
<div class="flex-shrink-0"> <img class="w-11 h-11 rounded-full" src="/static/images/coins/Bitcoin.png" alt="Bitcoin"> </div>
|
|
|
|
<div class="pl-3 w-full">
|
|
|
|
<div class="text-gray-500 text-sm mb-1.5"><span class="font-semibold text-gray-900">BTC DEPOSIT</span> of <span class="font-medium text-gray-900">0.000493 BTC</span> sucesfull.</div>
|
|
|
|
<div class="text-xs text-blue-600">15 minutes ago</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="#" class="flex py-3 px-4 hover:bg-gray-100">
|
|
|
|
<div class="flex-shrink-0"> <img class="w-11 h-11 rounded-full" src="/static/images/coins/Particl.png" alt="Particl"> </div>
|
|
|
|
<div class="pl-3 w-full">
|
|
|
|
<div class="text-gray-500 text-sm mb-1.5"><span class="font-semibold text-gray-900">PART WITHDRAW</span> of <span class="font-medium text-gray-900">39.494 PART</span> sucesfull.</div>
|
|
|
|
<div class="text-xs text-blue-600">30 minutes ago</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<a href="#" class="block py-2 text-sm font-medium text-center text-gray-900 bg-gray-50 hover:bg-gray-100">
|
|
|
|
<div class="inline-flex items-center ">
|
|
|
|
<svg class="mr-2 w-4 h-4 text-gray-500" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M1.373,13.183a2.064,2.064,0,0,1,0-2.366C2.946,8.59,6.819,4,12,4s9.054,4.59,10.627,6.817a2.064,2.064,0,0,1,0,2.366C21.054,15.41,17.181,20,12,20S2.946,15.41,1.373,13.183Z"></path>
|
|
|
|
<circle cx="12" cy="12" r="4" stroke="#6b7280"></circle>
|
|
|
|
</g>
|
|
|
|
</svg> View all
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
<!-- notifications (todo) -->
|
|
|
|
|
|
|
|
|
|
|
|
<!-- connected & sync (todo) -->
|
|
|
|
<div class="flex mr-2 items-center text-gray-50 hover:text-gray-100 text-sm">
|
|
|
|
<div class="flex-shrink-0 w-px h-10 bg-gray-600 ml-4 mr-5"></div>
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-4" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#0fe97f" stroke-linejoin="round">
|
|
|
|
<g class="nc-loop-ripple-24-icon-o">
|
|
|
|
<circle cx="12" cy="12" r="11"></circle>
|
|
|
|
<circle cx="12" cy="12" r="11" stroke="#0fe97f"></circle>
|
|
|
|
</g>
|
|
|
|
<style>
|
|
|
|
.nc-loop-ripple-24-icon-o {
|
|
|
|
--animation-duration: 2.2s
|
|
|
|
}
|
|
|
|
|
|
|
|
.nc-loop-ripple-24-icon-o * {
|
|
|
|
transform-origin: 50% 50%;
|
|
|
|
animation: nc-loop-ripple-anim var(--animation-duration) infinite cubic-bezier(.215, .61, .355, 1)
|
|
|
|
}
|
|
|
|
|
|
|
|
.nc-loop-ripple-24-icon-o:nth-child(2) {
|
|
|
|
animation-delay: calc(var(--animation-duration)/-2)
|
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes nc-loop-ripple-anim {
|
|
|
|
0% {
|
|
|
|
opacity: 1;
|
|
|
|
transform: scale(.2)
|
|
|
|
}
|
|
|
|
100% {
|
|
|
|
opacity: 0;
|
|
|
|
transform: scale(1)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</g>
|
|
|
|
</svg> <span class="text-cap">{% if h3 %} {{ h3 }} {% endif %}</span>
|
|
|
|
</div>
|
|
|
|
<!-- connected & sync (todo) -->
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<div class="hidden xl:block"> </div>
|
|
|
|
|
|
|
|
<!-- mobile menu -->
|
|
|
|
<div class="ml-auto flex xl:hidden">
|
|
|
|
<button class="navbar-burger flex items-center rounded focus:outline-none">
|
|
|
|
<svg class="text-white bg-blue-500 hover:bg-blue-600 block h-8 w-8 p-2 rounded" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
|
|
|
|
<title>Mobile Menu</title>
|
|
|
|
<path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"></path>
|
|
|
|
</svg>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
<!-- mobile menu -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="hidden xl:block py-5 px-6 bg-gray-50 border-b">
|
|
|
|
<div class="flex items-center container flex flex-wrap items-center justify-between items-center mx-auto">
|
|
|
|
<ul class="flex items-center">
|
|
|
|
<li>
|
|
|
|
<a class="flex mr-10 items-center text-sm text-gray-500 hover:text-gray-600" href="/active">
|
|
|
|
<svg class="text-gray-100 w-5 h-5 ml-7 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle data-cap="butt" cx="12" cy="12" r="3" stroke="#6b7280"></circle>
|
|
|
|
<polyline points="16.071 5.341 21.763 6.927 21.034 1.13"></polyline>
|
|
|
|
<path data-cap="butt" d="M1,12A11,11,0,0,1,21.763,6.927"></path>
|
|
|
|
<polyline points="7.929 18.659 2.237 17.073 2.966 22.87"></polyline>
|
|
|
|
<path data-cap="butt" d="M23,12A11,11,0,0,1,2.237,17.073"></path>
|
|
|
|
</g>
|
|
|
|
</svg> <span>Swaps in Progress </span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_swapping }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<div class="flex-shrink-0 w-px h-10 bg-gray-300 mr-10"></div>
|
|
|
|
<li>
|
|
|
|
<a class="flex mr-9 items-center text-sm text-gray-500 hover:text-gray-600" href="/offers">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<rect x="3" y="1" width="18" height="22"></rect>
|
|
|
|
<line x1="12" y1="8" x2="12" y2="16" stroke="#6b7280"></line>
|
|
|
|
<line x1="8" y1="14" x2="8" y2="16" stroke="#6b7280"></line>
|
|
|
|
<line x1="16" y1="11" x2="16" y2="16" stroke="#6b7280"> </line>
|
|
|
|
</g>
|
|
|
|
</svg> <span>Network Offers</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_network_offers }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex mr-5 items-center text-sm text-gray-500 hover:text-gray-600" href="/sentoffers">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle cx="5" cy="5" r="4"></circle>
|
|
|
|
<circle cx="19" cy="19" r="4"></circle>
|
|
|
|
<polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline points=" 16,2 13,5 16,8 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline points=" 8,16 11,19 8,22 " stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg> <span>Sent Offers</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_sent_offers }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<div class="flex-shrink-0 w-px h-10 bg-gray-300 ml-4 mr-10"></div>
|
|
|
|
<li>
|
|
|
|
<a class="flex mr-10 items-center text-sm text-gray-500 hover:text-gray-600" href="/availablebids">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle cx="12" cy="12" r="11"></circle>
|
|
|
|
<polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg> <span>Available Bids</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_available_bids }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex mr-10 items-center text-sm text-gray-500 hover:text-gray-600" href="/receivedbids">
|
|
|
|
<svg class="text-gray-100 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M2,16v4a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V16"> </path>
|
|
|
|
<line data-cap="butt" x1="12" y1="1" x2="12" y2="16" stroke="#6b7280"></line>
|
|
|
|
<polyline points="7 11 12 16 17 11" stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg> <span>Received Bids</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_recv_bids }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex mr-10 items-center text-sm text-gray-500 hover:text-gray-600" href="/sentbids">
|
|
|
|
<svg class="text-gray-100 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M2,16v4a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V16"></path>
|
|
|
|
<line data-cap="butt" x1="12" y1="17" x2="12" y2="2" stroke="#6b7280"></line>
|
|
|
|
<polyline points="17 7 12 2 7 7" stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg> <span>Sent Bids</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_sent_bids }}</span> </a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
|
|
|
|
<!-- mobile sidebar -->
|
|
|
|
<div class="hidden navbar-menu fixed top-0 left-0 bottom-0 w-3/4 lg:w-80 sm:max-w-xs z-50">
|
|
|
|
<div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-10"></div>
|
|
|
|
<nav class="relative flex flex-col pt-6 pb-8 h-full w-full bg-gray-800 overflow-y-auto">
|
|
|
|
<div class="flex w-full items-center px-6 pb-6 mb-6 lg:border-b border-gray-700">
|
|
|
|
<a class="text-xl text-white font-semibold" href="/"> <img class="h-8" src="/static/images/logos/basicswap-logo.svg" alt="" width="auto"></a>
|
|
|
|
</div>
|
|
|
|
<div class="px-4 pb-6">
|
|
|
|
<h3 class="mb-2 text-xs uppercase text-gray-500 font-medium">Wallet</h3>
|
|
|
|
<ul class="mb-8 text-sm font-medium">
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/wallets"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M6,3H3C1.895,3,1,3.895,1,5 v0c0,1.105,0.895,2,2,2"></path>
|
|
|
|
<polyline points=" 6,7 6,1 20,1 20,7 " stroke="#6b7280"></polyline>
|
|
|
|
<path d="M23,7H3 C1.895,7,1,6.105,1,5v15c0,1.657,1.343,3,3,3h19V7z"></path>
|
|
|
|
<circle cx="17" cy="15" r="2"></circle>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Wallets</span> <span class="inline-block ml-auto">
|
|
|
|
</span> </a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<h3 class="mb-2 text-xs uppercase text-gray-500 font-medium">Exchange</h3>
|
|
|
|
<ul class="text-sm font-medium">
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-2 text-gray-50 hover:bg-gray-900 rounded" href="/newoffer"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle cx="5" cy="5" r="4"></circle>
|
|
|
|
<circle cx="19" cy="19" r="4"></circle>
|
|
|
|
<polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline points=" 16,2 13,5 16,8 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline points=" 8,16 11,19 8,22 " stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>New Offer</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/active"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle data-cap="butt" cx="12" cy="12" r="3" stroke="#6b7280"></circle>
|
|
|
|
<polyline points="16.071 5.341 21.763 6.927 21.034 1.13"></polyline>
|
|
|
|
<path data-cap="butt" d="M1,12A11,11,0,0,1,21.763,6.927"></path>
|
|
|
|
<polyline points="7.929 18.659 2.237 17.073 2.966 22.87"></polyline>
|
|
|
|
<path data-cap="butt" d="M23,12A11,11,0,0,1,2.237,17.073"></path>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Swaps in Progress</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_swapping }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/offers"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<rect x="3" y="1" width="18" height="22"></rect>
|
|
|
|
<line x1="12" y1="8" x2="12" y2="16" stroke="#6b7280"></line>
|
|
|
|
<line x1="8" y1="14" x2="8" y2="16" stroke="#6b7280"></line>
|
|
|
|
<line x1="16" y1="11" x2="16" y2="16" stroke="#6b7280"> </line>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Network Offers</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_network_offers }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="sentoffers"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle cx="5" cy="5" r="4"></circle>
|
|
|
|
<circle cx="19" cy="19" r="4"></circle>
|
|
|
|
<polyline data-cap="butt" points="13,5 21,5 21,11 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline data-cap="butt" points="11,19 3,19 3,13 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline points=" 16,2 13,5 16,8 " stroke="#6b7280"></polyline>
|
|
|
|
<polyline points=" 8,16 11,19 8,22 " stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Sent Offers</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_sent_offers }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/availablebids"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle cx="12" cy="12" r="11"></circle>
|
|
|
|
<polyline points=" 12,6 12,12 18,12 " stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Available Bids</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_available_bids }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/receivedbids"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-100 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M2,16v4a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V16"> </path>
|
|
|
|
<line data-cap="butt" x1="12" y1="1" x2="12" y2="16" stroke="#6b7280"></line>
|
|
|
|
<polyline points="7 11 12 16 17 11" stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Received Bids</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_recv_bids }}</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/sentbids"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-100 w-5 h-5 mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M2,16v4a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V16"></path>
|
|
|
|
<line data-cap="butt" x1="12" y1="17" x2="12" y2="2" stroke="#6b7280"></line>
|
|
|
|
<polyline points="17 7 12 2 7 7" stroke="#6b7280"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Sent Bids</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_sent_bids }}</span> </a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
<h3 class="mb-2 text-xs uppercase text-gray-500 font-medium mt-5">Settings</h3>
|
|
|
|
<ul class="text-sm font-medium">
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-2 text-gray-50 hover:bg-gray-900 rounded" href="/settings"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="18" width="18" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<circle cx="12" cy="12" r="3" stroke="#6b7280"></circle>
|
|
|
|
<path d="M20,12a8.049,8.049,0,0,0-.188-1.713l2.714-2.055-2-3.464L17.383,6.094a7.987,7.987,0,0,0-2.961-1.719L14,1H10L9.578,4.375A7.987,7.987,0,0,0,6.617,6.094L3.474,4.768l-2,3.464,2.714,2.055a7.9,7.9,0,0,0,0,3.426L1.474,15.768l2,3.464,3.143-1.326a7.987,7.987,0,0,0,2.961,1.719L10,23h4l.422-3.375a7.987,7.987,0,0,0,2.961-1.719l3.143,1.326,2-3.464-2.714-2.055A8.049,8.049,0,0,0,20,12Z"></path>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Settings</span> </a>
|
|
|
|
</li>
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/rpc"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<rect x="1" y="2" width="22" height="20"></rect>
|
|
|
|
<line x1="1" y1="6" x2="23" y2="6"></line>
|
|
|
|
<polyline points=" 5,11 7,13 5,15 " stroke="#6b7280"></polyline>
|
|
|
|
<line x1="10" y1="15" x2="14" y2="15" stroke="#6b7280"></line>
|
|
|
|
<line x1="6" y1="2" x2="6" y2="6"></line>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>RPC Console</span> </a>
|
|
|
|
</li>
|
|
|
|
{% endif %}
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/debug"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round" class="nc-icon-wrapper">
|
|
|
|
<path data-cap="butt" d="M5.29,10H4A3,3,0,0,1,1,7V6" stroke="#6b7280"></path>
|
|
|
|
<path data-cap="butt" d="M5.29,18H4a3,3,0,0,0-3,3v1" stroke="#6b7280"></path>
|
|
|
|
<path data-cap="butt" d="M8,6.255V5a4,4,0,0,1,4-4h0a4,4,0,0,1,4,4V6.255" stroke="#6b7280"></path>
|
|
|
|
<line x1="5" y1="14" x2="1" y2="14" stroke="#6b7280"></line> <path data-cap="butt" d="M18.71,10H20a3,3,0,0,0,3-3V6" stroke="#6b7280"></path>
|
|
|
|
<path data-cap="butt" d="M18.71,18H20a3,3,0,0,1,3,3v1" stroke="#6b7280"></path> <line x1="19" y1="14" x2="23" y2="14" stroke="#6b7280"></line>
|
|
|
|
<path d="M19,16A7,7,0,0,1,5,16V12a7,7,0,0,1,14,0Z"></path></g></svg>
|
|
|
|
</span> <span>Debug</span> </a>
|
|
|
|
</li>
|
|
|
|
{% endif %}
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/explorers"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<line x1="22" y1="22" x2="15.656" y2="15.656" stroke="#6b7280"></line>
|
|
|
|
<circle cx="10" cy="10" r="8"></circle>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Explorers</span> </a>
|
|
|
|
</li>
|
|
|
|
{% endif %}
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/smsgaddresses"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path data-cap="butt" d="M11.992,11.737,14.2,13.4A2,2,0,0,1,15,15v1H7V15a2,2,0,0,1,.8-1.6l2.208-1.663" stroke="#6b7280"></path>
|
|
|
|
<rect x="9" y="7" width="4" height="5" rx="2" ry="2" stroke="#6b7280"></rect>
|
|
|
|
<path d="M2,1H18a2,2,0,0,1,2,2V21a2,2,0,0,1-2,2H2Z"></path>
|
|
|
|
<line x1="23" y1="5" x2="23" y2="9" stroke="#6b7280"></line>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>SMSG Addresses</span> </a>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/watched"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<path d="M1.373,13.183a2.064,2.064,0,0,1,0-2.366C2.946,8.59,6.819,4,12,4s9.054,4.59,10.627,6.817a2.064,2.064,0,0,1,0,2.366C21.054,15.41,17.181,20,12,20S2.946,15.41,1.373,13.183Z"></path>
|
|
|
|
<circle cx="12" cy="12" r="4" stroke="#6b7280"></circle>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Wached Outputs</span> <span class="inline-flex justify-center items-center text-xs font-semibold ml-3 mr-2 px-2.5 py-1 font-small text-white bg-blue-500 rounded-full">{{ summary.num_watched_outputs }}</span></a>
|
|
|
|
</li>
|
|
|
|
{% if debug_mode == true %}
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/automation"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<line data-cap="butt" x1="5" y1="1" x2="5" y2="6" stroke="#6b7280"></line>
|
|
|
|
<line x1="3" y1="1" x2="7" y2="1" stroke="#6b7280"> </line>
|
|
|
|
<line data-cap="butt" x1="19" y1="1" x2="19" y2="6" stroke="#6b7280"></line>
|
|
|
|
<line x1="17" y1="1" x2="21" y2="1" stroke="#6b7280"></line>
|
|
|
|
<rect x="6" y="15" width="12" height="4" stroke="#6b7280"></rect>
|
|
|
|
<line data-cap="butt" x1="10" y1="19" x2="10" y2="15" stroke="#6b7280"></line>
|
|
|
|
<line data-cap="butt" x1="14" y1="19" x2="14" y2="15" stroke="#6b7280"></line>
|
|
|
|
<line x1="6" y1="11" x2="8" y2="11" stroke="#6b7280"></line>
|
|
|
|
<line x1="16" y1="11" x2="18" y2="11" stroke="#6b7280"> </line>
|
|
|
|
<polygon points="23 6 5 6 1 6 1 23 23 23 23 6"></polygon>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Automation Strategies</span> </a>
|
|
|
|
</li>
|
|
|
|
{% endif %}
|
|
|
|
{% if use_tor_proxy == true %}
|
|
|
|
<li>
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-2 text-gray-50 hover:bg-gray-900 rounded" href="/tor"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#AA70E4" stroke-linejoin="round">
|
|
|
|
<path d="M9,18.8A6.455,6.455,0,0,1,7,14,6.455,6.455,0,0,1,9,9.2" stroke="#AA70E4"></path>
|
|
|
|
<path d="M15,18.8A6.455,6.455,0,0,0,17,14a6.455,6.455,0,0,0-2-4.8" stroke="#AA70E4"></path>
|
|
|
|
<path d="M14,2.256V1H10V2.256A3.949,3.949,0,0,1,7.658,5.891,8.979,8.979,0,0,0,2,14c0,4.971,4.477,9,10,9s10-4.029,10-9a8.978,8.978,0,0,0-5.658-8.109A3.95,3.95,0,0,1,14,2.256Z"></path>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>TOR</span> </a>
|
|
|
|
</li>
|
|
|
|
{% endif %}
|
|
|
|
</ul>
|
|
|
|
<div class="pt-8 text-sm font-medium">
|
|
|
|
<a class="flex items-center pl-3 py-3 pr-4 text-gray-50 hover:bg-gray-900 rounded" href="/shutdown/{{ shutdown_token }}"> <span class="inline-block mr-3">
|
|
|
|
<svg class="text-gray-500 w-5 h-5 mr-3" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
|
|
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#6b7280" stroke-linejoin="round">
|
|
|
|
<line data-cap="butt" x1="11" y1="10" x2="22" y2="10" stroke="#6b7280"></line>
|
|
|
|
<polyline points="18 6 22 10 18 14" stroke="#6b7280"></polyline>
|
|
|
|
<polyline data-cap="butt" points="13 13 13 17 8 17"></polyline>
|
|
|
|
<polyline data-cap="butt" points="1 2 8 7.016 8 22 1 17 1 2 13 2 13 7"></polyline>
|
|
|
|
</g>
|
|
|
|
</svg>
|
|
|
|
</span> <span>Shutdown</span> </a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
<!-- mobile sidebar -->
|
|
|
|
</section>
|
|
|
|
|
|
|
|
{% if ws_url %}
|
|
|
|
<script>
|
|
|
|
var ws = new WebSocket("{{ ws_url }}"),
|
|
|
|
floating_div = document.createElement('div');
|
|
|
|
floating_div.classList.add('floatright');
|
|
|
|
messages = document.createElement('ul');
|
|
|
|
messages.setAttribute('id', 'ul_updates');
|
|
|
|
ws.onmessage = function (event) {
|
|
|
|
let json = JSON.parse(event.data);
|
|
|
|
|
|
|
|
let event_message = 'Unknown event';
|
|
|
|
if (json['event'] == 'new_offer') {
|
|
|
|
event_message = '<a href=/offer/' + json['offer_id'] + '>New offer</a>';
|
|
|
|
} else
|
|
|
|
if (json['event'] == 'new_bid') {
|
|
|
|
event_message = '<a href=/bid/' + json['bid_id'] + '>New bid</a> on offer <a href=/offer/' + json['offer_id'] + '>' + json['offer_id'] + '</a>';
|
|
|
|
} else
|
|
|
|
if (json['event'] == 'bid_accepted') {
|
|
|
|
event_message = '<a href=/bid/' + json['bid_id'] + '>Bid accepted</a>';
|
|
|
|
}
|
|
|
|
|
|
|
|
let messages = document.getElementById('ul_updates'),
|
|
|
|
message = document.createElement('li');
|
|
|
|
message.innerHTML = event_message;
|
|
|
|
messages.appendChild(message);
|
|
|
|
};
|
|
|
|
floating_div.appendChild(messages);
|
|
|
|
document.body.appendChild(floating_div);
|
|
|
|
</script>
|
|
|
|
{% endif %}
|