ui: GUI update (#14)
This commit is contained in:
Gerlof van Ek
GitHub
parent
c0c2c8b9bb
commit
e525878aef
@ -17,15 +17,15 @@
|
|||||||
.floatright
|
.floatright
|
||||||
{
|
{
|
||||||
position:fixed;
|
position:fixed;
|
||||||
top: 2em;
|
top:10px;
|
||||||
right: 2em;
|
right:18px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
z-index: 50;
|
width:calc(33.33% - 25px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.error
|
.error
|
||||||
{
|
{
|
||||||
border: 1px solid red;
|
background:#ff5b5b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error_msg
|
.error_msg
|
||||||
|
|||||||
BIN
basicswap/static/images/coins/Firo-20.png
Normal file
BIN
basicswap/static/images/coins/Firo-20.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
basicswap/static/images/coins/Firo.png
Normal file
BIN
basicswap/static/images/coins/Firo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
basicswap/static/images/coins/Veil-20.png
Normal file
BIN
basicswap/static/images/coins/Veil-20.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
basicswap/static/images/coins/Veil.png
Normal file
BIN
basicswap/static/images/coins/Veil.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
19768
basicswap/static/js/chart.js
Normal file
19768
basicswap/static/js/chart.js
Normal file
File diff suppressed because one or more lines are too long
@ -1,6 +1,5 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
|
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
<div class="w-full md:w-1/2 p-2">
|
<div class="w-full md:w-1/2 p-2">
|
||||||
@ -25,33 +24,27 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="relative py-24 md:py-40 bg-white">
|
<section class="relative py-24 md:py-40 bg-white">
|
||||||
<div class="relative z-10 container px-4 mx-auto">
|
<div class="relative z-10 container px-4 mx-auto">
|
||||||
<div class="flex flex-wrap items-center -mx-4">
|
<div class="flex flex-wrap items-center -mx-4">
|
||||||
<div class="w-full md:w-1/2 px-4 mb-16 md:mb-0">
|
<div class="w-full md:w-1/2 px-4 mb-16 md:mb-0">
|
||||||
<div class="md:max-w-xl md:mx-auto text-center md:text-left">
|
<div class="md:max-w-xl md:mx-auto text-center md:text-left"> <span class="inline-block mb-6 px-3 py-1 font-semibold bg-blue-100 rounded-full text-sm">Error 404</span>
|
||||||
<span class="inline-block mb-6 px-3 py-1 font-semibold bg-blue-100 rounded-full text-sm">Error 404</span>
|
|
||||||
<h2 class="mb-4 text-4xl md:text-5xl leading-tight font-bold tracking-tighter">Oh no! Error 404</h2>
|
<h2 class="mb-4 text-4xl md:text-5xl leading-tight font-bold tracking-tighter">Oh no! Error 404</h2>
|
||||||
<p class="mb-6 text-lg md:text-xl text-coolGray-500">Something went wrong, so this page is broken.</p>
|
<p class="mb-6 text-lg md:text-xl text-coolGray-500">Something went wrong, so this page is broken.</p>
|
||||||
<div class="flex flex-wrap">
|
<div class="flex flex-wrap">
|
||||||
<div class="w-full lg:w-auto py-1 lg:py-0 lg:mr-6"><a class="inline-block py-5 px-7 w-full text-base md:text-lg leading-4 text-blue-50 font-medium text-center bg-blue-500 hover:bg-blue-600 border border-blue-500 rounded-md shadow-sm focus:ring-0 focus:outline-none" href="/">Go back to Homepage</a></div>
|
<div class="w-full lg:w-auto py-1 lg:py-0 lg:mr-6"><a class="inline-block py-5 px-7 w-full text-base md:text-lg leading-4 text-blue-50 font-medium text-center bg-blue-500 hover:bg-blue-600 border border-blue-500 rounded-md shadow-sm focus:ring-0 focus:outline-none" href="/">Go back to Homepage</a></div>
|
||||||
<div class="w-full lg:w-auto py-1 lg:py-0"><a class="inline-block py-5 px-7 w-full text-base md:text-lg leading-4 text-coolGray-800 font-medium text-center bg-white hover:bg-coolGray-100 border border-coolGray-200 rounded-md shadow-sm focus:ring-0 focus:outline-none" href="/refresh">Try Again</a></div> <!-- todo add last URL page visit -->
|
<div class="w-full lg:w-auto py-1 lg:py-0"><a class="inline-block py-5 px-7 w-full text-base md:text-lg leading-4 text-coolGray-800 font-medium text-center bg-white hover:bg-coolGray-100 border border-coolGray-200 rounded-md shadow-sm focus:ring-0 focus:outline-none" href="/refresh">Try Again</a></div>
|
||||||
|
<!-- todo add last URL page visit -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/3 px-4">
|
<div class="w-full md:w-1/3 px-4"> <img class="mx-auto" src="/static/images/other/what-why.gif" alt=""> </div>
|
||||||
<img class="mx-auto" src="/static/images/other/what-why.gif" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,6 +1,5 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
|
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
<div class="w-full md:w-1/2 p-2">
|
<div class="w-full md:w-1/2 p-2">
|
||||||
@ -25,40 +24,31 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center">
|
<div class="relative z-20 flex flex-wrap items-center">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Swaps in Progress / Active Swaps</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Swaps in Progress / Active Swaps</h2>
|
||||||
<p class="font-semibold text-coolGray-200">
|
<p class="font-semibold text-coolGray-200"> {% if refresh %} Page Refresh {{ refresh }} seconds {% endif %} </p>
|
||||||
{% if refresh %}
|
|
||||||
Page Refresh {{ refresh }} seconds
|
|
||||||
{% endif %}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<a id="refresh" href="/active"><button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh</button></a>
|
<a id="refresh" href="/active">
|
||||||
|
<button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh</button>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6"> Bid ID </th>
|
<th scope="col" class="py-3 px-6"> Bid ID </th>
|
||||||
@ -68,7 +58,6 @@
|
|||||||
<th scope="col" class="py-3 px-7"> PTX Status </th>
|
<th scope="col" class="py-3 px-7"> PTX Status </th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for s in active_swaps %}
|
{% for s in active_swaps %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
@ -87,11 +76,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -24,41 +24,32 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Automation Strategies</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Automation Strategies</h2>
|
||||||
<p class="font-semibold text-coolGray-200"></p>
|
<p class="font-semibold text-coolGray-200"></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<a id="refresh" href="/newautomationstrategy"><button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Create New Strategy</button></a>
|
<a id="refresh" href="/newautomationstrategy">
|
||||||
|
<button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Create New Strategy</button>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section> {% include 'inc_messages.html' %}
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Filter</th>
|
<th scope="col" class="py-3 px-6">Filter</th>
|
||||||
@ -66,11 +57,8 @@
|
|||||||
<th scope="col"></th>
|
<th scope="col"></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">
|
<td class="py-4 px-6 bold w-96"> Sort by: </td>
|
||||||
Sort by:
|
|
||||||
</td>
|
|
||||||
<td class="py-4 bold w-96">
|
<td class="py-4 bold w-96">
|
||||||
<select class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="sort_by">
|
<select class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="sort_by">
|
||||||
<option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Created At</option>
|
<option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Created At</option>
|
||||||
@ -83,28 +71,23 @@
|
|||||||
</select>
|
</select>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
<svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
|
<path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
|
||||||
</svg> <span>Page Back</span> </button>
|
</svg> <span>Page Back</span> </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
|
<p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
|
<button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
|
||||||
<svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
<svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -112,62 +95,49 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name='clearfilters' value="Clear Filters" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <svg class="mr-2 w-5 h-5" xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 24 24">
|
||||||
<span>Clear Filters</span> </button>
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="round" class="nc-icon-wrapper">
|
||||||
|
<rect x="2" y="2" width="7" height="7"></rect>
|
||||||
|
<rect x="15" y="15" width="7" height="7"></rect>
|
||||||
|
<rect x="2" y="15" width="7" height="7"></rect>
|
||||||
|
<polyline points="15 6 17 8 22 3" stroke="#556987"></polyline>
|
||||||
|
</g>
|
||||||
|
</svg> Clear Filters</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Apply</button>
|
||||||
<span>Submit</span> </button>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}">
|
||||||
<input type="hidden" name="pageno" value="{{ filters.page_no }}">
|
<input type="hidden" name="pageno" value="{{ filters.page_no }}"> </form>
|
||||||
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-10">
|
<div class="container px-0 mx-auto mt-10">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Name</th>
|
<th scope="col" class="py-3 px-6">Name</th>
|
||||||
<th scope="col" class="py-3">Type</th>
|
<th scope="col" class="py-3">Type</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% for s in strategies %}
|
{% for s in strategies %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">
|
<td class="py-4 px-6 bold w-96"> <a class="monospace bolder-t" href=/automationstrategy/{{ s[0] }}>{{ s[1] }}</a> </td>
|
||||||
<a class="monospace bolder-t" href=/automationstrategy/{{ s[0] }}>{{ s[1] }}</a>
|
<td class="py-4 pr-5">{{ s[2] }} </td>
|
||||||
</td>
|
|
||||||
<td class="py-4 pr-5">{{ s[2] }}
|
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -25,35 +25,25 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Automation Strategy {{ strategy_id }}</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Automation Strategy {{ strategy_id }}</h2> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2 text-center ">
|
<div class="w-full pt-2 text-center ">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Option</th>
|
<th scope="col" class="py-3 px-6">Option</th>
|
||||||
@ -61,7 +51,6 @@
|
|||||||
<th scope="col"></th>
|
<th scope="col"></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Label</td>
|
<td class="py-4 px-6 bold w-96">Label</td>
|
||||||
<td>{{ strategy.label }}</td>
|
<td>{{ strategy.label }}</td>
|
||||||
@ -74,49 +63,35 @@
|
|||||||
<td class="py-4 px-6 bold w-96">Only known identities</td>
|
<td class="py-4 px-6 bold w-96">Only known identities</td>
|
||||||
<td>{{ strategy.only_known_identities }}</td>
|
<td>{{ strategy.only_known_identities }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Data</td>
|
<td class="py-4 px-6 bold w-96">Data</td>
|
||||||
<td class="py-4 pr-5">
|
<td class="py-4 pr-5">
|
||||||
<textarea class="outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="5" readonly>
|
<textarea class="outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="5" readonly>{{ strategy.data }}</textarea>
|
||||||
{{ strategy.data }}
|
|
||||||
</textarea>
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Notes</td>
|
<td class="py-4 px-6 bold w-96">Notes</td>
|
||||||
<td class="py-4 pr-5">
|
<td class="py-4 pr-5">
|
||||||
<textarea class="outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="5" readonly>
|
<textarea class="outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="5" readonly>{{ strategy.note }}</textarea>
|
||||||
{{ strategy.note }}
|
|
||||||
</textarea>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<a href="/automation" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<a href="/automation" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-non"><svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#556987"></line> <polyline points=" 11,16 7,12 11,8 " stroke="#5569878"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> <span>Back</span> </a>
|
||||||
<span>Back</span> </a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -25,39 +25,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">New Automation Strategy (todo)</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">New Automation Strategy (todo)</h2> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2 text-center ">
|
<div class="w-full pt-2 text-center "> </div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,5 +1,4 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
@ -26,13 +25,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Bid
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Bid
|
||||||
@ -42,62 +37,69 @@
|
|||||||
</h2>
|
</h2>
|
||||||
<p class="font-semibold text-coolGray-200">Bid ID: {{ bid_id }}</p>
|
<p class="font-semibold text-coolGray-200">Bid ID: {{ bid_id }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
|
||||||
{% if refresh %}
|
{% if refresh %}
|
||||||
<a id="refresh" href=/bid/{{ bid_id }}><button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh {{ refresh }} seconds</button></a>
|
<a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
|
<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 fill="#ffffff">
|
||||||
|
<path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
|
||||||
|
<path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> <span>Refresh {{ refresh }} seconds</span> </a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a id="refresh" href=/bid/{{ bid_id }}><button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh</button></a>
|
<a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
|
<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 fill="#ffffff">
|
||||||
|
<path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
|
||||||
|
<path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> <span>Refresh</span> </a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Item</th>
|
<th scope="col" class="py-3 px-6 w-1/3">Details</th>
|
||||||
<th scope="col">Data </th>
|
<th scope="col"></th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
|
|
||||||
{% if data.was_sent == 'True' %}
|
{% if data.was_sent == 'True' %}
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Swap</td>
|
<td class="py-4 px-6 bold">Swap</td>
|
||||||
<td>{{ data.amt_to }} {{ data.ticker_to }} for {{ data.amt_from }} {{ data.ticker_from }}</td>
|
<td><span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span> for <span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span></td>
|
||||||
</tr>
|
</tr> {% else %}
|
||||||
|
|
||||||
{% else %}
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Swap</td>
|
<td class="py-4 px-6 bold">Swap</td>
|
||||||
<td>{{ data.amt_from }} {{ data.ticker_from }} for {{ data.amt_to }} {{ data.ticker_to }}</td>
|
<td><span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span> for <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span></td>
|
||||||
</tr>
|
</tr> {% endif %}
|
||||||
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Bid Rate</td>
|
<td class="py-4 px-6 bold">Bid Rate</td>
|
||||||
<td>{{ data.bid_rate }}</td>
|
<td>{{ data.bid_rate }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Coin From (You Send) </td>
|
||||||
|
<td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
|
||||||
|
<img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
|
||||||
|
</span> {{ data.coin_from }} </td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Coin To (You Get)</td>
|
||||||
|
<td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
|
||||||
|
<img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
|
||||||
|
</span> {{ data.coin_to }} </td>
|
||||||
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Bid State</td>
|
<td class="py-4 px-6 bold">Bid State</td>
|
||||||
<td>{{ data.bid_state }}</td>
|
<td>{{ data.bid_state }}</td>
|
||||||
@ -116,22 +118,42 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Offer</td>
|
<td class="py-4 px-6 bold">Offer</td>
|
||||||
<td><a class="monospace" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td>
|
<td><a class="monospace bold select-all" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Address From</td>
|
<td class="py-4 px-6 bold">Address From</td>
|
||||||
<td><a class="monospace" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}</td>
|
<td><a class="monospace bold select-all" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Proof of Funds</td>
|
<td class="py-4 px-6 bold">Proof of Funds</td>
|
||||||
<td>{{ data.proof_address }}</td>
|
<td>{{ data.proof_address }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Created At</td>
|
<td scope="row" class="flex items-center px-46 whitespace-nowrap">
|
||||||
|
<svg alt="" class="w-5 h-5 rounded-full ml-5" 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>
|
||||||
|
<div class="py-4 pl-2 bold">
|
||||||
|
<div>Created At</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
<td>{{ data.created_at }}</td>
|
<td>{{ data.created_at }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Expired At</td>
|
<td scope="row" class="flex items-center px-46 whitespace-nowrap">
|
||||||
|
<svg alt="" class="w-5 h-5 rounded-full ml-5" 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>
|
||||||
|
<div class="py-4 pl-2 bold">
|
||||||
|
<div>Expired At</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
<td>{{ data.expired_at }}</td>
|
<td>{{ data.expired_at }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
@ -177,236 +199,225 @@
|
|||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Old states</h4>
|
<h4 class="font-semibold text-black text-2xl">Old states</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Old States</th>
|
<th scope="col" class="py-3 px-6">Old States</th>
|
||||||
<th scope="col">Set at Time</th>
|
<th scope="col">Set at Time</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% for s in old_states %}
|
{% for s in old_states %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">{{ s[1] }}</td>
|
<td class="py-3 px-6 w-1/3 bold"> {{ s[1] }}</td>
|
||||||
<td>{{ s[0] | formatts }} </td>
|
<td scope="row" class="flex items-center px-46 whitespace-nowrap">
|
||||||
|
<svg alt="" class="w-5 h-5 rounded-full 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>
|
||||||
|
<div class="py-4 pr-2">
|
||||||
|
<div>{{ s[0] | formatts }}</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> {% if data.events %}
|
||||||
|
|
||||||
|
|
||||||
{% if data.events %}
|
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Events</h4>
|
<h4 class="font-semibold text-black text-2xl">Events</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Time</th>
|
<th scope="col" class="w-1/3 py-3 px-6 bold">Time</th>
|
||||||
<th scope="col">Events</th>
|
<th scope="col">Events</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% for e in data.events %}
|
{% for e in data.events %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">{{ e.at | formatts }}</td>
|
<td scope="row" class="flex items-center px-46 whitespace-nowrap">
|
||||||
|
<svg alt="" class="w-5 h-5 rounded-full ml-5" 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>
|
||||||
|
<div class="py-4 pl-2 bold">
|
||||||
|
<div>{{ e.at | formatts }}</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
<td>{{ e.desc }}</td>
|
<td>{{ e.desc }}</td>
|
||||||
</tr>
|
</tr> {% endfor %} </table>
|
||||||
{% endfor %}
|
|
||||||
</table>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
{% if edit_bid %}
|
{% if edit_bid %}
|
||||||
|
<table class="mt-1">
|
||||||
<table>
|
|
||||||
<tr>
|
<tr>
|
||||||
<td class="bold pr-5">Change Bid State:</td>
|
<td class="pr-2 bold">Change Bid State:</td>
|
||||||
<td>
|
<td>
|
||||||
<select class="pappearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="new_state">
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="new_state">
|
||||||
{% for s in data.bid_states %}
|
{% for s in data.bid_states %}
|
||||||
<option value="{{ s[0] }}" {% if data.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option>
|
<option value="{{ s[0] }}" {% if data.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
{% if data.debug_ui == true %}
|
{% if data.debug_ui == true %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="bold pr-5">Debug Option:</td>
|
<td class="py-6 pr-2 bold">Debug Option:</td>
|
||||||
<td>
|
<td>
|
||||||
<select class="apappearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="debugind">
|
|
||||||
|
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="debugind">
|
||||||
<option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">None</option>
|
<option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">None</option>
|
||||||
{% for a in data.debug_options %}
|
{% for a in data.debug_options %}
|
||||||
<option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
|
<option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="edit_bid_cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="edit_bid_cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Cancel</span> </button>
|
<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="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Cancel </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="edit_bid_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="edit_bid_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Submit Edit Bid</span> </button>
|
<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="#556987" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#556987"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg> Submit Edit Bid </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
{% if data.show_bidder_seq_diagram %}
|
{% if data.show_bidder_seq_diagram %}
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="hide_bidder_seq_diagram" type="submit" value="Hide Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="hide_bidder_seq_diagram" type="submit" value="Hide Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Hide Bidder Sequence Diagram</span>
|
<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="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Hide Bidder Sequence Diagram </button>
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="show_bidder_seq_diagram" type="submit" value="Show Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="show_bidder_seq_diagram" type="submit" value="Show Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Show Bidder Sequence Diagram</span>
|
<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="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Show Bidder Sequence Diagram </button>
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if data.show_offerer_seq_diagram %}
|
{% if data.show_offerer_seq_diagram %}
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="hide_offerer_seq_diagram" type="submit" value="Hide Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="hide_offerer_seq_diagram" type="submit" value="Hide Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Hide Offerer Sequence Diagram</span>
|
<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="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Hide Offerer Sequence Diagram </button>
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="show_offerer_seq_diagram" type="submit" value="Show Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="show_offerer_seq_diagram" type="submit" value="Show Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Show Offerer Sequence Diagram</span>
|
<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="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Show Offerer Sequence Diagram </button>
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
{% if data.can_abandon == true %}
|
{% if data.can_abandon == true %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="abandon_bid" type="submit" value="Abandon Bid" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="abandon_bid" type="submit" value="Abandon Bid" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Abandon Bid</span> </button>
|
<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="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Abandon Bid </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if data.show_txns %}
|
{% if data.show_txns %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="hide_txns" type="submit" value="Hide Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="hide_txns" type="submit" value="Hide Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Hide info</span> </button>
|
<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="#556987" stroke-linejoin="round" ><circle cx="12" cy="12" r="11"></circle><line x1="12" y1="11" x2="12" y2="17" stroke="#556987"></line><circle cx="12" cy="7" r="1" stroke="none" fill="#556987"></circle></g></svg> Hide info </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="show_txns" type="submit" value="Show More Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="show_txns" type="submit" value="Show More Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Show More Info</span> </button>
|
<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="#556987" stroke-linejoin="round" ><circle cx="12" cy="12" r="11"></circle><line x1="12" y1="11" x2="12" y2="17" stroke="#556987"></line><circle cx="12" cy="7" r="1" stroke="none" fill="#556987"></circle></g></svg> Show More Info </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="edit_bid" type="submit" value="Edit Bid" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="edit_bid" type="submit" value="Edit Bid" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Edit bit</span> </button>
|
<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="#556987" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#556987"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg> Edit bit </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if data.was_received == 'True' %}
|
{% if data.was_received == 'True' %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="accept_bid" value="Accept Bid" type="submit" onclick='return confirmPopup("Accept");' class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="accept_bid" value="Accept Bid" type="submit" onclick='return confirmPopup("Accept");' class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Accept Bid</span> </button>
|
<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="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Accept Bid </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<input type="hidden" name="formid" value="{{ form_id }}"> </form>
|
||||||
|
|
||||||
|
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
|
||||||
</form>
|
|
||||||
|
|
||||||
{% if data.show_bidder_seq_diagram %}
|
{% if data.show_bidder_seq_diagram %}
|
||||||
<img src="/static/sequence_diagrams/bidder.alt.xu.min.svg" />
|
<section class="bg-white p-6">
|
||||||
{% endif %}
|
<div class="flex flex-wrap items-center">
|
||||||
|
<div class="w-full">
|
||||||
{% if data.show_offerer_seq_diagram %}
|
<h4 class="font-semibold text-black text-2xl">Bidder Sequence Diagram</h4> </div>
|
||||||
<img src="/static/sequence_diagrams/offerer.alt.xu.min.svg" />
|
</div>
|
||||||
{% endif %}
|
</section>
|
||||||
|
<section>
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<div class="overflow-x-auto items-center justify-center relative border sm:rounded-lg p-10">
|
||||||
|
<div class="flex items-center justify-center min-h-screen">
|
||||||
|
<div class="flex items-center justify-between text-white"> <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/bidder.alt.xu.min.svg"> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{% endif %}
|
||||||
|
{% if data.show_offerer_seq_diagram %}
|
||||||
|
<section class="bg-white p-6">
|
||||||
|
<div class="flex flex-wrap items-center">
|
||||||
|
<div class="w-full">
|
||||||
|
<h4 class="font-semibold text-black text-2xl">Offerer Sequence Diagram</h4> </div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<div class="overflow-x-auto items-center justify-center relative border sm:rounded-lg p-10">
|
||||||
|
<div class="flex items-center justify-center min-h-screen">
|
||||||
|
<div class="flex items-center justify-between text-white"> <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/offerer.alt.xu.min.svg"> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function confirmPopup() {
|
function confirmPopup() {
|
||||||
return confirm("Are you sure?");
|
return confirm("Are you sure?");
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,5 +1,4 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
@ -26,77 +25,82 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Bid
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Bid
|
||||||
{% if debug_mode == true %}
|
{% if debug_mode == true %}
|
||||||
(Debug: bid_xmr template)
|
(Debug: bid_xmr template)
|
||||||
{% endif %}
|
{% endif %}</h2>
|
||||||
</h2>
|
|
||||||
<p class="font-semibold text-coolGray-200">Bid ID: {{ bid_id }}</p>
|
<p class="font-semibold text-coolGray-200">Bid ID: {{ bid_id }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
|
||||||
{% if refresh %}
|
{% if refresh %}
|
||||||
<a id="refresh" href=/bid/{{ bid_id }}><button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh {{ refresh }} seconds</button></a>
|
<a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
|
<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 fill="#ffffff" >
|
||||||
|
<path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
|
||||||
|
<path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> <span>Refresh {{ refresh }} seconds</span> </a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a id="refresh" href=/bid/{{ bid_id }}><button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh</button></a>
|
<a id="refresh" href="/bid/{{ bid_id }}" class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
|
<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 fill="#ffffff" >
|
||||||
|
<path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
|
||||||
|
<path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> <span>Refresh</span> </a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Item</th>
|
<th scope="col" class="py-3 px-6 w-1/3">Details</th>
|
||||||
<th scope="col">Data </th>
|
<th scope="col"></th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% if data.was_sent == 'True' %}
|
{% if data.was_sent == 'True' %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Swap</td>
|
<td class="py-4 px-6 bold">Swap</td>
|
||||||
<td>{{ data.amt_to }} {{ data.ticker_to }} for {{ data.amt_from }} {{ data.ticker_from }}</td>
|
<td><span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span> for <span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span></td>
|
||||||
</tr>
|
</tr>
|
||||||
{% else %}
|
{% else %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Swap</td>
|
<td class="py-4 px-6 bold">Swap</td>
|
||||||
<td>{{ data.amt_from }} {{ data.ticker_from }} for {{ data.amt_to }} {{ data.ticker_to }}</td>
|
<td><span class="bold">{{ data.amt_from }} {{ data.ticker_from }}</span> for <span class="bold">{{ data.amt_to }} {{ data.ticker_to }}</span></td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Bid Rate</td>
|
<td class="py-4 px-6 bold">Bid Rate</td>
|
||||||
<td>{{ data.bid_rate }}</td>
|
<td>{{ data.bid_rate }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Coin From</td>
|
<td class="py-4 px-6 bold">Coin From (You Send) </td>
|
||||||
<td>{{ data.coin_from }}</td>
|
<td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
|
||||||
|
<img class="h-7" src="/static/images/coins/{{ data.coin_from }}.png" alt="{{ data.coin_from }}">
|
||||||
|
</span> {{ data.coin_from }} </td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Coin To</td>
|
<td class="py-4 px-6 bold">Coin To (You Get)</td>
|
||||||
<td>{{ data.coin_to }}</td>
|
<td> <span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
|
||||||
|
<img class="h-7" src="/static/images/coins/{{ data.coin_to }}.png" alt="{{ data.coin_to }}">
|
||||||
|
</span> {{ data.coin_to }} </td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Bid State</td>
|
<td class="py-4 px-6 bold">Bid State</td>
|
||||||
@ -108,18 +112,38 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Offer</td>
|
<td class="py-4 px-6 bold">Offer</td>
|
||||||
<td><a class="monospace" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td>
|
<td><a class="monospace bold select-all" href="/offer/{{ data.offer_id }}">{{ data.offer_id }}</a></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Address From</td>
|
<td class="py-4 px-6 bold">Address From</td>
|
||||||
<td><a class="monospace" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}</td>
|
<td><a class="monospace bold select-all" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Created At</td>
|
<td scope="row" class="flex items-center px-46 whitespace-nowrap">
|
||||||
|
<svg alt="" class="w-5 h-5 rounded-full ml-5" 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>
|
||||||
|
<div class="py-4 pl-2 bold">
|
||||||
|
<div>Created At</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
<td>{{ data.created_at }}</td>
|
<td>{{ data.created_at }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Expired At</td>
|
<td scope="row" class="flex items-center px-46 whitespace-nowrap">
|
||||||
|
<svg alt="" class="w-5 h-5 rounded-full ml-5" 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>
|
||||||
|
<div class="py-4 pl-2 bold">
|
||||||
|
<div>Expired At</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
<td>{{ data.expired_at }}</td>
|
<td>{{ data.expired_at }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
@ -147,98 +171,92 @@
|
|||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Old states</h4>
|
<h4 class="font-semibold text-black text-2xl">Old states</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Old States</th>
|
<th scope="col" class="py-3 px-6">Old States</th>
|
||||||
<th scope="col">Set at Time</th>
|
<th scope="col">Set at Time</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% for s in old_states %}
|
{% for s in old_states %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">{{ s[1] }}</td>
|
<td class="py-3 px-6 w-1/3 bold"> {{ s[1] }}</td>
|
||||||
<td>{{ s[0] | formatts }} </td>
|
<td scope="row" class="flex items-center px-46 whitespace-nowrap">
|
||||||
|
<svg alt="" class="w-5 h-5 rounded-full 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>
|
||||||
|
<div class="py-4 pr-2">
|
||||||
|
<div>{{ s[0] | formatts }}</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if data.events %}
|
{% if data.events %}
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Events</h4>
|
<h4 class="font-semibold text-black text-2xl">Events</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Time</th>
|
<th scope="col" class="w-1/3 py-3 px-6 bold">Time</th>
|
||||||
<th scope="col">Events</th>
|
<th scope="col">Events</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% for e in data.events %}
|
{% for e in data.events %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">{{ e.at | formatts }}</td>
|
<td scope="row" class="flex items-center px-46 whitespace-nowrap">
|
||||||
|
<svg alt="" class="w-5 h-5 rounded-full ml-5" 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>
|
||||||
|
<div class="py-4 pl-2 bold">
|
||||||
|
<div>{{ e.at | formatts }}</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
<td>{{ e.desc }}</td>
|
<td>{{ e.desc }}</td>
|
||||||
</tr>
|
</tr> {% endfor %} </table>
|
||||||
{% endfor %}
|
|
||||||
</table>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
|
|
||||||
{% if data.show_txns %}
|
{% if data.show_txns %}
|
||||||
{% if data.xmr_b_shared_address or data.xmr_b_shared_viewkey or data.xmr_b_half_privatekey %}
|
{% if data.xmr_b_shared_address or data.xmr_b_shared_viewkey or data.xmr_b_half_privatekey %}
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">View keys/Shared Address:</h4>
|
<h4 class="font-semibold text-black text-2xl">View keys/Shared Address:</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6 w-96">Type</th>
|
<th scope="col" class="py-3 px-6 w-1/3">Type</th>
|
||||||
<th scope="col">Output</th>
|
<th scope="col">Output</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
@ -264,51 +282,44 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Transactions</h4>
|
<h4 class="font-semibold text-black text-2xl">Transactions</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Tx Type</th>
|
<th scope="col" class="py-3 px-6 w-1/3">Tx Type</th>
|
||||||
<th scope="col">Tx ID</th>
|
<th scope="col">Tx ID</th>
|
||||||
<th scope="col">Blocks Deep</th>
|
<th scope="col">Blocks Deep</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
{% for tx in data.txns %}
|
{% for tx in data.txns %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">{{ tx.type }}</td>
|
<td class="py-4 px-6 bold">{{ tx.type }}</td>
|
||||||
<td class="py-4 px-6 monospace">{{ tx.txid }}</td>
|
<td class="py-4 monospace">{{ tx.txid }}</td>
|
||||||
<td class="py-4 px-6">{{ tx.confirms }}</td>
|
<td class="py-4 ">{{ tx.confirms }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<table>
|
<table>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="bold pr-5">View Transaction:</td>
|
<td class="bold pr-5">View Transaction:</td>
|
||||||
<td>
|
<td>
|
||||||
|
<div class="relative">
|
||||||
<select class="pappearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="view_tx">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="view_tx">
|
||||||
{% if data.txns|length %}
|
{% if data.txns|length %}
|
||||||
{% for tx in data.txns %}
|
{% for tx in data.txns %}
|
||||||
<option value="{{ tx.txid }}" {% if data.view_tx_ind==tx.txid %} selected{% endif %}>{{ tx.type }} {{ tx.txid }}</option>
|
<option value="{{ tx.txid }}" {% if data.view_tx_ind==tx.txid %} selected{% endif %}>{{ tx.type }} {{ tx.txid }}</option>
|
||||||
@ -317,10 +328,10 @@
|
|||||||
<option value="0">None exist yet</option>
|
<option value="0">None exist yet</option>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="view_tx_submit" value="View Tx" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="view_tx_submit" value="View Tx" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
||||||
@ -330,7 +341,6 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg> <span>View Tx</span> </button>
|
</svg> <span>View Tx</span> </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="view_lock_transfers" value="View Lock Wallet Transfers" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="view_lock_transfers" value="View Lock Wallet Transfers" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
||||||
@ -340,215 +350,202 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg> <span>View Lock Wallet Transfers</span> </button>
|
</svg> <span>View Lock Wallet Transfers</span> </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if data.view_tx_hex %}
|
{% if data.view_tx_hex %}
|
||||||
|
<label for="transfers_view" class="bold block mb-2 text-sm font-medium text-gray-900">TX Hex:</label>
|
||||||
<label for="transfers_view" class="bold block mb-2 text-sm font-medium text-gray-900">{{ data.view_tx_hex }}</label>
|
<textarea rows="5" class="outline-none mb-10 block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" readonly>{{ data.view_tx_hex }}</textarea>
|
||||||
<textarea rows="4" class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" id="tx_view" readonly>
|
<textarea rows="15" class="outline-none block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" id="tx_view" readonly>{{ data.view_tx_desc }}</textarea>
|
||||||
{{ data.view_tx_desc }}
|
|
||||||
</textarea>
|
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if data.lock_transfers %}
|
{% if data.lock_transfers %}
|
||||||
|
|
||||||
<label for="transfers_view" class="bold block mb-2 text-sm font-medium text-gray-900">Lock wallet transfers:</label>
|
<label for="transfers_view" class="bold block mb-2 text-sm font-medium text-gray-900">Lock wallet transfers:</label>
|
||||||
<textarea rows="4" class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" id="transfers_view" readonly>
|
<textarea rows="15" class="outline-none block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" id="transfers_view" readonly>{{ data.lock_transfers }}</textarea>
|
||||||
{{ data.lock_transfers }}
|
{% endif %}
|
||||||
</textarea>
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if data.show_bidder_seq_diagram %}
|
{% if data.show_bidder_seq_diagram %}
|
||||||
<img src="/static/sequence_diagrams/xmr.bidder.alt.xu.min.svg" />
|
<section class="bg-white p-6">
|
||||||
|
<div class="flex flex-wrap items-center">
|
||||||
|
<div class="w-full">
|
||||||
|
<h4 class="font-semibold text-black text-2xl">Bidder Sequence Diagram</h4> </div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<div class="overflow-x-auto items-center justify-center relative border sm:rounded-lg p-10">
|
||||||
|
<div class="flex items-center justify-center min-h-screen">
|
||||||
|
<div class="flex items-center justify-between text-white"> <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/bidder.alt.xu.min.svg"> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
{% endif %}
|
||||||
|
{% if data.show_offerer_seq_diagram %}
|
||||||
|
<section class="bg-white p-6">
|
||||||
|
<div class="flex flex-wrap items-center">
|
||||||
|
<div class="w-full">
|
||||||
|
<h4 class="font-semibold text-black text-2xl">Offerer Sequence Diagram</h4> </div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section>
|
||||||
|
<div class="container mx-auto">
|
||||||
|
<div class="overflow-x-auto items-center justify-center relative border sm:rounded-lg p-10">
|
||||||
|
<div class="flex items-center justify-center min-h-screen">
|
||||||
|
<div class="flex items-center justify-between text-white"> <img class="h-full py-2 pr-4 ml-8" src="/static/sequence_diagrams/offerer.alt.xu.min.svg"> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if data.show_offerer_seq_diagram %}
|
|
||||||
<img src="/static/sequence_diagrams/xmr.offerer.alt.xu.min.svg" />
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if data.chain_a_lock_tx_inputs %}
|
{% if data.chain_a_lock_tx_inputs %}
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Chain A Lock TX Inputs:</h4>
|
<h4 class="font-semibold text-black text-2xl">Chain A Lock TX Inputs:</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">txid</th>
|
<th scope="col" class="py-3 px-6 w-1/3">txid</th>
|
||||||
<th scope="col">vout</th>
|
<th scope="col">out</th>
|
||||||
<th scope="col">locked</th>
|
<th scope="col">locked</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% for txi in data.chain_a_lock_tx_inputs %}
|
{% for txi in data.chain_a_lock_tx_inputs %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">{{ txi.txid }}</td>
|
<td class="py-4 px-6">{{ txi.txid }}</td>
|
||||||
<td class="py-4 px-6 monospace">{{ txi.vout }}</td>
|
<td class="py-4 monospace">{{ txi.vout }}</td>
|
||||||
<td class="py-4 px-6">{% if txi.islocked %} true {% else %} false {% endif %}</td>
|
<td class="py-4 ">{% if txi.islocked %} true {% else %} false {% endif %}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
{% if edit_bid %}
|
{% if edit_bid %}
|
||||||
|
|
||||||
<table class="mt-1">
|
<table class="mt-1">
|
||||||
<tr>
|
<tr>
|
||||||
<td class="bold pr-5 ">Change Bid State:</td>
|
<td class="pr-2 bold">Change Bid State:</td>
|
||||||
<td>
|
<td>
|
||||||
<select class="pappearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="new_state">
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="new_state">
|
||||||
{% for s in data.bid_states %}
|
{% for s in data.bid_states %}
|
||||||
<option value="{{ s[0] }}" {% if data.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option>
|
<option value="{{ s[0] }}" {% if data.bid_state_ind==s[0] %} selected{% endif %}>{{ s[1] }}</option> {% endfor %} </select>
|
||||||
{% endfor %}
|
</div>
|
||||||
</select>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
{% if data.debug_ui == true %}
|
{% if data.debug_ui == true %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="bold pr-5">Debug Option</td>
|
<td class="py-6 pr-2 bold"">Debug Option</td>
|
||||||
<td>
|
<td>
|
||||||
<select class="pappearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="debugind">
|
<div class="relative">
|
||||||
<option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">-- None --</option>
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="debugind">
|
||||||
|
<option{% if data.debug_ind=="-1" %} selected{% endif %} value="-1">None</option>
|
||||||
{% for a in data.debug_options %}
|
{% for a in data.debug_options %}
|
||||||
<option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
|
<option{% if data.debug_ind==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[1] }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td class="bold pr-5">Sweep No-Script TX</td>
|
<td class="pr-2 bold">Sweep No-Script TX</td>
|
||||||
<td><input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" id="kbs_other" name="kbs_other"></td>
|
<td>
|
||||||
|
|
||||||
|
<input class="appearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" id="kbs_other" name="kbs_other">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="edit_bid_cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="edit_bid_cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Cancel</span> </button>
|
<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="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Cancel </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="edit_bid_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="edit_bid_submit" value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Submit Edit Bid</span> </button>
|
<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="#556987" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#556987"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg> Submit Edit Bid </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
{% if data.show_bidder_seq_diagram %}
|
{% if data.show_bidder_seq_diagram %}
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="hide_bidder_seq_diagram" type="submit" value="Hide Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="hide_bidder_seq_diagram" type="submit" value="Hide Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Hide Bidder Sequence Diagram</span>
|
<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="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Hide Bidder Sequence Diagram </button>
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="show_bidder_seq_diagram" type="submit" value="Show Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="show_bidder_seq_diagram" type="submit" value="Show Bidder Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Show Bidder Sequence Diagram</span>
|
<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="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Show Bidder Sequence Diagram </button>
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if data.show_offerer_seq_diagram %}
|
{% if data.show_offerer_seq_diagram %}
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="hide_offerer_seq_diagram" type="submit" value="Hide Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="hide_offerer_seq_diagram" type="submit" value="Hide Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Hide Offerer Sequence Diagram</span>
|
<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="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Hide Offerer Sequence Diagram </button>
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="show_offerer_seq_diagram" type="submit" value="Show Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="show_offerer_seq_diagram" type="submit" value="Show Offerer Sequence Diagram" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Show Offerer Sequence Diagram</span>
|
<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="#556987" stroke-linejoin="round" ><rect x="2" y="2" width="8" height="4"></rect><rect x="2" y="18" width="8" height="4"></rect><line x1="6" y1="9" x2="6" y2="15"></line><polyline points="13 4 17 4 17 6"></polyline><polyline points="13 20 17 20 17 18"></polyline><polygon points="12 12 17 9 22 12 17 15 12 12" stroke="#556987"></polygon></g></svg> Show Offerer Sequence Diagram </button>
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
|
|
||||||
{% if data.can_abandon == true %}
|
{% if data.can_abandon == true %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="abandon_bid" value="Abandon Bid" onclick='return confirmPopup("Abandon");' type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="abandon_bid" type="submit" value="Abandon Bid" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Abandon Bid</span> </button>
|
<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="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Abandon Bid </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if data.show_txns %}
|
{% if data.show_txns %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="hide_txns" type="submit" value="Hide Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="hide_txns" type="submit" value="Hide Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Hide info</span> </button>
|
<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="#556987" stroke-linejoin="round" ><circle cx="12" cy="12" r="11"></circle><line x1="12" y1="11" x2="12" y2="17" stroke="#556987"></line><circle cx="12" cy="7" r="1" stroke="none" fill="#556987"></circle></g></svg> Hide info </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="show_txns" type="submit" value="Show More Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="show_txns" type="submit" value="Show More Info" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Show More Info</span> </button>
|
<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="#556987" stroke-linejoin="round" ><circle cx="12" cy="12" r="11"></circle><line x1="12" y1="11" x2="12" y2="17" stroke="#556987"></line><circle cx="12" cy="7" r="1" stroke="none" fill="#556987"></circle></g></svg> Show More Info </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="edit_bid" type="submit" value="Edit Bid" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="edit_bid" type="submit" value="Edit Bid" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Edit bid</span> </button>
|
<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="#556987" stroke-linejoin="round" ><line x1="2" y1="23" x2="22" y2="23" stroke="#556987"></line> <line data-cap="butt" x1="13" y1="5" x2="17" y2="9"></line> <polygon points="8 18 3 19 4 14 16 2 20 6 8 18"></polygon></g></svg> Edit bit </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if data.was_received == 'True' %}
|
{% if data.was_received == 'True' %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="accept_bid" value="Accept Bid" onclick='return confirmPopup("Accept");' type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="accept_bid" value="Accept Bid" type="submit" onclick='return confirmPopup("Accept");' class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<span>Accept Bid</span> </button>
|
<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="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Accept Bid </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<input type="hidden" name="formid" value="{{ form_id }}"> </div>
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> <!-- todo double check -->
|
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function confirmPopup(name) {
|
function confirmPopup(name) {
|
||||||
return confirm(name + " Bid - Are you sure?");
|
return confirm(name + " Bid - Are you sure?");
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,7 +1,5 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
|
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
<div class="w-full md:w-1/2 p-2">
|
<div class="w-full md:w-1/2 p-2">
|
||||||
@ -26,13 +24,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">{{ page_type_available }} {{ page_type_received }} {{ page_type_sent }}</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">{{ page_type_available }} {{ page_type_received }} {{ page_type_sent }}</h2>
|
||||||
@ -42,50 +36,39 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<!-- todo -->{% if refresh %}
|
||||||
<!-- todo -->
|
|
||||||
{% if refresh %}
|
|
||||||
<p>Page Refresh: {{ refresh }} seconds</p> {% endif %} {% for m in messages %}
|
<p>Page Refresh: {{ refresh }} seconds</p> {% endif %} {% for m in messages %}
|
||||||
<p>{{ m }}</p>
|
<p>{{ m }}</p> {% endfor %}
|
||||||
{% endfor %}
|
|
||||||
<!-- todo -->
|
<!-- todo -->
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
|
|
||||||
<div class="flex justify-between items-center pb-4 bg-white">
|
<div class="flex justify-between items-center pb-4 bg-white">
|
||||||
<div class="bg-white bg-opacity-60 rounded-b-md">
|
<div class="bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<p class="text-sm font-heading bold">Sort By:</p>
|
<p class="text-sm font-heading bold">Sort By:</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB">
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
||||||
</path>
|
|
||||||
</svg>
|
</svg>
|
||||||
<select name="sort_by" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
<select name="sort_by" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
<option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Time At</option>
|
<option value="created_at" {% if filters.sort_by=='created_at' %} selected{% endif %}>Time At</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB">
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
||||||
</path>
|
|
||||||
</svg>
|
</svg>
|
||||||
<select name="sort_dir" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
<select name="sort_dir" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
<option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
|
<option value="asc" {% if filters.sort_dir=='asc' %} selected{% endif %}>Ascending</option>
|
||||||
@ -93,18 +76,15 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<p class="text-sm font-heading bold">State:</p>
|
<p class="text-sm font-heading bold">State:</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB">
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
||||||
</path>
|
|
||||||
</svg>
|
</svg>
|
||||||
<select name="state" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
<select name="state" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
<option value="-1" {% if filters.bid_state_ind==-1 %} selected{% endif %}>Any</option>
|
<option value="-1" {% if filters.bid_state_ind==-1 %} selected{% endif %}>Any</option>
|
||||||
@ -114,18 +94,15 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<p class="text-sm font-heading bold">Include Expired:</p>
|
<p class="text-sm font-heading bold">Include Expired:</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB">
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
||||||
</path>
|
|
||||||
</svg>
|
</svg>
|
||||||
<select name="with_expired" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
<select name="with_expired" class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
<option value="true" {% if filters.with_expired==true %} selected{% endif %}>Include</option>
|
<option value="true" {% if filters.with_expired==true %} selected{% endif %}>Include</option>
|
||||||
@ -133,7 +110,6 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
@ -151,7 +127,6 @@
|
|||||||
</svg> <span>Clear</span> </button>
|
</svg> <span>Clear</span> </button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
@ -165,17 +140,13 @@
|
|||||||
</svg> <span>Apply Filters</span> </button>
|
</svg> <span>Apply Filters</span> </button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6"> Time At </th>
|
<th scope="col" class="py-3 px-6"> Time At </th>
|
||||||
@ -187,7 +158,6 @@
|
|||||||
<th scope="col" class="py-3 px-6"> PTX Status </th>
|
<th scope="col" class="py-3 px-6"> PTX Status </th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tbody>
|
<tbody>
|
||||||
{% for b in bids %}
|
{% for b in bids %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
@ -211,34 +181,24 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}">
|
||||||
<input type="hidden" name="pageno" value="{{ filters.page_no }}">
|
<input type="hidden" name="pageno" value="{{ filters.page_no }}"> </div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
|
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
<svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
|
<path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
|
||||||
</svg> <span>Page Back</span> </button>
|
</svg> <span>Page Back</span> </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
|
<p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
|
<button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
|
||||||
<svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
<svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -246,21 +206,15 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
|
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
<div class="w-full md:w-1/2 p-2">
|
<div class="w-full md:w-1/2 p-2">
|
||||||
@ -25,13 +24,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighte r">Debug</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighte r">Debug</h2>
|
||||||
@ -41,44 +36,37 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6 w-80">Name</th>
|
<th scope="col" class="py-3 px-6 w-80">Option</th>
|
||||||
<th scope="col" class="py-3">Input</th>
|
<th scope="col" class="py-3"></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 pl-5 pr-5 bold">Reinitialise XMR wallet</td>
|
<td class="py-4 pl-5 pr-5 bold">Reinitialise XMR wallet</td>
|
||||||
<td td class="py-4"><input name="reinit_xmr" type="submit" value="Yes" class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md shadow-button bg-blue-500 text-white border border-coolGray-200 hover:border-coolGray-300"></td>
|
<td td class="py-4">
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<button name="reinit_xmr" type="submit" value="Yes" class="flex flex-wrap justify-center py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
</tr>
|
<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="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><polyline points="2.966 1.13 2.237 6.927 7.929 5.341"></polyline><path d="M2.921,18.2a11.006,11.006,0,0,1-1.041-1.9" stroke="#ffffff"></path><path d="M8.461,22.412a11.07,11.07,0,0,1-1.529-.654q-.2-.1-.392-.214" stroke="#ffffff"></path><path d="M15.539,22.41a11.062,11.062,0,0,1-2.06.486" stroke="#ffffff"></path><path d="M21.08,18.206a10.984,10.984,0,0,1-1.438,1.705" stroke="#ffffff"></path><path d="M2.759,6.027A11,11,0,0,1,22.9,13.464"></path></g></svg> Yes </button>
|
||||||
|
</td>
|
||||||
|
<input type="hidden" name="formid" value="{{ form_id }}"> </tr>
|
||||||
</form>
|
</form>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div
|
</div </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- todo
|
<!-- todo
|
||||||
{% if result %}
|
{% if result %}
|
||||||
<textarea class="monospace" rows="40" cols="160">
|
<textarea class="monospace" rows="40" cols="160">
|
||||||
@ -86,10 +74,8 @@
|
|||||||
</textarea>
|
</textarea>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
-->
|
-->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,11 +1,16 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head>
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel=icon sizes="32x32" type="image/png" href="/static/images/favicon-32.png">
|
<link rel=icon sizes="32x32" type="image/png" href="/static/images/favicon-32.png">
|
||||||
<title>{{ title }}</title>
|
<title>{{ title }}</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h2>{{ title_str }}</h2>
|
<h2>{{ title_str }}</h2>
|
||||||
<p>Info: {{ message_str }}</p>
|
<p>Info: {{ message_str }}</p>
|
||||||
<p><a href="/">home</a></p>
|
<p><a href="/">home</a></p>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -24,13 +24,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Explorers</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Explorers</h2>
|
||||||
@ -40,122 +36,87 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Select Explorer</th>
|
<th scope="col" class="py-3 px-6">Select Explorer</th>
|
||||||
<th scope="col">Action</th>
|
<th scope="col">Action</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr class="bg-white border-t">
|
<tr class="bg-white border-t">
|
||||||
<td class="py-4 px-6 bold w-96">
|
<td class="py-4 px-6 bold w-96">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
||||||
</svg>
|
</svg>
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="explorer">
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="explorer">
|
||||||
<!-- <option value="-1" {% if explorer==-1 %} selected{% endif %}>Select Explorer</option> -->
|
<!-- <option value="-1" {% if explorer==-1 %} selected{% endif %}>Select Explorer</option> -->{% for e in explorers %}
|
||||||
{% for e in explorers %}
|
|
||||||
<option value="{{ e[0] }}" {% if explorer==e[0] %} selected{% endif %}>{{ e[1] }}</option>
|
<option value="{{ e[0] }}" {% if explorer==e[0] %} selected{% endif %}>{{ e[1] }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="py-4 pr-5">
|
<td class="py-4 pr-5">
|
||||||
<select class="pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="action">
|
<select class="pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="action">
|
||||||
<option value="-1" {% if action==-1 %} selected{% endif %}>Select Action</option>
|
<option value="-1" {% if action==-1 %} selected{% endif %}>Select Action</option> {% for a in actions %}
|
||||||
{% for a in actions %}
|
|
||||||
<option value="{{ a[0] }}" {% if action==a[0] %} selected{% endif %}>{{ a[1] }}</option>
|
<option value="{{ a[0] }}" {% if action==a[0] %} selected{% endif %}>{{ a[1] }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">
|
<td class="py-4 px-6 bold"> Arguments: </td>
|
||||||
Arguments:
|
|
||||||
</td>
|
|
||||||
<td class="py-4 pr-5">
|
<td class="py-4 pr-5">
|
||||||
<input class="appearance-none bg-gray-50 border w-full border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" name="args" placeholder="Arguments">
|
<input class="appearance-none bg-gray-50 border w-full border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" name="args" placeholder="Arguments"> </td>
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Apply</button>
|
||||||
<span>Submit</span> </button>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}">
|
||||||
|
|
||||||
{% if result %}
|
{% if result %}
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Explorer output:</th>
|
<th scope="col" class="py-3 px-6">Explorer output:</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 pl-5 pr-5">
|
<td class="py-4 pl-5 pr-5">
|
||||||
<textarea class="whitespace-pre-line outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="15">
|
<textarea class="whitespace-pre-line outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="15"> {{ result }} </textarea>
|
||||||
{{ result }}
|
|
||||||
</textarea>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -2,38 +2,31 @@
|
|||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="flex flex-wrap lg:items-center pt-24 pb-12 -mx-4">
|
<div class="flex flex-wrap lg:items-center pt-24 pb-12 -mx-4">
|
||||||
<div class="w-full md:w-3/4 px-4">
|
<div class="w-full md:w-3/4 px-4">
|
||||||
<a class="block mb-8 max-w-max" href="#">
|
<a class="block mb-8 max-w-max" href="#"> <img class="h-8" src="/static/images/logos/basicswap-logo-dark.svg" alt=""> </a>
|
||||||
<img class="h-8" src="/static/images/logos/basicswap-logo-dark.svg" alt="">
|
|
||||||
</a>
|
|
||||||
<div class="mb-12 md:mb-0 flex flex-wrap -mx-3 md:-mx-6">
|
<div class="mb-12 md:mb-0 flex flex-wrap -mx-3 md:-mx-6">
|
||||||
<div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://academy.particl.io/en/latest/basicswap-dex/basicswap_explained.html" target="_blank">BasicSwap Explained</a></div>
|
<div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://academy.particl.io/en/latest/basicswap-dex/basicswap_explained.html" target="_blank">BasicSwap Explained</a></div>
|
||||||
<div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://academy.particl.io/en/latest/basicswap-guides/basicswapguides_installation.html" target="_blank">Tutorials and Guides</a></div>
|
<div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://academy.particl.io/en/latest/basicswap-guides/basicswapguides_installation.html" target="_blank">Tutorials and Guides</a></div>
|
||||||
<div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://academy.particl.io/en/latest/faq/get_support.html" target="_blank">Get Support</a></div>
|
<div class="w-full md:w-auto p-3 md:py-0 md:px-6"><a class="inline-block text-coolGray-500 hover:text-coolGray-600 font-medium" href="https://academy.particl.io/en/latest/faq/get_support.html" target="_blank">Get Support</a></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/4 px-4">
|
<div class="w-full md:w-1/4 px-4"> </div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="border-b border-coolGray-100"></div>
|
<div class="border-b border-coolGray-100"></div>
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="flex flex-wrap items-center py-12 md:pb-32">
|
<div class="flex flex-wrap items-center py-12 md:pb-32">
|
||||||
<div class="w-full md:w-1/2 mb-6 md:mb-0">
|
<div class="w-full md:w-1/2 mb-6 md:mb-0">
|
||||||
|
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
|
|
||||||
<p class="mr-1 text-sm text-gray-90 font-medium ">© 2022~ </p>
|
<p class="mr-1 text-sm text-gray-90 font-medium ">© 2022~ </p>
|
||||||
<p class="text-sm text-coolGray-400 font-medium">{{ title }}</p>
|
<p class="text-sm text-coolGray-400 font-medium">{{ title }}</p> <span class="w-1 h-1 mx-1.5 bg-gray-500 rounded-full"></span>
|
||||||
<span class="w-1 h-1 mx-1.5 bg-gray-500 rounded-full"></span>
|
<p class="text-sm text-coolGray-400 font-medium">GUI 0.1.2 </p> <span class="w-1 h-1 mx-1.5 bg-gray-500 rounded-full"></span>
|
||||||
<p class="text-sm text-coolGray-400 font-medium">GUI 0.1.1 </p>
|
|
||||||
<span class="w-1 h-1 mx-1.5 bg-gray-500 rounded-full"></span>
|
|
||||||
<p class="mr-2 text-sm font-bold text-gray-90 ">Made with </p>
|
<p class="mr-2 text-sm font-bold text-gray-90 ">Made with </p>
|
||||||
<svg 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="#f80b0b" stroke-linejoin="round" class="nc-icon-wrapper"><path d="M21.243,3.757 c-2.343-2.343-6.142-2.343-8.485,0c-0.289,0.289-0.54,0.6-0.757,0.927c-0.217-0.327-0.469-0.639-0.757-0.927 c-2.343-2.343-6.142-2.343-8.485,0c-2.343,2.343-2.343,6.142,0,8.485L12,21.485l9.243-9.243C23.586,9.899,23.586,6.1,21.243,3.757z"></path></g></svg>
|
<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
||||||
<span class="ml-2 text-sm font-bold text-gray-90 ">by TV and CRZ</span>
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#f80b0b" stroke-linejoin="round" class="nc-icon-wrapper">
|
||||||
</div>
|
<path d="M21.243,3.757 c-2.343-2.343-6.142-2.343-8.485,0c-0.289,0.289-0.54,0.6-0.757,0.927c-0.217-0.327-0.469-0.639-0.757-0.927 c-2.343-2.343-6.142-2.343-8.485,0c-2.343,2.343-2.343,6.142,0,8.485L12,21.485l9.243-9.243C23.586,9.899,23.586,6.1,21.243,3.757z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> <span class="ml-2 text-sm font-bold text-gray-90 ">by TV and CRZ</span> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2">
|
<div class="w-full md:w-1/2">
|
||||||
@ -47,8 +40,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="px-5">
|
<div class="px-5">
|
||||||
<a class="inline-block text-coolGray-300 hover:text-coolGray-400" href="#">
|
<a class="inline-block text-coolGray-300 hover:text-coolGray-400" href="#">
|
||||||
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> </svg>
|
||||||
</svg>
|
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -16,7 +16,6 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<nav class="relative bg-gray-800">
|
<nav class="relative bg-gray-800">
|
||||||
<div class="p-6 container flex flex-wrap items-center justify-between items-center mx-auto">
|
<div class="p-6 container flex flex-wrap items-center justify-between items-center mx-auto">
|
||||||
@ -42,8 +41,7 @@
|
|||||||
<line x1="8" y1="14" x2="8" 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>
|
<line x1="16" y1="11" x2="16" y2="16" stroke="#6b7280"> </line>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg> <span>Show Order Book</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>
|
||||||
<span>Show Order Book</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>
|
||||||
<li>
|
<li>
|
||||||
<a class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" href="/newoffer">
|
<a class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" href="/newoffer">
|
||||||
@ -73,7 +71,6 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<!-- dropdown settings & tools -->
|
<!-- dropdown settings & tools -->
|
||||||
<div id="dropdownNavbar" class="hidden z-50 w-50 font-normal bg-white shadow divide-y divide-gray-100">
|
<div id="dropdownNavbar" class="hidden z-50 w-50 font-normal bg-white shadow divide-y divide-gray-100">
|
||||||
<ul class="py-0 text-sm text-gray-700" aria-labelledby="dropdownLargeButton">
|
<ul class="py-0 text-sm text-gray-700" aria-labelledby="dropdownLargeButton">
|
||||||
@ -108,9 +105,13 @@
|
|||||||
<path data-cap="butt" d="M5.29,10H4A3,3,0,0,1,1,7V6" stroke="#6b7280"></path>
|
<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="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>
|
<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>
|
<line x1="5" y1="14" x2="1" y2="14" stroke="#6b7280"></line>
|
||||||
<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 data-cap="butt" d="M18.71,10H20a3,3,0,0,0,3-3V6" stroke="#6b7280"></path>
|
||||||
<path d="M19,16A7,7,0,0,1,5,16V12a7,7,0,0,1,14,0Z"></path></g></svg> Debug </a>
|
<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>
|
</li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if debug_mode == true %}
|
{% if debug_mode == true %}
|
||||||
@ -177,10 +178,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- dropdown settings & tools -->
|
<!-- dropdown settings & tools -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- notifications -->
|
<!-- notifications -->
|
||||||
<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">
|
<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">
|
<svg class="h-5 w-5" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -189,23 +186,20 @@
|
|||||||
<div class="flex relative">
|
<div class="flex relative">
|
||||||
<!-- Todo -->
|
<!-- Todo -->
|
||||||
<div class="inline-flex relative -top-2 right-2 w-3 h-3 bg-green-500 rounded-full border-2 border-white"></div>
|
<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> -->
|
<!-- 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>
|
||||||
</div>
|
|
||||||
</button>
|
</button>
|
||||||
<!-- Dropdown menu -->
|
<!-- Dropdown menu -->
|
||||||
<div id="dropdownNotification" class="hidden z-50 w-full max-w-sm bg-white shadow rounded divide-y divide-gray-100 drop-shadow" aria-labelledby="dropdownNotificationButton">
|
<div id="dropdownNotification" class="hidden z-50 w-full max-w-sm bg-white shadow rounded divide-y divide-gray-100 drop-shadow" aria-labelledby="dropdownNotificationButton">
|
||||||
<div class="block py-2 px-4 font-medium text-center text-gray-700 bg-gray-50 drop-shadow"> Notifications </div>
|
<div class="block py-2 px-4 font-medium text-center text-gray-700 bg-gray-50 drop-shadow"> Notifications </div>
|
||||||
<div class="divide-y divide-gray-100">
|
<div class="divide-y divide-gray-100">
|
||||||
{% for entry in notifications %}
|
{% for entry in notifications %} {% if entry[1] == 1 %}
|
||||||
{% if entry[1] == 1 %}
|
|
||||||
<div class="flex py-3 px-4 hover:bg-gray-100">
|
<div 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="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="pl-3 w-full">
|
||||||
<div class="text-gray-500 text-sm mb-1.5">
|
<div class="text-gray-500 text-sm mb-1.5"> <span class="font-semibold text-gray-900">
|
||||||
<span class="font-semibold text-gray-900">
|
NEW NETWORK OFFER</span>
|
||||||
NEW NETWORK OFFER</span><br/>
|
<br/> <span class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-900 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300">
|
||||||
<span class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-800 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300">
|
<a href="/offer/{{ entry[2].offer_id }}">{{ entry[2].offer_id|truncate(37, True) }}</a>
|
||||||
<a href="/offer/{{ entry[2].offer_id }}">{{ entry[2].offer_id|truncate(42, True) }}</a>
|
|
||||||
</span></div>
|
</span></div>
|
||||||
<div class="text-xs text-blue-600">{{ entry[0] }}</div>
|
<div class="text-xs text-blue-600">{{ entry[0] }}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -214,12 +208,10 @@
|
|||||||
<div class="flex py-3 px-4 hover:bg-gray-100">
|
<div 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="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="pl-3 w-full">
|
||||||
|
<div class="text-gray-500 text-sm mb-1.5"> <span class="font-semibold text-gray-900">
|
||||||
<div class="text-gray-500 text-sm mb-1.5">
|
<a href="/bid/{{ entry[2].bid_id }}">NEW BID</a> ON OFFER</span>
|
||||||
<span class="font-semibold text-gray-900">
|
<br/> <span class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-800 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300">
|
||||||
<a href="/bid/{{ entry[2].bid_id }}">NEW BID</a> ON OFFER</span><br/>
|
<a href="/offer/{{ entry[2].offer_id }}">{{ entry[2].offer_id|truncate(37, True) }}</a>
|
||||||
<span class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-800 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300">
|
|
||||||
<a href="/offer/{{ entry[2].offer_id }}">{{ entry[2].offer_id|truncate(42, True) }}</a>
|
|
||||||
</span></div>
|
</span></div>
|
||||||
<div class="text-xs text-blue-600">{{ entry[0] }}</div>
|
<div class="text-xs text-blue-600">{{ entry[0] }}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -228,11 +220,10 @@
|
|||||||
<div class="flex py-3 px-4 hover:bg-gray-100">
|
<div 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="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="pl-3 w-full">
|
||||||
<div class="text-gray-500 text-sm mb-1.5">
|
<div class="text-gray-500 text-sm mb-1.5"> <span class="font-semibold text-gray-900">
|
||||||
<span class="font-semibold text-gray-900">
|
BID ACCEPTED</span>
|
||||||
BID ACCEPTED</span><br/>
|
<br/> <span class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-800 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300">
|
||||||
<span class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-800 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300">
|
<a href="/bid/{{ entry[2].bid_id }}">{{ entry[2].bid_id|truncate(37, True) }}</a>
|
||||||
<a href="/bid/{{ entry[2].bid_id }}">{{ entry[2].bid_id|truncate(42, True) }}</a>
|
|
||||||
</span></div>
|
</span></div>
|
||||||
<div class="text-xs text-blue-600">{{ entry[0] }}</div>
|
<div class="text-xs text-blue-600">{{ entry[0] }}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -241,10 +232,9 @@
|
|||||||
<div class="flex py-3 px-4 hover:bg-gray-100">
|
<div 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="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="pl-3 w-full">
|
||||||
<div class="text-gray-500 text-sm mb-1.5">
|
<div class="text-gray-500 text-sm mb-1.5"> <span class="font-semibold text-gray-900">
|
||||||
<span class="font-semibold text-gray-900">
|
UNKNOWN EVENT</span>
|
||||||
UNKNOWN EVENT</span><br/>
|
<br/> <span class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-800 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300">
|
||||||
<span class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-800 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300">
|
|
||||||
{{ entry[1] }}
|
{{ entry[1] }}
|
||||||
<div class="text-xs text-blue-600">{{ entry[0] }}</div>
|
<div class="text-xs text-blue-600">{{ entry[0] }}</div>
|
||||||
</div>
|
</div>
|
||||||
@ -282,15 +272,15 @@
|
|||||||
<circle cx="7" 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>
|
<path data-cap="butt" d="M10,10a2,2,0,0,1,4,0" stroke="#2ad167"></path></g>
|
||||||
</svg>
|
</svg>
|
||||||
<span data-tooltip-target="tooltip-DEV" ></span> </div> <div class="tooltip-arrow" data-popper-arrow></div>
|
<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">
|
<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 %}
|
<p>Debug mode: Active </p> {% if debug_ui_mode == true %}
|
||||||
</div>
|
<p> Debug UI mode: Active </p> {% endif %} </div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<!-- dev mode icons on/off -->
|
<!-- dev mode icons on/off -->
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if use_tor_proxy == true %}
|
{% if use_tor_proxy == true %}
|
||||||
<!-- tor -->
|
<!-- tor -->
|
||||||
<ul class="xl:flex ml-5">
|
<ul class="xl:flex ml-5">
|
||||||
@ -304,60 +294,16 @@
|
|||||||
<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>
|
<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>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</a>
|
</a> <span data-tooltip-target="tooltip-TOR"></span> </div>
|
||||||
<span data-tooltip-target="tooltip-TOR" ></span> </div> <div class="tooltip-arrow" data-popper-arrow></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">
|
<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 %}
|
||||||
Tor mode: Active{% if tor_established == true %}, Connected{% endif %}
|
<br> Tor: Connected{% endif %} </div>
|
||||||
</div>
|
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<!-- tor -->
|
<!-- tor -->
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<!-- connected & sync (todo) -->
|
|
||||||
<div class="flex ml-2 items-center text-gray-50 hover:text-gray-100 text-sm hidden">
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
<!-- connected & sync (todo) -->
|
|
||||||
|
|
||||||
|
|
||||||
<div class="hidden xl:block"> </div>
|
<div class="hidden xl:block"> </div>
|
||||||
|
|
||||||
<!-- mobile menu -->
|
<!-- mobile menu -->
|
||||||
<div class="ml-auto flex xl:hidden">
|
<div class="ml-auto flex xl:hidden">
|
||||||
<button class="navbar-burger flex items-center rounded focus:outline-none">
|
<button class="navbar-burger flex items-center rounded focus:outline-none">
|
||||||
@ -368,7 +314,6 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<!-- mobile menu -->
|
<!-- mobile menu -->
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden xl:block py-5 px-6 bg-gray-50 border-b">
|
<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">
|
<div class="flex items-center container flex flex-wrap items-center justify-between items-center mx-auto">
|
||||||
@ -433,7 +378,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<!-- mobile sidebar -->
|
<!-- 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="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>
|
<div class="navbar-backdrop fixed inset-0 bg-gray-800 opacity-10"></div>
|
||||||
@ -672,7 +616,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<!-- mobile sidebar -->
|
<!-- mobile sidebar -->
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% if ws_url %}
|
{% if ws_url %}
|
||||||
<script>
|
<script>
|
||||||
var ws = new WebSocket("{{ ws_url }}"),
|
var ws = new WebSocket("{{ ws_url }}"),
|
||||||
@ -682,21 +625,20 @@
|
|||||||
messages.setAttribute('id', 'ul_updates');
|
messages.setAttribute('id', 'ul_updates');
|
||||||
ws.onmessage = function(event) {
|
ws.onmessage = function(event) {
|
||||||
let json = JSON.parse(event.data);
|
let json = JSON.parse(event.data);
|
||||||
|
|
||||||
let event_message = 'Unknown event';
|
let event_message = 'Unknown event';
|
||||||
if (json['event'] == 'new_offer') {
|
if (json['event'] == 'new_offer') {
|
||||||
event_message = '<div class="p-4 w-full mt-5 text-gray-500 bg-white rounded-lg shadow"> <div class="flex"> <div class="text-sm font-normal"> <div class="mb-1 text-sm font-semibold text-gray-900"> <a href=/offer/' + json['offer_id'] + '>New offer</a></div></div></div></div>';
|
event_message = '<div class="p-4 w-full mt-5 text-gray-500 bg-white rounded-lg shadow"> <div class="flex"> <div class="text-sm font-normal"> <div class="mb-1 text-sm font-semibold text-gray-900"> <a href=/offer/' + json['offer_id'] + '>New offer</a></div></div></div></div>';
|
||||||
} else
|
}
|
||||||
|
else
|
||||||
if (json['event'] == 'new_bid') {
|
if (json['event'] == 'new_bid') {
|
||||||
event_message = '<div class="p-4 w-full mt-5 text-gray-500 bg-white rounded-lg shadow"> <div class="flex"> <div class="text-sm font-normal"> <div class="mb-1 text-sm font-semibold text-gray-900"> <a href=/bid/' + json['bid_id'] + '>New bid</a> on offer</div><div class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-800 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300" href=/offer/' + json['offer_id'] + '>' + json['offer_id'] + '</a></div></div>';
|
event_message = '<div class="p-4 w-full mt-5 text-gray-500 bg-white rounded-lg shadow"> <div class="flex"> <div class="text-sm font-normal"> <div class="mb-1 text-sm font-semibold text-gray-900"> <a href=/bid/' + json['bid_id'] + '>New bid</a> on offer</div><div class="mt-2 mb-2 inline-flex px-2.5 py-1.5 text-xs font-small monospace text-center text-white bg-gray-800 rounded-lg hover:bg-gray-700 focus:ring-4 focus:outline-none focus:ring-gray-300" href=/offer/' + json['offer_id'] + '>' + json['offer_id'] + '</a></div></div>';
|
||||||
} else
|
}
|
||||||
|
else
|
||||||
if (json['event'] == 'bid_accepted') {
|
if (json['event'] == 'bid_accepted') {
|
||||||
event_message = '<div class="p-4 w-full mt-5 text-gray-500 bg-white rounded-lg shadow"><div class="flex"><div class="text-sm font-normal"><div class="mb-1 text-sm font-semibold text-gray-900"><a href=/bid/' + json['bid_id'] + '>Bid accepted</a></div></div></div></div>';
|
event_message = '<div class="p-4 w-full mt-5 text-gray-500 bg-white rounded-lg shadow"><div class="flex"><div class="text-sm font-normal"><div class="mb-1 text-sm font-semibold text-gray-900"><a href=/bid/' + json['bid_id'] + '>Bid accepted</a></div></div></div></div>';
|
||||||
}
|
}
|
||||||
|
|
||||||
let messages = document.getElementById('ul_updates'),
|
let messages = document.getElementById('ul_updates'),
|
||||||
message = document.createElement('li');
|
message = document.createElement('li');
|
||||||
|
|
||||||
message.innerHTML = event_message;
|
message.innerHTML = event_message;
|
||||||
messages.appendChild(message);
|
messages.appendChild(message);
|
||||||
};
|
};
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
@ -26,13 +25,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Identity</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Identity</h2>
|
||||||
@ -42,33 +37,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Item</th>
|
<th scope="col" class="py-3 px-6">Item</th>
|
||||||
<th scope="col">Data </th>
|
<th scope="col">Data </th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% if data.show_edit_form %}
|
{% if data.show_edit_form %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="py-4 px-6 bold">Label</td>
|
<td class="py-4 px-6 bold">Label</td>
|
||||||
<td class="py-4"><input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" id="label" name="label" value="{{ data.label }}"></td>
|
<td class="py-4">
|
||||||
|
<input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" id="label" name="label" value="{{ data.label }}">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% else %}
|
{% else %}
|
||||||
<tr>
|
<tr>
|
||||||
@ -76,7 +66,6 @@
|
|||||||
<td class="py-4">{{ data.label }}</td>
|
<td class="py-4">{{ data.label }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Successful Sent Bids</td>
|
<td class="py-4 px-6 bold w-96">Successful Sent Bids</td>
|
||||||
<td>{{ data.num_sent_bids_successful }}</td>
|
<td>{{ data.num_sent_bids_successful }}</td>
|
||||||
@ -101,54 +90,33 @@
|
|||||||
<td class="py-4 px-6 bold">Failed Received Bids</td>
|
<td class="py-4 px-6 bold">Failed Received Bids</td>
|
||||||
<td>{{ data.num_recv_bids_failed }}</td>
|
<td>{{ data.num_recv_bids_failed }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
{% if data.show_edit_form %}
|
{% if data.show_edit_form %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Apply</span> </button>
|
||||||
<span>Apply</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Cancel</span> </button>
|
||||||
<span>Cancel</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="edit" value="edit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="edit" value="edit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Edit</span> </button>
|
||||||
<span>Edit</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
{% endif %} </div>
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<input type="hidden" name="formid" value="{{ form_id }}"> </form>
|
||||||
|
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
|
||||||
|
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
{% include 'footer.html' %}
|
|
||||||
</div>
|
</div>
|
||||||
|
{% include 'footer.html' %} </div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,5 +1,4 @@
|
|||||||
{% for m in messages %}
|
{% for m in messages %}
|
||||||
|
|
||||||
<section class="py-4" id="messages_{{ m[0] }}" role="alert">
|
<section class="py-4" id="messages_{{ m[0] }}" role="alert">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="p-6 bg-green-100 border border-green-200 rounded-md">
|
<div class="p-6 bg-green-100 border border-green-200 rounded-md">
|
||||||
@ -12,25 +11,22 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 p-1">
|
<div class="flex-1 p-1">
|
||||||
<h3 class="font-medium text-sm text-green-900">{{ m[1] }}</h3>
|
<h3 class="font-medium text-sm text-green-900">{{ m[1] }}</h3> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-auto p-2">
|
<div class="w-auto p-2">
|
||||||
<button type="button" class="ml-auto bg-green-100 text-green-500 rounded-lg focus:ring-0 focus:ring-green-400 p-1.5 hover:bg-green-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#messages_{{ m[0] }}" aria-label="Close">
|
<button type="button" class="ml-auto bg-green-100 text-green-500 rounded-lg focus:ring-0 focus:ring-green-400 p-1.5 hover:bg-green-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#messages_{{ m[0] }}" aria-label="Close"> <span class="sr-only">Close</span>
|
||||||
<span class="sr-only">Close</span>
|
<svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
<svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||||
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
{% for m in err_messages %}
|
{% for m in err_messages %}
|
||||||
|
|
||||||
<section class="py-4" id="err_messages_{{ m[0] }}" role="alert">
|
<section class="py-4" id="err_messages_{{ m[0] }}" role="alert">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="p-6 bg-red-100 border border-red-200 rounded-md">
|
<div class="p-6 bg-red-100 border border-red-200 rounded-md">
|
||||||
@ -45,14 +41,13 @@
|
|||||||
<div class="flex-1 p-1">
|
<div class="flex-1 p-1">
|
||||||
<h3 class="font-medium text-sm text-red-900 error_msg">
|
<h3 class="font-medium text-sm text-red-900 error_msg">
|
||||||
<p class="error_msg">Error: {{ m[1] }}</p>
|
<p class="error_msg">Error: {{ m[1] }}</p>
|
||||||
</h3>
|
</h3> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-auto p-2">
|
<div class="w-auto p-2">
|
||||||
<button type="button" class="ml-auto bg-red-100 text-red-500 rounded-lg focus:ring-0 focus:ring-red-400 p-1.5 hover:bg-red-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#err_messages_{{ m[0] }}" aria-label="Close">
|
<button type="button" class="ml-auto bg-red-100 text-red-500 rounded-lg focus:ring-0 focus:ring-red-400 p-1.5 hover:bg-red-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#err_messages_{{ m[0] }}" aria-label="Close"> <span class="sr-only">Close</span>
|
||||||
<span class="sr-only">Close</span>
|
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
@ -60,5 +55,4 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
@ -9,12 +9,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="mb-10 mx-auto text-3xl md:text-4xl leading-tight text-coolGray-900 font-bold tracking-tighter max-w-5xl">Welcome to BasicSwap DEX</h3>
|
<h3 class="mb-10 mx-auto text-3xl md:text-4xl leading-tight text-coolGray-900 font-bold tracking-tighter max-w-5xl">Welcome to BasicSwap DEX</h3>
|
||||||
<div class="relative mb-10 mx-auto max-w-max">
|
<div class="relative mb-10 mx-auto max-w-max"> <img class="absolute top-1/2 transform -translate-y-1/2 w-1/2 md:w-auto text-yellow-400" src="/static/images/elements/circle-violet.svg" alt=""> <img class="absolute top-1/2 right-0 transform -translate-y-1/2 w-1/4 md:w-auto text-blue-500" src="/static/images/elements/dots-blue.svg" alt=""> <img class="absolute p-7 -mt-1 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10/12 z-20" src="/static/images/gfx/dashboard.png" alt=""> <img class="relative z-10" src="/static/images/gfx/macbook.png" alt=""> </div>
|
||||||
<img class="absolute top-1/2 transform -translate-y-1/2 w-1/2 md:w-auto text-yellow-400" src="/static/images/elements/circle-violet.svg" alt="">
|
|
||||||
<img class="absolute top-1/2 right-0 transform -translate-y-1/2 w-1/4 md:w-auto text-blue-500" src="/static/images/elements/dots-blue.svg" alt="">
|
|
||||||
<img class="absolute p-7 -mt-1 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 w-10/12 z-20" src="/static/images/gfx/dashboard.png" alt="">
|
|
||||||
<img class="relative z-10" src="/static/images/gfx/macbook.png" alt="">
|
|
||||||
</div>
|
|
||||||
<p class="mb-6 mx-auto text-lg md:text-xl text-coolGray-500 font-medium max-w-4xl">Swap cryptocurrencies in a distributed trading environment with <b>no restrictions</b> and <b>no fees.</b></p>
|
<p class="mb-6 mx-auto text-lg md:text-xl text-coolGray-500 font-medium max-w-4xl">Swap cryptocurrencies in a distributed trading environment with <b>no restrictions</b> and <b>no fees.</b></p>
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
|
|||||||
@ -1,11 +1,16 @@
|
|||||||
<!DOCTYPE html><html lang="en"><head>
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel=icon sizes="32x32" type="image/png" href="/static/images/favicon-32.png">
|
<link rel=icon sizes="32x32" type="image/png" href="/static/images/favicon-32.png">
|
||||||
<title>{{ title }}</title>
|
<title>{{ title }}</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h2>{{ title_str }}</h2>
|
<h2>{{ title_str }}</h2>
|
||||||
<p>Info: {{ message_str }}</p>
|
<p>Info: {{ message_str }}</p>
|
||||||
<p><a href="/">home</a></p>
|
<p><a href="/">home</a></p>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,5 +1,4 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
@ -26,32 +25,28 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Offer (normal)</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Offer (normal)</h2>
|
||||||
<p class="font-semibold text-coolGray-200">Offer ID: {{ offer_id }}</p>
|
<p class="font-semibold text-coolGray-200">Offer ID: {{ offer_id }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3"> {% if refresh %}
|
||||||
{% if refresh %}
|
<a id="refresh" href=/offer/{{ offer_id }}>
|
||||||
<a id="refresh" href=/offer/{{ offer_id }}><button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh {{ refresh }} seconds</button></a>
|
<button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh {{ refresh }} seconds</button>
|
||||||
|
</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a id="refresh" href=/offer/{{ offer_id }}><button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh</button></a>
|
<a id="refresh" href=/offer/{{ offer_id }}>
|
||||||
{% endif %}
|
<button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh</button>
|
||||||
</div>
|
</a>
|
||||||
|
{% endif %} </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
{% if sent_bid_id %}
|
{% if sent_bid_id %}
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
@ -65,8 +60,7 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 p-1">
|
<div class="flex-1 p-1">
|
||||||
<h3 class="font-medium text-sm text-green-900"><a href="/bid/{{ sent_bid_id }}">Sent Bid {{ sent_bid_id }}</a></h3>
|
<h3 class="font-medium text-sm text-green-900"><a href="/bid/{{ sent_bid_id }}">Sent Bid {{ sent_bid_id }}</a></h3> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-auto p-2">
|
<div class="w-auto p-2">
|
||||||
@ -81,83 +75,124 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Item</th>
|
<th scope="col" class="py-3 px-6">Item</th>
|
||||||
<th scope="col">Data</th>
|
<th scope="col">Data</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Offer State</td><td>{{ data.state }}</td></tr>
|
<td class="py-4 px-6 bold">Offer State</td>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Coin From</td><td>{{ data.coin_from }}</td></tr>
|
<td>{{ data.state }}</td>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Coin To</td><td>{{ data.coin_to }}</td></tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Amount From</td><td>{{ data.amt_from }} {{ data.tla_from }}</td></tr>
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Amount To</td><td>{{ data.amt_to }} {{ data.tla_to }}</td></tr>
|
<td class="py-4 px-6 bold">Coin From</td>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Minimum Bid Amount</td><td>{{ data.amt_bid_min }} {{ data.tla_from }}</td></tr>
|
<td>{{ data.coin_from }}</td>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Rate</td><td>{{ data.rate }}</td></tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold" title="Total coin-from value of completed bids, that this node is involved in">Amount Swapped</td><td>{{ data.amt_swapped }} {{ data.tla_from }}</td></tr>
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold" title="If bids can be sent with a different amount">Amount Variable</td><td>{{ data.amount_negotiable }}</td></tr>
|
<td class="py-4 px-6 bold">Coin To</td>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold" title="If bids can be sent with a different amount">Rate Variable</td><td>{{ data.rate_negotiable }}</td></tr>
|
<td>{{ data.coin_to }}</td>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Script Lock Type</td><td>{{ data.lock_type }}</td></tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Script Lock Value</td><td>{{ data.lock_value }} {{ data.lock_value_hr }}</td></tr>
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Amount From</td>
|
||||||
{% if data.addr_to == "Public" %}
|
<td>{{ data.amt_from }} {{ data.tla_from }}</td>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Address To</td><td>{{ data.addr_to }}</td></tr>
|
</tr>
|
||||||
{% else %}
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Address To</td><td><a class="monospace" href="/identity/{{ data.addr_to }}">{{ data.addr_to }}</a> {{ data.addr_to_label }}</td></tr>
|
<td class="py-4 px-6 bold">Amount To</td>
|
||||||
{% endif %}
|
<td>{{ data.amt_to }} {{ data.tla_to }}</td>
|
||||||
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Address From</td><td><a class="monospace" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}</td></tr>
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Created At</td><td>{{ data.created_at | formatts }}</td></tr>
|
<td class="py-4 px-6 bold">Minimum Bid Amount</td>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Expired At</td><td>{{ data.expired_at | formatts }}</td></tr>
|
<td>{{ data.amt_bid_min }} {{ data.tla_from }}</td>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Sent</td><td>{{ data.sent }}</td></tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Revoked</td><td>{{ data.was_revoked }}</td></tr>
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Rate</td>
|
||||||
|
<td>{{ data.rate }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold" title="Total coin-from value of completed bids, that this node is involved in">Amount Swapped</td>
|
||||||
|
<td>{{ data.amt_swapped }} {{ data.tla_from }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold" title="If bids can be sent with a different amount">Amount Variable</td>
|
||||||
|
<td>{{ data.amount_negotiable }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold" title="If bids can be sent with a different amount">Rate Variable</td>
|
||||||
|
<td>{{ data.rate_negotiable }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Script Lock Type</td>
|
||||||
|
<td>{{ data.lock_type }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Script Lock Value</td>
|
||||||
|
<td>{{ data.lock_value }} {{ data.lock_value_hr }}</td>
|
||||||
|
</tr> {% if data.addr_to == "Public" %}
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Address To</td>
|
||||||
|
<td>{{ data.addr_to }}</td>
|
||||||
|
</tr> {% else %}
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Address To</td>
|
||||||
|
<td><a class="monospace" href="/identity/{{ data.addr_to }}">{{ data.addr_to }}</a> {{ data.addr_to_label }}</td>
|
||||||
|
</tr> {% endif %}
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Address From</td>
|
||||||
|
<td><a class="monospace" href="/identity/{{ data.addr_from }}">{{ data.addr_from }}</a> {{ data.addr_from_label }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Created At</td>
|
||||||
|
<td>{{ data.created_at | formatts }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Expired At</td>
|
||||||
|
<td>{{ data.expired_at | formatts }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Sent</td>
|
||||||
|
<td>{{ data.sent }}</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Revoked</td>
|
||||||
|
<td>{{ data.was_revoked }}</td>
|
||||||
|
</tr>
|
||||||
{% if data.sent == 'True' %}
|
{% if data.sent == 'True' %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Auto Accept Strategy</td><td>
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
{% if data.automation_strat_id == -1 %}
|
<td class="py-4 px-6 bold">Auto Accept Strategy</td>
|
||||||
None
|
<td>
|
||||||
{% else %}
|
{% if data.automation_strat_id == -1 %} None {% else %}<a class="monospace" href="/automationstrategy/{{ data.automation_strat_id }}">{{ data.automation_strat_label }}</a> {% endif %}
|
||||||
<a class="monospace" href="/automationstrategy/{{ data.automation_strat_id }}">{{ data.automation_strat_label }}</a>
|
</td>
|
||||||
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</td></tr>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if data.xmr_type == true %}
|
{% if data.xmr_type == true %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Chain A offer fee rate</td><td>{{ data.a_fee_rate }}</td></tr>
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<tr class="bg-white border-t hover:bg-gray-50"><td class="py-4 px-6 bold">Chain A local fee rate</td><td>{{ data.a_fee_rate_verify }}, fee source: {{ data.a_fee_rate_verify_src }} {% if data.a_fee_warn == true %} WARNING {% endif %}</td></tr>
|
<td class="py-4 px-6 bold">Chain A offer fee rate</td>
|
||||||
{% endif %}
|
<td>{{ data.a_fee_rate }}</td>
|
||||||
|
</tr>
|
||||||
</table>
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Chain A local fee rate</td>
|
||||||
|
<td>{{ data.a_fee_rate_verify }}, fee source: {{ data.a_fee_rate_verify_src }} {% if data.a_fee_warn == true %} WARNING {% endif %}</td>
|
||||||
|
</tr> {% endif %} </table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Bids</h4>
|
<h4 class="font-semibold text-black text-2xl">Bids</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Bid ID</th>
|
<th scope="col" class="py-3 px-6">Bid ID</th>
|
||||||
@ -165,10 +200,8 @@ None
|
|||||||
<th scope="col" class="py-3 px-6">Bid Rate</th>
|
<th scope="col" class="py-3 px-6">Bid Rate</th>
|
||||||
<th scope="col" class="py-3 px-6">Bid Status</th>
|
<th scope="col" class="py-3 px-6">Bid Status</th>
|
||||||
<th scope="col" class="py-3 px-6">Identity From</th>
|
<th scope="col" class="py-3 px-6">Identity From</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% for b in bids %}
|
{% for b in bids %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6"><a class="monospace" href=/bid/{{ b[0] }}>{{ b[0] }}</a></td>
|
<td class="py-4 px-6"><a class="monospace" href=/bid/{{ b[0] }}>{{ b[0] }}</a></td>
|
||||||
@ -179,83 +212,60 @@ None
|
|||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
|
|
||||||
{% if data.show_bid_form %}
|
{% if data.show_bid_form %}
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">New Bid</h4>
|
<h4 class="font-semibold text-black text-2xl">New Bid</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Input</th>
|
<th scope="col" class="py-3 px-6">Input</th>
|
||||||
<th scope="col" class="">Output</th>
|
<th scope="col" class="">Output</th>
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">You will send <span class="bold" id="bid_amt_to">{{ data.amt_to }}</span> {{ data.tla_to }}</td>
|
<td class="py-4 px-6">You will send <span class="bold" id="bid_amt_to">{{ data.amt_to }}</span> {{ data.tla_to }}</td>
|
||||||
<td class="py-4">And receive <span class="bold" id="bid_amt_from">{{ data.amt_from }}</span> {{ data.tla_from }}
|
<td class="py-4">And receive <span class="bold" id="bid_amt_from">{{ data.amt_from }}</span> {{ data.tla_from }} {% if data.xmr_type == true %} (excluding {{ data.amt_from_lock_spend_tx_fee }} {{ data.tla_from }} in tx fees). {% else %} (excluding a tx fee). {% endif %}</td>
|
||||||
{% if data.xmr_type == true %}
|
|
||||||
(excluding {{ data.amt_from_lock_spend_tx_fee }} {{ data.tla_from }} in tx fees).
|
|
||||||
{% else %}
|
|
||||||
(excluding a tx fee).
|
|
||||||
{% endif %}</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-10 px-6 bold">Send From Address</td>
|
<td class="py-10 px-6 bold">Send From Address</td>
|
||||||
<td>
|
<td>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="addr_from"> {% for a in addrs %}
|
||||||
|
<option value="{{ a[0] }}" {% if data.nb_addr_from==a[0] %} selected{% endif %}>{{ a[0] }} {{ a[1] }}</option> {% endfor %}
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="addr_from">
|
|
||||||
{% for a in addrs %}
|
|
||||||
<option value="{{ a[0] }}" {% if data.nb_addr_from==a[0] %} selected{% endif %}>{{ a[0] }} {{ a[1] }}</option>
|
|
||||||
{% endfor %}
|
|
||||||
<option value="-1" {% if data.nb_addr_from=="-1" %} selected{% endif %}>New Address</option>
|
<option value="-1" {% if data.nb_addr_from=="-1" %} selected{% endif %}>New Address</option>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
{% if data.amount_negotiable == true %}
|
{% if data.amount_negotiable == true %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Amount</td>
|
<td class="py-4 px-6 bold">Amount</td>
|
||||||
<td class="py-4 px-6"><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" id="bid_amount" name="bid_amount" value="{{ data.bid_amount }}" onchange="updateBidParams('amount');"></td>
|
<td class="py-4 px-6">
|
||||||
|
<input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" id="bid_amount" name="bid_amount" value="{{ data.bid_amount }}" onchange="updateBidParams('amount');">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if data.rate_negotiable == true %}
|
{% if data.rate_negotiable == true %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Rate</td>
|
<td class="py-4 px-6 bold">Rate</td>
|
||||||
<td class="py-4"><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" id="bid_rate" name="bid_rate" value="{{ data.bid_rate }}" onchange="updateBidParams('rate');"></td>
|
<td class="py-4">
|
||||||
</tr>
|
<input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" id="bid_rate" name="bid_rate" value="{{ data.bid_rate }}" onchange="updateBidParams('rate');">
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
|
||||||
<td class="py-4 px-6 bold">Minutes valid</td>
|
|
||||||
<td class="py-4"><input type="number" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="validmins" min="10" max="1440" value="{{ data.nb_validmins }}">
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
{% endif %}
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Minutes valid</td>
|
||||||
|
<td class="py-4">
|
||||||
|
<input type="number" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="validmins" min="10" max="1440" value="{{ data.nb_validmins }}"> </td>
|
||||||
|
</tr>
|
||||||
{% if data.debug_ui == true %}
|
{% if data.debug_ui == true %}
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Debug Option:</td>
|
<td class="py-4 px-6 bold">Debug Option:</td>
|
||||||
<td class="py-4">
|
<td class="py-4">
|
||||||
@ -268,26 +278,18 @@ None
|
|||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="sendbid" value="Send Bid" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="sendbid" value="Send Bid" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Send Bid</span> </button>
|
||||||
<span>Send Bid</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Cancel</span> </button>
|
||||||
<span>Cancel</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- TODO:
|
<!-- TODO:
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="check_rates" value="Lookup Rates" type="button" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="check_rates" value="Lookup Rates" type="button" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
@ -298,41 +300,26 @@ None
|
|||||||
</g>
|
</g>
|
||||||
</svg> <span>Lookup Rates</span> </button>
|
</svg> <span>Lookup Rates</span> </button>
|
||||||
</div>
|
</div>
|
||||||
-->
|
--></div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="newbid" value="New Bid" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="newbid" value="New Bid" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>New Bid</span> </button>
|
||||||
<span>New Bid</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{% if data.sent == 'True' %}
|
{% if data.sent == 'True' %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="repeat_offer" value="Repeat Offer" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="repeat_offer" value="Repeat Offer" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Repeat Offer</span> </button>
|
||||||
<span>Repeat Offer</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if data.was_revoked != true %}
|
{% if data.was_revoked != true %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="revoke_offer" value="Revoke Offer" type="submit" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="revoke_offer" value="Revoke Offer" type="submit" onclick="return confirmPopup();" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Revoke Offer</span> </button>
|
||||||
<span>Revoke Offer</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<!-- todo
|
<!-- todo
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="check_rates" type="button" value="Lookup Rates" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="check_rates" type="button" value="Lookup Rates" onclick='lookup_rates();' class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
@ -343,38 +330,28 @@ None
|
|||||||
</g>
|
</g>
|
||||||
</svg> <span>Lookup Rates</span> </button>
|
</svg> <span>Lookup Rates</span> </button>
|
||||||
</div>
|
</div>
|
||||||
-->
|
--></div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
<input type="hidden" id="coin_from" value="{{ data.coin_from_ind }}">
|
<input type="hidden" id="coin_from" value="{{ data.coin_from_ind }}">
|
||||||
<input type="hidden" id="coin_to" value="{{ data.coin_to_ind }}">
|
<input type="hidden" id="coin_to" value="{{ data.coin_to_ind }}">
|
||||||
<input type="hidden" id="amt_var" value="{{ data.amount_negotiable }}">
|
<input type="hidden" id="amt_var" value="{{ data.amount_negotiable }}">
|
||||||
<input type="hidden" id="rate_var" value="{{ data.rate_negotiable }}">
|
<input type="hidden" id="rate_var" value="{{ data.rate_negotiable }}">
|
||||||
<input type="hidden" id="amount_from" value="{{ data.amt_from }}">
|
<input type="hidden" id="amount_from" value="{{ data.amt_from }}">
|
||||||
<input type="hidden" id="offer_rate" value="{{ data.rate }}">
|
<input type="hidden" id="offer_rate" value="{{ data.rate }}">
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}"> </form>
|
||||||
</form>
|
|
||||||
|
|
||||||
<p id="rates_display"></p>
|
<p id="rates_display"></p>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
const xhr_rates = new XMLHttpRequest();
|
const xhr_rates = new XMLHttpRequest();
|
||||||
xhr_rates.onload = () => {
|
xhr_rates.onload = () => {
|
||||||
if (xhr_rates.status == 200) {
|
if (xhr_rates.status == 200) {
|
||||||
const obj = JSON.parse(xhr_rates.response);
|
const obj = JSON.parse(xhr_rates.response);
|
||||||
|
|
||||||
inner_html = '<h4 class="bold>Rates</h4><pre><code>' + JSON.stringify(obj, null, ' ') + '</code></pre>';
|
inner_html = '<h4 class="bold>Rates</h4><pre><code>' + JSON.stringify(obj, null, ' ') + '</code></pre>';
|
||||||
document.getElementById('rates_display').innerHTML = inner_html;
|
document.getElementById('rates_display').innerHTML = inner_html;
|
||||||
}
|
}
|
||||||
@ -383,20 +360,16 @@ xhr_rates.onload = () => {
|
|||||||
function lookup_rates() {
|
function lookup_rates() {
|
||||||
const coin_from = document.getElementById('coin_from').value;
|
const coin_from = document.getElementById('coin_from').value;
|
||||||
const coin_to = document.getElementById('coin_to').value;
|
const coin_to = document.getElementById('coin_to').value;
|
||||||
|
|
||||||
if (coin_from == '-1' || coin_to == '-1') {
|
if (coin_from == '-1' || coin_to == '-1') {
|
||||||
alert('Coins from and to must be set first.');
|
alert('Coins from and to must be set first.');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
inner_html = '<h4>Rates</h4><p>Updating...</p>';
|
inner_html = '<h4>Rates</h4><p>Updating...</p>';
|
||||||
document.getElementById('rates_display').innerHTML = inner_html;
|
document.getElementById('rates_display').innerHTML = inner_html;
|
||||||
|
|
||||||
xhr_rates.open('POST', '/json/rates');
|
xhr_rates.open('POST', '/json/rates');
|
||||||
xhr_rates.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
xhr_rates.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
||||||
xhr_rates.send('coin_from=' + coin_from + '&coin_to=' + coin_to);
|
xhr_rates.send('coin_from=' + coin_from + '&coin_to=' + coin_to);
|
||||||
}
|
}
|
||||||
|
|
||||||
const xhr_bid_params = new XMLHttpRequest();
|
const xhr_bid_params = new XMLHttpRequest();
|
||||||
xhr_bid_params.onload = () => {
|
xhr_bid_params.onload = () => {
|
||||||
if (xhr_bid_params.status == 200) {
|
if (xhr_bid_params.status == 200) {
|
||||||
@ -410,24 +383,23 @@ function updateBidParams(value_changed) {
|
|||||||
const coin_to = document.getElementById('coin_to').value;
|
const coin_to = document.getElementById('coin_to').value;
|
||||||
const amt_var = document.getElementById('amt_var').value;
|
const amt_var = document.getElementById('amt_var').value;
|
||||||
const rate_var = document.getElementById('rate_var').value;
|
const rate_var = document.getElementById('rate_var').value;
|
||||||
|
|
||||||
let amt_from = '';
|
let amt_from = '';
|
||||||
let rate = '';
|
let rate = '';
|
||||||
if (amt_var == 'True') {
|
if (amt_var == 'True') {
|
||||||
amt_from = document.getElementById('bid_amount').value;
|
amt_from = document.getElementById('bid_amount').value;
|
||||||
} else {
|
}
|
||||||
|
else {
|
||||||
amt_from = document.getElementById('amount_from').value;
|
amt_from = document.getElementById('amount_from').value;
|
||||||
}
|
}
|
||||||
if (rate_var == 'True') {
|
if (rate_var == 'True') {
|
||||||
rate = document.getElementById('bid_rate').value;
|
rate = document.getElementById('bid_rate').value;
|
||||||
} else {
|
}
|
||||||
|
else {
|
||||||
rate = document.getElementById('offer_rate').value;
|
rate = document.getElementById('offer_rate').value;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (value_changed == 'amount') {
|
if (value_changed == 'amount') {
|
||||||
document.getElementById('bid_amt_from').innerHTML = amt_from;
|
document.getElementById('bid_amt_from').innerHTML = amt_from;
|
||||||
}
|
}
|
||||||
|
|
||||||
xhr_bid_params.open('POST', '/json/rate');
|
xhr_bid_params.open('POST', '/json/rate');
|
||||||
xhr_bid_params.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
xhr_bid_params.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
||||||
xhr_bid_params.send('coin_from=' + coin_from + '&coin_to=' + coin_to + '&rate=' + rate + '&amt_from=' + amt_from);
|
xhr_bid_params.send('coin_from=' + coin_from + '&coin_to=' + coin_to + '&rate=' + rate + '&amt_from=' + amt_from);
|
||||||
@ -436,9 +408,7 @@ function updateBidParams(value_changed) {
|
|||||||
function confirmPopup() {
|
function confirmPopup() {
|
||||||
return confirm("Are you sure?");
|
return confirm("Are you sure?");
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -36,7 +36,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
@ -53,16 +52,15 @@
|
|||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full p-2">
|
<div class="w-full p-2">
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<div class="p-5 mb-10">
|
<div class="p-5 mb-10">
|
||||||
<div class="mx-4 p-4">
|
<div class="mx-4 p-4">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="flex items-center text-teal-600 relative">
|
<div class="flex items-center text-teal-600 relative">
|
||||||
<div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
|
<div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
|
||||||
<g fill="#3b82f6"><polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
|
<g fill="#3b82f6">
|
||||||
|
<polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
@ -93,7 +91,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
@ -128,7 +125,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -162,7 +158,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -197,12 +192,9 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-5 opacity-70" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');" readonly>
|
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-5 opacity-70" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if data.swap_style == 'xmr' %}
|
{% if data.swap_style == 'xmr' %}
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Confirm Target</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Confirm Target</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -217,10 +209,8 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="fee_from_conf" min="1" max="32" value="{{ data.fee_from_conf }}" readonly>
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="fee_from_conf" min="1" max="32" value="{{ data.fee_from_conf }}" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee Rate From</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee Rate From</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -235,11 +225,7 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" name="fee_rate_from" value="{{ data.from_fee_override }}" readonly>
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" name="fee_rate_from" value="{{ data.from_fee_override }}" readonly> </div> <span class="text-sm mt-2 block"><b>Fee Rate Source:</b> {{ data.from_fee_src }}</span> </div>
|
||||||
</div>
|
|
||||||
<span class="text-sm mt-2 block"><b>Fee Rate Source:</b> {{ data.from_fee_src }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Increase By</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Increase By</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -263,18 +249,13 @@
|
|||||||
<option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
|
<option value="50" {% if data.fee_from_extra==50 %} selected{% endif %}>50%</option>
|
||||||
<option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
|
<option value="100" {% if data.fee_from_extra==100 %} selected{% endif %}>100%</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div> <span class="text-sm mt-2 block"><b>Lock Tx Spend Fee:</b> {{ data.amt_from_lock_spend_tx_fee }} {{ data.tla_from }}</span> </div>
|
||||||
<span class="text-sm mt-2 block"><b>Lock Tx Spend Fee:</b> {{ data.amt_from_lock_spend_tx_fee }} {{ data.tla_from }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -283,7 +264,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -310,12 +290,9 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-5 opacity-70" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');" readonly>
|
<input class="pl-10 pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-5 opacity-70" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if data.swap_style == 'xmr' %}
|
{% if data.swap_style == 'xmr' %}
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Confirm Target</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Confirm Target</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -330,10 +307,8 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_to_conf }}" readonly>
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_to_conf }}" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee Rate To</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee Rate To</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -348,11 +323,7 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" name="fee_rate_to" value="{{ data.to_fee_override }}" readonly>
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" name="fee_rate_to" value="{{ data.to_fee_override }}" readonly> </div> <span class="text-sm mt-2 block"><b>Fee Rate Source:</b> {{ data.to_fee_src }}</span> </div>
|
||||||
</div>
|
|
||||||
<span class="text-sm mt-2 block"><b>Fee Rate Source:</b> {{ data.to_fee_src }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Increase By</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Increase By</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -378,11 +349,8 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
{% if data.swap_style == 'xmr' and coin_to != '6' %}
|
{% if data.swap_style == 'xmr' and coin_to != '6' %}
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Confirm Target</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Confirm Target</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -397,10 +365,8 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_from_conf }}" readonly>
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_from_conf }}" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Increase By</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee To Increase By</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -427,13 +393,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -442,7 +406,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Minimum Bid Amount</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Minimum Bid Amount</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -458,8 +421,7 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded" readonly>
|
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded" readonly> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Rate</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Rate</p>
|
||||||
@ -474,15 +436,13 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');" readonly>
|
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -491,7 +451,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Offer valid (hrs)</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Offer valid (hrs)</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -506,12 +465,9 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="validhrs" min="1" max="48" value="{{ data.validhrs }}" readonly>
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="validhrs" min="1" max="48" value="{{ data.validhrs }}" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if data.debug_ui == true %}
|
{% if data.debug_ui == true %}
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Contract Locked (Mins)</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Contract Locked (Mins)</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -526,15 +482,12 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="lockmins" min="10" max="5000" value="{{ data.lockmins }}" readonly>
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="lockmins" min="10" max="5000" value="{{ data.lockmins }}" readonly> </div>
|
||||||
</div>
|
|
||||||
{% if data.swap_style != 'xmr' %}
|
{% if data.swap_style != 'xmr' %}
|
||||||
<div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
|
<div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Contract locked (Hours)</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Contract locked (Hours)</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -549,23 +502,17 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="lockhrs" min="1" max="96" value="{{ data.lockhrs }}" readonly> </div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="number" name="lockhrs" min="1" max="96" value="{{ data.lockhrs }}" readonly>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
{% if data.swap_style != 'xmr' %}
|
{% if data.swap_style != 'xmr' %}
|
||||||
<div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
|
<div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -574,7 +521,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Auto Accept Strategy</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Auto Accept Strategy</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -602,13 +548,11 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-coolGray-100">
|
<div class="py-6 border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -628,7 +572,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
@ -641,7 +584,6 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg> <span>Back</span> </button>
|
</svg> <span>Back</span> </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="submit_offer" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="submit_offer" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
||||||
@ -654,7 +596,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}">
|
||||||
<input type="hidden" name="addr_to" value="{{ data.addr_to }}">
|
<input type="hidden" name="addr_to" value="{{ data.addr_to }}">
|
||||||
<input type="hidden" name="addr_from" value="{{ data.addr_from }}">
|
<input type="hidden" name="addr_from" value="{{ data.addr_from }}">
|
||||||
@ -672,7 +613,6 @@
|
|||||||
<input type="hidden" name="rate_var" value="rv">
|
<input type="hidden" name="rate_var" value="rv">
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<script src="static/js/new_offer.js"></script>
|
<script src="static/js/new_offer.js"></script>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -680,7 +620,5 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -24,13 +24,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Place an new offer</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Place an new offer</h2>
|
||||||
@ -40,22 +36,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden bg-white rounded-t-md">
|
<div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden bg-white rounded-t-md">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full p-2">
|
<div class="w-full p-2">
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<div class="p-5 mb-10">
|
<div class="p-5 mb-10">
|
||||||
<div class="mx-4 p-4">
|
<div class="mx-4 p-4">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="flex items-center text-teal-600 relative">
|
<div class="flex items-center text-teal-600 relative">
|
||||||
<div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
|
<div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
|
||||||
<g fill="#3b82f6"><polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
|
<g fill="#3b82f6">
|
||||||
|
<polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
@ -86,7 +80,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form method="post" autocomplete="off">
|
<form method="post" autocomplete="off">
|
||||||
<div class="py-6 border-b border-t border-coolGray-100">
|
<div class="py-6 border-b border-t border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
@ -121,7 +114,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -154,7 +146,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -171,7 +162,7 @@
|
|||||||
<select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5" id="coin_from" name="coin_from" onchange="set_rate('coin_from');">
|
<select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5" id="coin_from" name="coin_from" onchange="set_rate('coin_from');">
|
||||||
<option value="-1" data-image="/static/images/other/placeholder-line.png">You Send</option>
|
<option value="-1" data-image="/static/images/other/placeholder-line.png">You Send</option>
|
||||||
{% for c in coins_from %}
|
{% for c in coins_from %}
|
||||||
<option{% if data.coin_from==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}.png">{{ c[1] }}</option>
|
<option{% if data.coin_to==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}.png">{{ c[1] }}</option>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
@ -189,17 +180,13 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-14 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5" placeholder="Amount you Send" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}">
|
<input class="pl-14 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5" placeholder="Amount you Send" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}"> </div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -208,7 +195,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2 z-50" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2 z-50" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -235,16 +221,13 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-14 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5 " placeholder="Amount you Get" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');">
|
<input class="pl-14 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5 " placeholder="Amount you Get" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');"> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -253,7 +236,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Minimum Bid Amount</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Minimum Bid Amount</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -270,8 +252,7 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded">
|
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded"> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Rate</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Rate</p>
|
||||||
@ -286,15 +267,13 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');">
|
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');"> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="py-6 border-coolGray-100">
|
<div class="py-6 border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -318,7 +297,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-t border-coolGray-100">
|
<div class="py-6 border-b border-t border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -326,14 +304,11 @@
|
|||||||
<p class="text-sm text-coolGray-800 font-semibold">Rates</p>
|
<p class="text-sm text-coolGray-800 font-semibold">Rates</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<p id="rates_display">
|
<p id="rates_display"> </p>
|
||||||
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 mb-10 rounded-b-md mb-20">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 mb-10 rounded-b-md mb-20">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
@ -367,46 +342,39 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}">
|
||||||
<input type="hidden" name="step1" value="a">
|
<input type="hidden" name="step1" value="a"> </form>
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
const xhr_rates = new XMLHttpRequest();
|
const xhr_rates = new XMLHttpRequest();
|
||||||
xhr_rates.onload = () => {
|
xhr_rates.onload = () => {
|
||||||
if (xhr_rates.status == 200) {
|
if (xhr_rates.status == 200) {
|
||||||
const obj = JSON.parse(xhr_rates.response);
|
const obj = JSON.parse(xhr_rates.response);
|
||||||
|
|
||||||
inner_html = '<pre><code>' + JSON.stringify(obj, null, ' ') + '</code></pre>';
|
inner_html = '<pre><code>' + JSON.stringify(obj, null, ' ') + '</code></pre>';
|
||||||
document.getElementById('rates_display').innerHTML = inner_html;
|
document.getElementById('rates_display').innerHTML = inner_html;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const xhr_rate = new XMLHttpRequest();
|
const xhr_rate = new XMLHttpRequest();
|
||||||
xhr_rate.onload = () => {
|
xhr_rate.onload = () => {
|
||||||
if (xhr_rate.status == 200) {
|
if (xhr_rate.status == 200) {
|
||||||
const obj = JSON.parse(xhr_rate.response);
|
const obj = JSON.parse(xhr_rate.response);
|
||||||
|
|
||||||
if (obj.hasOwnProperty('rate')) {
|
if (obj.hasOwnProperty('rate')) {
|
||||||
document.getElementById('rate').value = obj['rate'];
|
document.getElementById('rate').value = obj['rate'];
|
||||||
} else
|
}
|
||||||
|
else
|
||||||
if (obj.hasOwnProperty('amount_to')) {
|
if (obj.hasOwnProperty('amount_to')) {
|
||||||
document.getElementById('amt_to').value = obj['amount_to'];
|
document.getElementById('amt_to').value = obj['amount_to'];
|
||||||
} else
|
}
|
||||||
|
else
|
||||||
if (obj.hasOwnProperty('amount_from')) {
|
if (obj.hasOwnProperty('amount_from')) {
|
||||||
document.getElementById('amt_from').value = obj['amount_from'];
|
document.getElementById('amt_from').value = obj['amount_from'];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const xhr_rates_table = new XMLHttpRequest();
|
const xhr_rates_table = new XMLHttpRequest();
|
||||||
xhr_rates_table.onload = () => {
|
xhr_rates_table.onload = () => {
|
||||||
if (xhr_rates_table.status == 200) {
|
if (xhr_rates_table.status == 200) {
|
||||||
@ -414,19 +382,15 @@
|
|||||||
headings = ['Source', 'Coin From', 'Coin To', 'Coin From USD Rate', 'Coin To USD Rate', 'Coin From BTC Rate', 'Coin To BTC Rate', 'Relative Rate'];
|
headings = ['Source', 'Coin From', 'Coin To', 'Coin From USD Rate', 'Coin To USD Rate', 'Coin From BTC Rate', 'Coin To BTC Rate', 'Relative Rate'];
|
||||||
table = document.createElement('table');
|
table = document.createElement('table');
|
||||||
table.setAttribute("class", "");
|
table.setAttribute("class", "");
|
||||||
|
|
||||||
heading_head = document.createElement('thead');
|
heading_head = document.createElement('thead');
|
||||||
|
|
||||||
headings_row = document.createElement('tr');
|
headings_row = document.createElement('tr');
|
||||||
data_row.setAttribute("class", "");
|
data_row.setAttribute("class", "");
|
||||||
|
|
||||||
for (let i = 0; i < headings.length; i++) {
|
for (let i = 0; i < headings.length; i++) {
|
||||||
column = document.createElement('th');
|
column = document.createElement('th');
|
||||||
column.textContent = headings[i];
|
column.textContent = headings[i];
|
||||||
headings_row.appendChild(column);
|
headings_row.appendChild(column);
|
||||||
}
|
}
|
||||||
table.appendChild(headings_row);
|
table.appendChild(headings_row);
|
||||||
|
|
||||||
for (let i = 0; i < list.length; i++) {
|
for (let i = 0; i < list.length; i++) {
|
||||||
data_row = document.createElement('tr');
|
data_row = document.createElement('tr');
|
||||||
for (let j = 0; j < list[i].length; j++) {
|
for (let j = 0; j < list[i].length; j++) {
|
||||||
@ -441,7 +405,6 @@
|
|||||||
while (display_node.lastElementChild) {
|
while (display_node.lastElementChild) {
|
||||||
display_node.removeChild(display_node.lastElementChild);
|
display_node.removeChild(display_node.lastElementChild);
|
||||||
}
|
}
|
||||||
|
|
||||||
heading = document.createElement('h4');
|
heading = document.createElement('h4');
|
||||||
heading.textContent = ''
|
heading.textContent = ''
|
||||||
display_node.appendChild(heading);
|
display_node.appendChild(heading);
|
||||||
@ -452,15 +415,12 @@
|
|||||||
function lookup_rates() {
|
function lookup_rates() {
|
||||||
const coin_from = document.getElementById('coin_from').value;
|
const coin_from = document.getElementById('coin_from').value;
|
||||||
const coin_to = document.getElementById('coin_to').value;
|
const coin_to = document.getElementById('coin_to').value;
|
||||||
|
|
||||||
if (coin_from == '-1' || coin_to == '-1') {
|
if (coin_from == '-1' || coin_to == '-1') {
|
||||||
alert('Coins from and to must be set first.');
|
alert('Coins from and to must be set first.');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
inner_html = '<p>Updating...</p>';
|
inner_html = '<p>Updating...</p>';
|
||||||
document.getElementById('rates_display').innerHTML = inner_html;
|
document.getElementById('rates_display').innerHTML = inner_html;
|
||||||
|
|
||||||
xhr_rates.open('POST', '/json/rates');
|
xhr_rates.open('POST', '/json/rates');
|
||||||
xhr_rates.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
xhr_rates.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
||||||
xhr_rates.send('coin_from=' + coin_from + '&coin_to=' + coin_to);
|
xhr_rates.send('coin_from=' + coin_from + '&coin_to=' + coin_to);
|
||||||
@ -469,15 +429,12 @@
|
|||||||
function lookup_rates_table() {
|
function lookup_rates_table() {
|
||||||
const coin_from = document.getElementById('coin_from').value;
|
const coin_from = document.getElementById('coin_from').value;
|
||||||
const coin_to = document.getElementById('coin_to').value;
|
const coin_to = document.getElementById('coin_to').value;
|
||||||
|
|
||||||
if (coin_from == '-1' || coin_to == '-1') {
|
if (coin_from == '-1' || coin_to == '-1') {
|
||||||
alert('Coins from and to must be set first.');
|
alert('Coins from and to must be set first.');
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
inner_html = 'Updating...</p>';
|
inner_html = 'Updating...</p>';
|
||||||
document.getElementById('rates_display').innerHTML = inner_html;
|
document.getElementById('rates_display').innerHTML = inner_html;
|
||||||
|
|
||||||
xhr_rates_table.open('GET', '/json/rateslist?from=' + coin_from + '&to=' + coin_to);
|
xhr_rates_table.open('GET', '/json/rateslist?from=' + coin_from + '&to=' + coin_to);
|
||||||
xhr_rates_table.send();
|
xhr_rates_table.send();
|
||||||
}
|
}
|
||||||
@ -489,30 +446,29 @@
|
|||||||
const amt_to = document.getElementById('amt_to').value;
|
const amt_to = document.getElementById('amt_to').value;
|
||||||
const rate = document.getElementById('rate').value;
|
const rate = document.getElementById('rate').value;
|
||||||
const lock_rate = rate == '' ? false : document.getElementById('rate_lock').checked;
|
const lock_rate = rate == '' ? false : document.getElementById('rate_lock').checked;
|
||||||
|
|
||||||
if (coin_from == '-1' || coin_to == '-1') {
|
if (coin_from == '-1' || coin_to == '-1') {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
params = 'coin_from=' + coin_from + '&coin_to=' + coin_to;
|
params = 'coin_from=' + coin_from + '&coin_to=' + coin_to;
|
||||||
if (value_changed == 'rate' || (lock_rate && value_changed == 'amt_from') || (amt_to == '' && value_changed == 'amt_from')) {
|
if (value_changed == 'rate' || (lock_rate && value_changed == 'amt_from') || (amt_to == '' && value_changed == 'amt_from')) {
|
||||||
if (amt_from == '' || rate == '') {
|
if (amt_from == '' || rate == '') {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
params += '&rate=' + rate + '&amt_from=' + amt_from;
|
params += '&rate=' + rate + '&amt_from=' + amt_from;
|
||||||
} else
|
}
|
||||||
|
else
|
||||||
if (lock_rate && value_changed == 'amt_to') {
|
if (lock_rate && value_changed == 'amt_to') {
|
||||||
if (amt_to == '' || rate == '') {
|
if (amt_to == '' || rate == '') {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
params += '&amt_to=' + amt_to + '&rate=' + rate;
|
params += '&amt_to=' + amt_to + '&rate=' + rate;
|
||||||
} else {
|
}
|
||||||
|
else {
|
||||||
if (amt_from == '' || amt_to == '') {
|
if (amt_from == '' || amt_to == '') {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
params += '&amt_from=' + amt_from + '&amt_to=' + amt_to;
|
params += '&amt_from=' + amt_from + '&amt_to=' + amt_to;
|
||||||
}
|
}
|
||||||
|
|
||||||
xhr_rate.open('POST', '/json/rate');
|
xhr_rate.open('POST', '/json/rate');
|
||||||
xhr_rate.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
xhr_rate.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
|
||||||
xhr_rate.send(params);
|
xhr_rate.send(params);
|
||||||
@ -523,5 +479,4 @@
|
|||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -30,7 +30,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
@ -47,16 +46,15 @@
|
|||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full p-2">
|
<div class="w-full p-2">
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<div class="p-5 mb-10">
|
<div class="p-5 mb-10">
|
||||||
<div class="mx-4 p-4">
|
<div class="mx-4 p-4">
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="flex items-center text-teal-600 relative">
|
<div class="flex items-center text-teal-600 relative">
|
||||||
<div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
|
<div class="rounded-full h-12 w-12 py-3 border-2 border-blue-500">
|
||||||
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
|
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
|
||||||
<g fill="#3b82f6"><polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
|
<g fill="#3b82f6">
|
||||||
|
<polygon points="14.5 23.5 11.5 23.5 11.5 4.321 6.766 8.108 4.892 5.766 11.474 0.5 14.5 0.5 14.5 23.5" fill="#3b82f6"></polygon>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
@ -87,7 +85,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
@ -122,7 +119,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -145,10 +141,8 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="addr_from" disabled>
|
<select class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="addr_from" disabled> {% for a in addrs %}
|
||||||
{% for a in addrs %}
|
<option{% if data.addr_from==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option> {% endfor %}
|
||||||
<option{% if data.addr_from==a[0] %} selected{% endif %} value="{{ a[0] }}">{{ a[0] }} {{ a[1] }}</option>
|
|
||||||
{% endfor %}
|
|
||||||
<option{% if data.addr_from=="-1" %} selected{% endif %} value="-1">New Address</option>
|
<option{% if data.addr_from=="-1" %} selected{% endif %} value="-1">New Address</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
@ -156,7 +150,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -191,12 +184,9 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-5 opacity-70" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');" readonly>
|
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-5 opacity-70" type="text" id="amt_from" name="amt_from" value="{{ data.amt_from }}" onchange="set_rate('amt_from');" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if data.swap_style == 'xmr' %}
|
{% if data.swap_style == 'xmr' %}
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Confirm Target</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Confirm Target</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -211,10 +201,8 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="fee_from_conf" min="1" max="32" value="{{ data.fee_from_conf }}">
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="fee_from_conf" min="1" max="32" value="{{ data.fee_from_conf }}"> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Increase By</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Increase By</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -240,15 +228,12 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -257,18 +242,16 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
||||||
</svg>
|
</svg>
|
||||||
<select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5" id="coin_to" name="coin_to" onchange="set_rate('coin_to');" disabled>
|
<select is="ms-dropdown" class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-5" id="coin_to" name="coin_to" onchange="set_rate('coin_to');" disabled>
|
||||||
<option value="-1" data-image="/static/images/other/placeholder-line.png">Coin</option> {% for c in coins %}
|
<option value="-1" data-image="/static/images/other/placeholder-line.png">Coin</option>
|
||||||
|
{% for c in coins %}
|
||||||
<option{% if data.coin_to==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}.png">{{ c[1] }}</option>
|
<option{% if data.coin_to==c[0] %} selected{% endif %} value="{{ c[0] }}" data-image="/static/images/coins/{{ c[1]|replace(" ", "-") }}.png">{{ c[1] }}</option>
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -285,12 +268,9 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-5 opacity-70" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');" readonly>
|
<input class="pl-10 pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-5 opacity-70" type="text" id="amt_to" name="amt_to" value="{{ data.amt_to }}" onchange="set_rate('amt_to');" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if data.swap_style == 'xmr' and coin_to != '6' %}
|
{% if data.swap_style == 'xmr' and coin_to != '6' %}
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Confirm Target</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Confirm Target</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -305,10 +285,8 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_from_conf }}">
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="fee_to_conf" min="1" max="32" value="{{ data.fee_from_conf }}"> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Increase By</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Fee From Increase By</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -334,15 +312,12 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -351,7 +326,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Minimum Bid Amount</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Minimum Bid Amount</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -367,8 +341,7 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded" readonly>
|
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="amt_bid_min" name="amt_bid_min" value="{{ data.amt_bid_min }}" title="Bids with an amount below the minimum bid value will be discarded" readonly> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Rate</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Rate</p>
|
||||||
@ -383,15 +356,13 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');" readonly>
|
<input class="pl-10 appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none block w-full p-2.5 opacity-70" type="text" id="rate" name="rate" value="{{ data.rate }}" onchange="set_rate('rate');" readonly> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -400,7 +371,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Offer valid (hrs)</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Offer valid (hrs)</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -415,12 +385,9 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="validhrs" min="1" max="48" value="{{ data.validhrs }}">
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="validhrs" min="1" max="48" value="{{ data.validhrs }}"> </div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if data.debug_ui == true %}
|
{% if data.debug_ui == true %}
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Contract Locked (Mins)</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Contract Locked (Mins)</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -435,15 +402,10 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="lockmins" min="10" max="5000" value="{{ data.lockmins }}">
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="lockmins" min="10" max="5000" value="{{ data.lockmins }}"> </div> {% if data.swap_style != 'xmr' %}
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if data.swap_style != 'xmr' %}
|
|
||||||
<div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
|
<div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Contract locked (Hours)</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Contract locked (Hours)</p>
|
||||||
@ -459,22 +421,17 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="lockhrs" min="1" max="96" value="{{ data.lockhrs }}">
|
<input class="pl-10 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="number" name="lockhrs" min="1" max="96" value="{{ data.lockhrs }}"> </div>
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if data.swap_style != 'xmr' %}
|
{% if data.swap_style != 'xmr' %}
|
||||||
<div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
|
<div class="text-sm text-gray-500 mt-1.5">(Participate txn will be locked for half the time.)</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-b border-coolGray-100">
|
<div class="py-6 border-b border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -483,7 +440,6 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:flex-1 p-3">
|
<div class="w-full md:flex-1 p-3">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
|
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<p class="mb-1.5 font-medium text-base text-coolGray-800">Auto Accept Strategy</p>
|
<p class="mb-1.5 font-medium text-base text-coolGray-800">Auto Accept Strategy</p>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
@ -511,13 +467,11 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="py-6 border-coolGray-100">
|
<div class="py-6 border-coolGray-100">
|
||||||
<div class="w-full md:w-10/12">
|
<div class="w-full md:w-10/12">
|
||||||
<div class="flex flex-wrap -m-3">
|
<div class="flex flex-wrap -m-3">
|
||||||
@ -537,7 +491,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
@ -550,7 +503,6 @@
|
|||||||
</g>
|
</g>
|
||||||
</svg> <span>Back</span> </button>
|
</svg> <span>Back</span> </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button name="check_offer" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="check_offer" value="Continue" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
<svg class="mr-2" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
||||||
@ -563,20 +515,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}">
|
||||||
<input type="hidden" name="addr_to" value="{{ data.addr_to }}">
|
<input type="hidden" name="addr_to" value="{{ data.addr_to }}">
|
||||||
<input type="hidden" name="addr_from" value="{{ data.addr_from }}">
|
<input type="hidden" name="addr_from" value="{{ data.addr_from }}">
|
||||||
<input type="hidden" name="coin_from" value="{{ data.coin_from }}">
|
<input type="hidden" name="coin_from" value="{{ data.coin_from }}">
|
||||||
<input type="hidden" name="coin_to" value="{{ data.coin_to }}">
|
<input type="hidden" name="coin_to" value="{{ data.coin_to }}"> {% if data.amt_var==true %}
|
||||||
{% if data.amt_var==true %}
|
<input type="hidden" name="amt_var" value="true"> {% endif %} {% if data.rate_var==true %}
|
||||||
<input type="hidden" name="amt_var" value="true">
|
<input type="hidden" name="rate_var" value="true"> {% endif %} </form>
|
||||||
{% endif %}
|
|
||||||
{% if data.rate_var==true %}
|
|
||||||
<input type="hidden" name="rate_var" value="true">
|
|
||||||
{% endif %}
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<script src="static/js/new_offer.js"></script>
|
<script src="static/js/new_offer.js"></script>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -584,7 +529,5 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,6 +1,5 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
|
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
<div class="w-full md:w-1/2 p-2">
|
<div class="w-full md:w-1/2 p-2">
|
||||||
@ -26,13 +25,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">{{ page_type }}</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">{{ page_type }}</h2>
|
||||||
@ -42,23 +37,184 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
<!-- Chart-->
|
||||||
|
<div class="mb-10 mt-8 {{ chart }}">
|
||||||
|
<div id="price-chart"></div>
|
||||||
|
<script src="/static/js/chart.js"></script>
|
||||||
|
<script>
|
||||||
|
CryptoCharts.roiComparison({
|
||||||
|
chart_id: "price-chart",
|
||||||
|
cryptocompare_api_key: "cd7600e7b5fdd99c6f900673ff0ee8f64d6d4219a4bb87191ad4a2e3fc65d7f4", // Todo @ in settings/general user can set api_key
|
||||||
|
cryptocompare_tickers: ["BTC", "PART", "DASH", "PIVX", "XMR", "LTC", "FIRO"],
|
||||||
|
last_days: 30,
|
||||||
|
axes: true,
|
||||||
|
title: true,
|
||||||
|
loading_indicator: false,
|
||||||
|
fontFamily: "Inter,Helvetica, Arial, sans-serif",
|
||||||
|
options: {
|
||||||
|
colors: ["#f2a900", "#2ad167", "#1376b5", "#662D91", "#fc6621", "#345D9D", "#9B1C2E"],
|
||||||
|
chart: {
|
||||||
|
type: "area",
|
||||||
|
height: 360
|
||||||
|
},
|
||||||
|
dataLabels: {
|
||||||
|
enabled: false
|
||||||
|
},
|
||||||
|
stroke: {
|
||||||
|
curve: "smooth"
|
||||||
|
},
|
||||||
|
xaxis: {
|
||||||
|
labels: {
|
||||||
|
style: {
|
||||||
|
tickAmount: 4,
|
||||||
|
// colors: colors,
|
||||||
|
fontSize: "12px"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
yaxis: {
|
||||||
|
min: -100,
|
||||||
|
max: 200,
|
||||||
|
tickAmount: 4
|
||||||
|
},
|
||||||
|
grid: {
|
||||||
|
show: true,
|
||||||
|
borderColor: "#e5e5e5",
|
||||||
|
strokeDashArray: 0,
|
||||||
|
position: "back",
|
||||||
|
xaxis: {
|
||||||
|
lines: {
|
||||||
|
show: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
yaxis: {
|
||||||
|
lines: {
|
||||||
|
show: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
row: {
|
||||||
|
colors: undefined,
|
||||||
|
opacity: 0.5
|
||||||
|
},
|
||||||
|
column: {
|
||||||
|
colors: undefined,
|
||||||
|
opacity: 0.5
|
||||||
|
},
|
||||||
|
padding: {
|
||||||
|
top: 0,
|
||||||
|
right: 0,
|
||||||
|
bottom: 0,
|
||||||
|
left: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
legend: {
|
||||||
|
show: true,
|
||||||
|
showForSingleSeries: false,
|
||||||
|
showForNullSeries: true,
|
||||||
|
showForZeroSeries: true,
|
||||||
|
position: "right",
|
||||||
|
horizontalAlign: "right",
|
||||||
|
floating: false,
|
||||||
|
fontSize: "14px",
|
||||||
|
fontFamily: "Inter,Helvetica, Arial, sans-serif",
|
||||||
|
fontWeight: 400,
|
||||||
|
formatter: undefined,
|
||||||
|
inverseOrder: false,
|
||||||
|
width: undefined,
|
||||||
|
height: undefined,
|
||||||
|
tooltipHoverFormatter: undefined,
|
||||||
|
customLegendItems: [],
|
||||||
|
offsetX: -20,
|
||||||
|
offsetY: -20,
|
||||||
|
labels: {
|
||||||
|
colors: undefined,
|
||||||
|
useSeriesColors: false
|
||||||
|
},
|
||||||
|
markers: {
|
||||||
|
width: 14,
|
||||||
|
height: 14,
|
||||||
|
strokeWidth: 2,
|
||||||
|
strokeColor: "#00000",
|
||||||
|
fillColors: undefined,
|
||||||
|
radius: 12,
|
||||||
|
customHTML: undefined,
|
||||||
|
onClick: undefined,
|
||||||
|
offsetX: 0,
|
||||||
|
offsetY: 0
|
||||||
|
},
|
||||||
|
itemMargin: {
|
||||||
|
horizontal: 5,
|
||||||
|
vertical: 15
|
||||||
|
},
|
||||||
|
onItemClick: {
|
||||||
|
toggleDataSeries: true
|
||||||
|
},
|
||||||
|
onItemHover: {
|
||||||
|
highlightDataSeries: true
|
||||||
|
}
|
||||||
|
},
|
||||||
|
annotations: {
|
||||||
|
yaxis: [{
|
||||||
|
y: 8600,
|
||||||
|
y2: 9000,
|
||||||
|
borderColor: "#000",
|
||||||
|
fillColor: "#FEB019",
|
||||||
|
label: {
|
||||||
|
text: "Y-axis range"
|
||||||
|
}
|
||||||
|
}]
|
||||||
|
},
|
||||||
|
markers: {
|
||||||
|
size: 0,
|
||||||
|
colors: undefined,
|
||||||
|
strokeColors: "#fff",
|
||||||
|
strokeWidth: 2,
|
||||||
|
strokeOpacity: 0.9,
|
||||||
|
strokeDashArray: 0,
|
||||||
|
fillOpacity: 1,
|
||||||
|
discrete: [],
|
||||||
|
shape: "circle",
|
||||||
|
radius: 2,
|
||||||
|
offsetX: 0,
|
||||||
|
offsetY: 0,
|
||||||
|
onClick: undefined,
|
||||||
|
onDblClick: undefined,
|
||||||
|
showNullDataPoints: true,
|
||||||
|
hover: {
|
||||||
|
size: undefined,
|
||||||
|
sizeOffset: 3
|
||||||
|
}
|
||||||
|
},
|
||||||
|
title: {
|
||||||
|
text: '30 Days Moving % - Daily price in USD',
|
||||||
|
align: 'left',
|
||||||
|
margin: 10,
|
||||||
|
offsetX: 10,
|
||||||
|
offsetY: 0,
|
||||||
|
floating: false,
|
||||||
|
style: {
|
||||||
|
fontSize: '14px',
|
||||||
|
fontWeight: 'bold',
|
||||||
|
fontFamily: "Inter,Helvetica, Arial, sans-serif",
|
||||||
|
color: '#212121'
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</div>
|
||||||
|
<!-- Chart -->
|
||||||
<form method="post">
|
<form method="post">
|
||||||
|
|
||||||
<div class="flex justify-between items-center pb-4 bg-white">
|
<div class="flex justify-between items-center pb-4 bg-white">
|
||||||
<div class="bg-white bg-opacity-60 rounded-b-md">
|
<div class="bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -71,20 +227,19 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center ">
|
<div class="flex items-center ">
|
||||||
<div class="w-full md:w-auto p-1.5 ">
|
<div class="w-full md:w-auto p-1.5 ">
|
||||||
<p class="text-sm font-heading"> <svg aria-hidden="true " class="w-5 h-5 " fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
|
<p class="text-sm font-heading">
|
||||||
|
<svg aria-hidden="true " class="w-5 h-5 " fill="currentColor " viewBox="0 0 20 20 " xmlns="http://www.w3.org/2000/svg ">
|
||||||
<path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path>
|
<path fill-rule="evenodd " d="M12.293 5.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11H3a1 1 0 110-2h11.586l-2.293-2.293a1 1 0 010-1.414z " clip-rule="evenodd "></path>
|
||||||
</svg></p>
|
</svg>
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ">
|
<div class="w-full md:w-auto p-1.5 ">
|
||||||
<div class="relative ">
|
<div class="relative ">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2 " width="16 " height="16 " viewBox="0 0 16 16 " fill="none " xmlns="http://www.w3.org/2000/svg ">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2 " width="16 " height="16 " viewBox="0 0 16 16 " fill="none " xmlns="http://www.w3.org/2000/svg ">
|
||||||
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z " fill="#8896AB ">
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z " fill="#8896AB "> </path>
|
||||||
</path>
|
|
||||||
</svg>
|
</svg>
|
||||||
<select is="ms-dropdown" name="coin_from " class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
<select is="ms-dropdown" name="coin_from " class="appearance-none pr-10 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
{% for c in coins %}
|
{% for c in coins %}
|
||||||
@ -93,13 +248,11 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<p class="text-sm font-heading bold">Sort By:</p>
|
<p class="text-sm font-heading bold">Sort By:</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -111,7 +264,6 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -123,13 +275,11 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<p class="text-sm font-heading bold">Sent From Node:</p>
|
<p class="text-sm font-heading bold">Sent From Node:</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -141,7 +291,6 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button type="submit" name='clearfilters' value="Clear Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
@ -159,7 +308,6 @@
|
|||||||
</svg> <span>Clear</span> </button>
|
</svg> <span>Clear</span> </button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button type="submit" name='applyfilters' value="Apply Filters" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
@ -173,16 +321,13 @@
|
|||||||
</svg> <span>Apply Filters</span> </button>
|
</svg> <span>Apply Filters</span> </button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6"> TIME AT </th>
|
<th scope="col" class="py-3 px-6"> TIME AT </th>
|
||||||
@ -199,14 +344,11 @@
|
|||||||
<th scope="col" class="py-3 px-6"> Trade </th>
|
<th scope="col" class="py-3 px-6"> Trade </th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
<tbody> {% for o in offers %}
|
||||||
<tbody>
|
|
||||||
{% for o in offers %}
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
|
||||||
<td scope="row" class="flex items-center py-7 px-46 text-gray-900 whitespace-nowrap">
|
<td scope="row" class="flex items-center py-7 px-46 text-gray-900 whitespace-nowrap">
|
||||||
<svg class="w-5 h-5 rounded-full ml-5" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
<svg alt="" class="w-5 h-5 rounded-full ml-5" 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="{% if o[12]==2 %}#AC0000{% elif o[11]==true %}#6b7280{% else %}#3B82F6{% endif %}" stroke-linejoin="round" class="nc-icon-wrapper">
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="{% if o[12]==2 %}#AC0000{% elif o[11]==true %}#6b7280{% else %}#3B82F6{% endif %}" stroke-linejoin="round">
|
||||||
<circle cx="12" cy="12" r="11"></circle>
|
<circle cx="12" cy="12" r="11"></circle>
|
||||||
<polyline points=" 12,6 12,12 18,12 " stroke="{% if o[12]==2 %}#AC0000{% elif o[11]==true %}#6b7280{% else %}#3B82F6{% endif %}"></polyline>
|
<polyline points=" 12,6 12,12 18,12 " stroke="{% if o[12]==2 %}#AC0000{% elif o[11]==true %}#6b7280{% else %}#3B82F6{% endif %}"></polyline>
|
||||||
</g>
|
</g>
|
||||||
@ -218,7 +360,7 @@
|
|||||||
<!--<td class="py-4 px-6 text-xs"><a class="monospace text-xs" href=/offer/{{ o[1] }}>{{ o[1]|truncate(6, True) }}</a></td>-->
|
<!--<td class="py-4 px-6 text-xs"><a class="monospace text-xs" href=/offer/{{ o[1] }}>{{ o[1]|truncate(6, True) }}</a></td>-->
|
||||||
<!--<td class="py-4 px-6 text-xs monospace">{{ o[8] }}{% if o[9]==true %} <b>Sent</b>{% endif %}</td>-->
|
<!--<td class="py-4 px-6 text-xs monospace">{{ o[8] }}{% if o[9]==true %} <b>Sent</b>{% endif %}</td>-->
|
||||||
<!--Todo: Add link back -->
|
<!--Todo: Add link back -->
|
||||||
<td class="py-4 px-6 monospace">{{ o[7] }} </td>
|
<td class="py-4 px-6 monospace">{{ o[7] }} {% if o[12]==2 %}Revoked{% elif o[11]==true %}Not Active{% else %}Active{% endif %}</td>
|
||||||
<td class="py-4 px-6 text-xs monospace"><a href="/identity/{{ o[8] }}{% if o[9]==true %}{% endif %}">{{ o[8] }}</a></td>
|
<td class="py-4 px-6 text-xs monospace"><a href="/identity/{{ o[8] }}{% if o[9]==true %}{% endif %}">{{ o[8] }}</a></td>
|
||||||
<td class="py-4"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ o[2]|replace(" ", "-") }}.png" alt=""></span> {{ o[2] }}</td>
|
<td class="py-4"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ o[2]|replace(" ", "-") }}.png" alt=""></span> {{ o[2] }}</td>
|
||||||
<td class="py-4 text-xs">{{ o[4] }}</td>
|
<td class="py-4 text-xs">{{ o[4] }}</td>
|
||||||
@ -226,37 +368,27 @@
|
|||||||
<td class="py-4 text-xs">{{ o[5] }}</td>
|
<td class="py-4 text-xs">{{ o[5] }}</td>
|
||||||
<td class="py-4 text-xs px-6">{{ o[6] }}</td>
|
<td class="py-4 text-xs px-6">{{ o[6] }}</td>
|
||||||
<!-- <td class="py-4 px-6">{{ o[10] }}</td>-->
|
<!-- <td class="py-4 px-6">{{ o[10] }}</td>-->
|
||||||
<td class="py-4 px-6"> <a class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md shadow-button {% if o[9]==true %} bg-white text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 {% else %} bg-blue-500 text-white {% endif %}" href="/offer/{{ o[1] }}">{% if o[9]==true %}Edit {% else %} Swap {% endif %}</a>
|
<td class="py-4 px-6"> <a class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md shadow-button {% if o[9]==true %} bg-white text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 {% else %} bg-blue-500 text-white {% endif %}" href="/offer/{{ o[1] }}">{% if o[9]==true %}Edit {% else %} Swap {% endif %}</a> </td>
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>{% endfor %}
|
||||||
|
|
||||||
{% endfor %}
|
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}">
|
||||||
<input type="hidden" name="pageno" value="{{ filters.page_no }}">
|
<input type="hidden" name="pageno" value="{{ filters.page_no }}"> </div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button type="submit" name='pageback' value="Page Back" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
||||||
<svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
<svg aria-hidden="true" class="mr-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
|
<path fill-rule="evenodd" d="M7.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L5.414 9H17a1 1 0 110 2H5.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path>
|
||||||
</svg> <span>Page Back</span> </button>
|
</svg> <span>Page Back</span> </button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex items-center">
|
<div class="flex items-center">
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
|
<p class="text-sm font-heading">Page: {{ filters.page_no }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5">
|
<div class="w-full md:w-auto p-1.5">
|
||||||
<button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
|
<button type="submit" name='pageforwards' value="Page Forwards" class="outline-none flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"> <span>Page Forwards</span>
|
||||||
<svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
<svg aria-hidden="true" class="ml-2 w-5 h-5" fill="#556987" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -264,20 +396,15 @@
|
|||||||
</svg>
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -1,6 +1,5 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
|
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
<div class="w-full md:w-1/2 p-2">
|
<div class="w-full md:w-1/2 p-2">
|
||||||
@ -25,13 +24,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">RPC Console</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">RPC Console</h2>
|
||||||
@ -41,21 +36,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-2">
|
<div class="container px-0 mx-auto mt-2">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<form method="post" autocomplete="off">
|
<form method="post" autocomplete="off">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
@ -63,10 +52,8 @@
|
|||||||
<th scope="col">RPC Console Input</th>
|
<th scope="col">RPC Console Input</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr class="bg-white border-t">
|
<tr class="bg-white border-t">
|
||||||
<td class="py-4 px-6 w-1/3 bold">
|
<td class="py-4 px-6 w-1/3 bold">
|
||||||
|
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"> </path>
|
||||||
@ -78,34 +65,26 @@
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="py-4 pr-5 w-2/3"><input class="w-full aappearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="text" name="cmd"></td>
|
<td class="py-4 pr-5 w-2/3">
|
||||||
|
<input class="w-full aappearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="text" name="cmd">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button value="Submit" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Apply</button>
|
||||||
<span>Submit</span> </button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}"> {% if result %}
|
||||||
|
|
||||||
{% if result %}
|
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
@ -114,28 +93,20 @@
|
|||||||
</thead>
|
</thead>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 pl-5 pr-5">
|
<td class="py-4 pl-5 pr-5">
|
||||||
<textarea class="wwhitespace-pre-line outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="15">
|
<textarea class="wwhitespace-pre-line outline-none block p-2.5 text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 w-full monospace" rows="15">{{ result }}</textarea>
|
||||||
{{ result }}
|
|
||||||
</textarea>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -1,5 +1,4 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
@ -23,13 +22,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Settings</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Settings</h2>
|
||||||
@ -39,55 +34,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
|
|
||||||
<div class="mb-10 border-b border-gray-200">
|
<div class="mb-10 border-b border-gray-200">
|
||||||
<ul class="flex flex-wrap -mb-px text-sm font-medium text-center" id="myTab" data-tabs-toggle="#settingstab" role="tablist">
|
<ul class="flex flex-wrap -mb-px text-sm font-medium text-center" id="myTab" data-tabs-toggle="#settingstab" role="tablist">
|
||||||
<li class="mr-2" role="presentation">
|
<li class="mr-2" role="presentation"> <a class="cursor-pointer inline-block p-4 rounded-t-lg border-b-2" id="profile-tab" data-tabs-target="#coins" role="tab" aria-controls="coins" aria-selected="false">Coins</a> </li>
|
||||||
<a class="cursor-pointer inline-block p-4 rounded-t-lg border-b-2" id="profile-tab" data-tabs-target="#coins" role="tab" aria-controls="coins" aria-selected="false">Coins</a>
|
<li class="mr-2" role="presentation"> <a class="cursor-pointer inline-block p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300" id="general-tab" data-tabs-target="#general" role="tab" aria-controls="general" aria-selected="false">General</a> </li>
|
||||||
</li>
|
<li class="mr-2" role="presentation"> <a class="cursor-pointer inline-block p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300" id="tor-tab" data-tabs-target="#tor" role="tab" aria-controls="tor" aria-selected="false">Tor</a> </li>
|
||||||
<li class="mr-2" role="presentation">
|
|
||||||
<a class="cursor-pointer inline-block p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300" id="general-tab" data-tabs-target="#general" role="tab" aria-controls="general" aria-selected="false">General</a>
|
|
||||||
</li>
|
|
||||||
<li class="mr-2" role="presentation">
|
|
||||||
<a class="cursor-pointer inline-block p-4 rounded-t-lg border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300" id="tor-tab" data-tabs-target="#tor" role="tab" aria-controls="tor" aria-selected="false">Tor</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div id="settingstab">
|
<div id="settingstab">
|
||||||
<div class="hidden rounded-lg" id="coins" role="tabpanel" aria-labelledby="coins-tab">
|
<div class="hidden rounded-lg" id="coins" role="tabpanel" aria-labelledby="coins-tab">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{% for c in chains %}
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
<section class="bg-white p-3">
|
{% for c in chains %}
|
||||||
|
<section class="bg-white pl-3">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl align-middle">
|
<h4 class="font-semibold text-black text-2xl align-middle">
|
||||||
<span class="inline-block align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
|
<span class="mr-2 inline-block align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
|
||||||
<img class="h-9" src="/static/images/coins/{{ c.name }}.png" alt=""> </span> {{ c.display_name }}</h4>
|
<img class="h-9" src="/static/images/coins/{{ c.name }}.png" alt="">
|
||||||
</div>
|
</span>{{ c.display_name }}
|
||||||
|
</h4></div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
|
||||||
<tr>
|
<tr>
|
||||||
@ -95,156 +70,171 @@
|
|||||||
<th scope="col">Value</th>
|
<th scope="col">Value</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
{% if c.connection_type %}
|
{% if c.connection_type %}
|
||||||
<tr>
|
<tr>
|
||||||
<td class="py-4 px-6 bold w-96 bold">Connection Type</td>
|
<td class="py-4 px-6 bold w-96 bold">Connection Type</td>
|
||||||
<td class="py-4">{{ c.connection_type }}</td>
|
<td class="py-4">{{ c.connection_type }}</td>
|
||||||
</tr>
|
</tr> {% endif %}
|
||||||
{% endif %}
|
{% if c.manage_daemon is defined %} {% if c.name == 'monero' %}
|
||||||
{% if c.manage_daemon is defined %}
|
|
||||||
{% if c.name == 'monero' %}
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Manage Daemon</td>
|
<td class="py-4 px-6 bold">Manage Daemon</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="managedaemon_{{ c.name }}">
|
<div class="w-52 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="managedaemon_{{ c.name }}">
|
||||||
<option value="true" {% if c.manage_daemon==true %} selected{% endif %}>True</option>
|
<option value="true" {% if c.manage_daemon==true %} selected{% endif %}>True</option>
|
||||||
<option value="false" {% if c.manage_daemon==false %} selected{% endif %}>False</option>
|
<option value="false" {% if c.manage_daemon==false %} selected{% endif %}>False</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96 bold">Daemon RPC Host</td>
|
<td class="py-4 px-6 bold">Daemon RPC Host</td>
|
||||||
<td><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="rpchost_{{ c.name }}" value="{{ c.rpchost }}"></td>
|
<td class="py-4 pr-5">
|
||||||
|
<input type="text" class="w-52 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="rpchost_{{ c.name }}" value="{{ c.rpchost }}"> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96 bold">Daemon RPC Port</td>
|
<td class="py-4 px-6 bold">Daemon RPC Port</td>
|
||||||
<td><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="rpcport_{{ c.name }}" value="{{ c.rpcport }}"></td>
|
<td class="py-4 pr-5">
|
||||||
|
<input type="text" class="w-52 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="rpcport_{{ c.name }}" value="{{ c.rpcport }}"> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6" colspan=2>
|
<td class="py-4 px-6" colspan=2>
|
||||||
<label for="message" class="block mb-2 text-sm font-medium text-gray-900">List trusted public nodes to use if “Automatically Select Daemon” is set as “True”. <br/></label>
|
<label for="message" class="block mb-2 text-sm font-medium text-gray-900">List trusted public nodes to use if “Automatically Select Daemon” is set as “True”.
|
||||||
|
<br /> </label>
|
||||||
<textarea class="outline-none block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" placeholder="(Add one entry per line) eg: node.xmr.to:18081" name="remotedaemonurls_{{ c.name }}" rows="4" cols="100"> {{ c.remotedaemonurls }} </textarea>
|
<textarea class="outline-none block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 monospace" placeholder="(Add one entry per line) eg: node.xmr.to:18081" name="remotedaemonurls_{{ c.name }}" rows="4" cols="100"> {{ c.remotedaemonurls }} </textarea>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96 bold">Automatically Select Daemon</td>
|
<td class="py-4 px-6 bold w-96 bold">Automatically Select Daemon</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="autosetdaemon_{{ c.name }}">
|
<div class="w-52 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="autosetdaemon_{{ c.name }}">
|
||||||
<option value="true" {% if c.autosetdaemon==true %} selected{% endif %}>True</option>
|
<option value="true" {% if c.autosetdaemon==true %} selected{% endif %}>True</option>
|
||||||
<option value="false" {% if c.autosetdaemon==false %} selected{% endif %}>False</option>
|
<option value="false" {% if c.autosetdaemon==false %} selected{% endif %}>False</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% else %}
|
{% else %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96 bold">Manage Daemon</td>
|
<td class="py-4 px-6 bold bold">Manage Daemon</td>
|
||||||
<td>{{ c.manage_daemon }}</td>
|
<td>{{ c.manage_daemon }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if c.manage_wallet_daemon is defined %}
|
{% if c.manage_wallet_daemon is defined %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96 bold">Manage Wallet Daemon</td>
|
<td class="py-4 px-6 bold bold">Manage Wallet Daemon</td>
|
||||||
<td>{{ c.manage_wallet_daemon }}</td>
|
<td>{{ c.manage_wallet_daemon }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96 bold">Chain Lookups</td>
|
<td class="py-4 px-6 bold bold">Chain Lookups</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="lookups_{{ c.name }}">
|
<div class="w-52 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="lookups_{{ c.name }}">
|
||||||
<option value="local" {% if c.lookups=='local' %} selected{% endif %}>Local Node</option>
|
<option value="local" {% if c.lookups=='local' %} selected{% endif %}>Local Node</option>
|
||||||
<option value="explorer" {% if c.lookups=='explorer' %} selected{% endif %}>Explorer</option>
|
<option value="explorer" {% if c.lookups=='explorer' %} selected{% endif %}>Explorer</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% if c.name == 'monero' %}
|
{% if c.name == 'monero' %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96 bold">Transaction Fee Priority</td>
|
<td class="py-4 px-6 bold w-96 bold">Transaction Fee Priority</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="fee_priority_{{ c.name }}">
|
<div class="w-52 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="fee_priority_{{ c.name }}">
|
||||||
<option value="0" {% if c.fee_priority==0 %} selected{% endif %}>Default</option>
|
<option value="0" {% if c.fee_priority==0 %} selected{% endif %}>Default</option>
|
||||||
<option value="1" {% if c.fee_priority==1 %} selected{% endif %}>Low</option>
|
<option value="1" {% if c.fee_priority==1 %} selected{% endif %}>Low</option>
|
||||||
<option value="2" {% if c.fee_priority==2 %} selected{% endif %}>Medium</option>
|
<option value="2" {% if c.fee_priority==2 %} selected{% endif %}>Medium</option>
|
||||||
<option value="3" {% if c.fee_priority==3 %} selected{% endif %}>High</option>
|
<option value="3" {% if c.fee_priority==3 %} selected{% endif %}>High</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% else %}
|
{% else %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96 bold">Blocks Confirmed Target</td>
|
<td class="py-4 px-6 bold bold">Blocks Confirmed Target</td>
|
||||||
<td><input type="number" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="conf_target_{{ c.name }}" min="1" max="32" value="{{ c.conf_target }}"></td>
|
<td class="py-4 pr-5">
|
||||||
|
<input type="number" class="w-52 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="conf_target_{{ c.name }}" min="1" max="32" value="{{ c.conf_target }}"> </td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if c.name == 'particl' %}
|
{% if c.name == 'particl' %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96 bold">Anon Tx Ring Size</td>
|
<td class="py-4 px-6 bold bold">Anon Tx Ring Size</td>
|
||||||
<td><input type="number" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="rct_ring_size_{{ c.name }}" min="3" max="32" value="{{ c.anon_tx_ring_size }}"></td>
|
<td class="py-4 pr-5">
|
||||||
|
<input type="number" class="w-52 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="rct_ring_size_{{ c.name }}" min="3" max="32" value="{{ c.anon_tx_ring_size }}"> </td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="apply_{{ c.name }}" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="apply_{{ c.name }}" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Apply</button>
|
||||||
<span>Apply</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% if c.can_disable == true %}
|
{% if c.can_disable == true %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="disable_{{ c.name }}" value="Disable" onclick="return confirmPopup('Disable', '{{ c.display_name }}');" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="disable_{{ c.name }}" value="Disable" onclick="return confirmPopup('Disable', '{{ c.display_name }}');" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><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="#ef5844" stroke-linejoin="round" ><line x1="16" y1="8" x2="8" y2="16" stroke="#ef5844"></line> <line x1="16" y1="16" x2="8" y2="8" stroke="#ef5844"></line> <circle cx="12" cy="12" r="11"></circle></g></svg> Disable Coin </button>
|
||||||
<span>Disable Coin</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if c.can_reenable == true %}
|
{% if c.can_reenable == true %}
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="enable_{{ c.name }}" value="Enable" onclick="return confirmPopup('Enable', '{{ c.display_name }}');" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-white hover:bg-white font-medium text-sm text-green-500 border border-green-500 hover:text-green-600 hover:border-green-600 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="enable_{{ c.name }}" value="Enable" onclick="return confirmPopup('Enable', '{{ c.display_name }}');" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-white hover:bg-white font-medium text-sm text-green-500 border border-green-500 hover:text-green-600 hover:border-green-600 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="#2ad167" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#2ad167"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Enable</button>
|
||||||
<span>Enable</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</table>
|
</table>
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
|
||||||
</form>
|
|
||||||
|
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
<input type="hidden" name="formid" value="{{ form_id }}"> </div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="hidden rounded-lg" id="general" role="tabpanel" aria-labelledby="general-tab">
|
<div class="hidden rounded-lg" id="general" role="tabpanel" aria-labelledby="general-tab">
|
||||||
<form method="post">
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-2 pr-2 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
<section class="bg-white pl-3">
|
||||||
|
|
||||||
<section class="bg-white p-3">
|
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl align-middle">
|
<h4 class="font-semibold text-black text-2xl align-middle">
|
||||||
<span class="inline-block align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
|
<span class="mr-2 inline-block align-middle items-center justify-center w-8 h-7 bg-white-50 rounded">
|
||||||
<img class="h-9" src="" alt=""> </span>General</h4>
|
<svg class="text-gray-500 w-7 h-7" 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="#3b82f6" stroke-linejoin="round" class="nc-icon-wrapper"><circle cx="12" cy="12" r="3" stroke="#3b82f6"></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>
|
||||||
</div>
|
</span>General (todo)
|
||||||
|
</h4> </div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
|
||||||
<tr>
|
<tr>
|
||||||
@ -252,63 +242,62 @@
|
|||||||
<th scope="col">Value</th>
|
<th scope="col">Value</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td class="py-4 px-6 bold w-96 bold">Debug Mode</td>
|
|
||||||
<td>
|
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" >
|
|
||||||
<option value="true" >True</option>
|
|
||||||
<option value="false" >False</option>
|
|
||||||
</select>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Debug Mode UI</td>
|
<td class="py-4 px-6 bold w-96 bold">Debug Node</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" >
|
<div class="w-52 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
<option value="true">True</option>
|
<option value="true">True</option>
|
||||||
<option value="false">False</option>
|
<option value="false">False</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Debug Mode UI</td>
|
||||||
|
<td class="py-4 pr-5">
|
||||||
|
<div class="w-52 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
|
<option value="true">True</option>
|
||||||
|
<option value="false">False</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div> </div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Apply</button>
|
||||||
<span>Apply</span> </button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<form>
|
</div>
|
||||||
<form method="post">
|
<section class="bg-white pl-3">
|
||||||
<section class="bg-white p-3">
|
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl align-middle">
|
<h4 class="font-semibold text-black text-2xl align-middle">
|
||||||
<span class="inline-block align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
|
<span class="mr-2 inline-block align-middle items-center justify-center w-9 h-8 bg-white-50 rounded">
|
||||||
<img class="h-9" src="" alt=""> </span>Chart (todo)</h4>
|
<svg class="text-gray-500 w-7 h-7" 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="#3b82f6" stroke-linejoin="round" class="nc-icon-wrapper"><rect x="10" y="14" width="4" height="9"></rect> <rect x="1" y="18" width="4" height="5"></rect> <rect x="19" y="10" width="4" height="13"></rect> <polyline data-cap="butt" points="3,10 8,5 12,9 20,1 " stroke="#3b82f6"></polyline> <polyline points=" 15,1 20,1 20,6 " stroke="#3b82f6"></polyline></g></svg>
|
||||||
</div>
|
</span>Chart (todo)
|
||||||
|
</h4> </div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
|
||||||
<tr>
|
<tr>
|
||||||
@ -316,72 +305,68 @@
|
|||||||
<th scope="col">Value</th>
|
<th scope="col">Value</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td class="py-4 px-6 bold w-96 bold">Show Chart</td>
|
<td class="py-4 px-6 bold w-96 bold">Show Chart</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" >
|
<div class="w-52 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
<option value="true">True</option>
|
<option value="true">True</option>
|
||||||
<option value="false">False</option>
|
<option value="false">False</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Chart API Key (URL)</td>
|
<td class="py-4 px-6 bold">Chart API Key (URL)</td>
|
||||||
<td><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value=""></td>
|
<td class="py-4 pr-5">
|
||||||
</tr>
|
<input type="text" class="w-52 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value=""> </td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div> </div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Apply</button>
|
||||||
<span>Apply</span> </button>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</form>
|
|
||||||
</div> </div> </div> </div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="hidden rounded-lg" id="tor" role="tabpanel" aria-labelledby="tor-tab">
|
<div class="hidden rounded-lg" id="tor" role="tabpanel" aria-labelledby="tor-tab">
|
||||||
|
|
||||||
<form method="post">
|
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-2 pr-2 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
<section class="bg-white pl-3">
|
||||||
|
|
||||||
<section class="bg-white p-3">
|
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl align-middle">
|
<h4 class="font-semibold text-black text-2xl align-middle">
|
||||||
<span class="inline-block align-middle items-center justify-center w-9 h-10 bg-white-50 rounded">
|
<span class="mr-2 inline-block align-middle items-center justify-center w-9 h-8 bg-white-50 rounded">
|
||||||
<img class="h-9" src="" alt=""> </span>Tor</h4>
|
<svg class="text-gray-500 w-7 h-7" xmlns="http://www.w3.org/2000/svg" height="20" width="20" viewBox="0 0 24 24">
|
||||||
</div>
|
<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>Tor (todo)
|
||||||
|
</h4> </div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none">
|
||||||
<tr>
|
<tr>
|
||||||
@ -389,88 +374,78 @@
|
|||||||
<th scope="col">Value</th>
|
<th scope="col">Value</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td class="py-4 px-6 bold w-96 bold">Use TOR</td>
|
<td class="py-4 px-6 bold w-96 bold">Use Tor</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" >
|
<div class="w-1/5 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
<option value="true">True</option>
|
<option value="true">True</option>
|
||||||
<option value="false">False</option>
|
<option value="false">False</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Use Tor Proxy</td>
|
<td class="py-4 px-6 bold w-96">Use Tor Proxy</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" >
|
<div class="w-1/5 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
|
||||||
<option value="true">True</option>
|
<option value="true">True</option>
|
||||||
<option value="false">False</option>
|
<option value="false">False</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Tot Proxy Host</td>
|
<td class="py-4 px-6 bold w-96">Tor Proxy Host</td>
|
||||||
<td><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value=""></td>
|
<td class="py-4 pr-5">
|
||||||
</tr>
|
<input type="text" class="w-1/5 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value=""> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Tor Proxy Port</td>
|
<td class="py-4 px-6 bold w-96">Tor Proxy Port</td>
|
||||||
<td><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value=""></td>
|
<td class="py-4 pr-5">
|
||||||
</tr>
|
<input type="text" class="w-1/5 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value=""> </td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold w-96">Tor Control Port</td>
|
<td class="py-4 px-6 bold w-96">Tor Control Port</td>
|
||||||
<td><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value=""></td>
|
<td class="py-4 pr-5">
|
||||||
</tr>
|
<input type="text" class="w-1/5 appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="" min="3" max="32" value=""> </td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div> </div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="#ffffff" stroke-linejoin="round" ><polyline points=" 6,12 10,16 18,8 " stroke="#ffffff"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg> Apply</button>
|
||||||
<span>Default</span> </button>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
|
||||||
<button name="apply" value="Apply" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
|
||||||
<span>Apply</span> </button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div> </div> </div> </div>
|
|
||||||
|
|
||||||
|
|
||||||
</div> <!-- -->
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function confirmPopup(action, coin_name) {
|
function confirmPopup(action, coin_name) {
|
||||||
return confirm(action + " " + coin_name + "?\nWill shutdown basicswap.");
|
return confirm(action + " " + coin_name + "?\nWill shutdown basicswap.");
|
||||||
|
|||||||
@ -1,5 +1,4 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
|
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
@ -25,13 +24,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Active SMSG Addresses</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Active SMSG Addresses</h2>
|
||||||
@ -41,197 +36,156 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
|
|
||||||
{% if data.edit_address %}
|
{% if data.edit_address %}
|
||||||
|
|
||||||
<input type="hidden" name="edit_address_id" value="{{ data.addr_data.id }}">
|
<input type="hidden" name="edit_address_id" value="{{ data.addr_data.id }}">
|
||||||
<input type="hidden" name="edit_address" value="{{ data.addr_data.addr }}">
|
<input type="hidden" name="edit_address" value="{{ data.addr_data.addr }}">
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Edit Address: {{ data.addr_data.addr }}</h4>
|
<h4 class="font-semibold text-black text-2xl">Edit Address: {{ data.addr_data.addr }}</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">SETTING</th>
|
<th scope="col" class="py-3 px-6">SETTING</th>
|
||||||
<th scope="col">VALUE</th>
|
<th scope="col">VALUE</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 monospace bold">Pubkey</td>
|
<td class="py-4 px-6 monospace bold">Pubkey</td>
|
||||||
<td class="py-4">{{ data.addr_data.pubkey }}</td>
|
<td class="py-4 pr-5 select-all monospace">{{ data.addr_data.pubkey }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">Active</td>
|
<td class="py-4 px-6">Active</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<select class="pappearance-none pr-15 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="active_ind">
|
<div class="w-52 md:flex-1">
|
||||||
|
<div class="relative">
|
||||||
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path d="M11.3333 6.1133C11.2084 5.98913 11.0395 5.91943 10.8633 5.91943C10.6872 5.91943 10.5182 5.98913 10.3933 6.1133L8.00001 8.47329L5.64001 6.1133C5.5151 5.98913 5.34613 5.91943 5.17001 5.91943C4.99388 5.91943 4.82491 5.98913 4.70001 6.1133C4.63752 6.17527 4.58792 6.249 4.55408 6.33024C4.52023 6.41148 4.50281 6.49862 4.50281 6.58663C4.50281 6.67464 4.52023 6.76177 4.55408 6.84301C4.58792 6.92425 4.63752 6.99799 4.70001 7.05996L7.52667 9.88663C7.58865 9.94911 7.66238 9.99871 7.74362 10.0326C7.82486 10.0664 7.912 10.0838 8.00001 10.0838C8.08801 10.0838 8.17515 10.0664 8.25639 10.0326C8.33763 9.99871 8.41136 9.94911 8.47334 9.88663L11.3333 7.05996C11.3958 6.99799 11.4454 6.92425 11.4793 6.84301C11.5131 6.76177 11.5305 6.67464 11.5305 6.58663C11.5305 6.49862 11.5131 6.41148 11.4793 6.33024C11.4454 6.249 11.3958 6.17527 11.3333 6.1133Z" fill="#8896AB"></path>
|
||||||
|
</svg>
|
||||||
|
<select class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" name="active_ind">
|
||||||
<option value="1" {% if data.addr_data.active_ind==1 %} selected{% endif %}>True</option>
|
<option value="1" {% if data.addr_data.active_ind==1 %} selected{% endif %}>True</option>
|
||||||
<option value="0" {% if data.addr_data.active_ind==0 %} selected{% endif %}>False</option>
|
<option value="0" {% if data.addr_data.active_ind==0 %} selected{% endif %}>False</option>
|
||||||
</select>
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">Note</td>
|
<td class="py-4 px-6">Note</td>
|
||||||
<td>
|
<td class="py-4 pr-5">
|
||||||
<input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="addressnote" type="text" value="{{ data.addr_data.note }}" maxlength="30">
|
<input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full" name="addressnote" type="text" value="{{ data.addr_data.note }}" maxlength="30"> </td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
|
<div class="w-full md:w-0/12">
|
||||||
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
|
<button name="saveaddr" value="Save Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none "><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="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Create Address</button>
|
||||||
|
</div>
|
||||||
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
|
<button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none"><svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#556987"></line> <polyline points=" 11,16 7,12 11,8 " stroke="#5569878"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Go Back</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{% elif data.new_address %}
|
||||||
|
<section class="bg-white p-6">
|
||||||
|
<div class="flex flex-wrap items-center">
|
||||||
|
<div class="w-full">
|
||||||
|
<h4 class="font-semibold text-black text-2xl">New Receiving Address</h4> </div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
|
<tr>
|
||||||
|
<th scope="col" class="py-3 px-6">SETTING</th>
|
||||||
|
<th scope="col">VALUE</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
|
<td class="py-4 px-6 bold">Note</td>
|
||||||
|
<td class="py-4 pr-5">
|
||||||
|
<input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full" name="addressnote" type="text" value="" maxlength="30">
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="saveaddr" value="Save Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="createnewaddr" value="Create Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none "><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="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Create Address</button>
|
||||||
<span>Save Address</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="cancel" value="cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-non"><svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#556987"></line> <polyline points=" 11,16 7,12 11,8 " stroke="#5569878"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Go Back</button>
|
||||||
<span>Cancel</span> </button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% elif data.new_address %}
|
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
|
||||||
<div class="flex flex-wrap items-center">
|
|
||||||
<div class="w-full">
|
|
||||||
<h4 class="font-semibold text-black text-2xl">New Receiving Address</h4>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
|
||||||
<tr>
|
|
||||||
<th scope="col" class="py-3 px-6">SETTING</th>
|
|
||||||
<th scope="col">VALUE</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
|
||||||
<td class="py-4 px-6 bold">Note</td>
|
|
||||||
<td><input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="addressnote" type="text" value="" maxlength="30"></td>
|
|
||||||
</tr>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
|
||||||
<div class="w-full md:w-0/12">
|
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
|
||||||
<button name="createnewaddr" value="Create Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
|
||||||
<span>Create Address</span> </button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
|
||||||
<button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
|
||||||
<span>Cancel</span> </button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% elif data.new_send_address %}
|
{% elif data.new_send_address %}
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Add Sending Address</h4>
|
<h4 class="font-semibold text-black text-2xl">Add Sending Address</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<div class="container px-0 mx-auto">
|
||||||
<div class="container px-0 mx-auto mt-5">
|
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">SETTING</th>
|
<th scope="col" class="py-3 px-6">SETTING</th>
|
||||||
<th scope="col">VALUE</th>
|
<th scope="col">VALUE</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Pubkey</td>
|
<td class="py-4 px-6 bold">Pubkey</td>
|
||||||
<td><input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="addresspubkey" type="text" value="" maxlength="66"></td>
|
<td class="py-4 pr-5">
|
||||||
|
<input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full monospace" name="addresspubkey" type="text" value="" maxlength="66">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Note</td>
|
<td class="py-4 px-6 bold">Note</td>
|
||||||
<td><input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="addressnote" type="text" value="" maxlength="30"></td>
|
<td class="py-4 pr-5">
|
||||||
|
<input class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5 w-full" name="addressnote" type="text" value="" maxlength="30">
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="createnewsendaddr" value="Add Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="createnewsendaddr" value="Add Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none "><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="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Create Address</button>
|
||||||
<span>Add Address</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="cancel" value="Cancel" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 bg-white rounded-md shadow-button focus:ring-0 focus:outline-non"><svg class="text-gray-500 w-5 h-5 mr-2" height="24" width="24" viewBox="0 0 24 24"><g stroke-linecap="square" stroke-width="2" fill="none" stroke="#556987" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line data-cap="butt" x1="18" y1="12" x2="7" y2="12" stroke-linecap="butt" stroke="#556987"></line> <polyline points=" 11,16 7,12 11,8 " stroke="#5569878"></polyline> <circle cx="12" cy="12" r="11"></circle></g></svg>Go Back</button>
|
||||||
<span>Cancel</span> </button>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6">Address</th>
|
<th scope="col" class="py-3 px-6">Address</th>
|
||||||
@ -242,7 +196,6 @@
|
|||||||
<th scope="col">Action</th>
|
<th scope="col">Action</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-6 px-6"><b class="monospace">{{ network_addr }}</b></td>
|
<td class="py-6 px-6"><b class="monospace">{{ network_addr }}</b></td>
|
||||||
<td class="py-4">Network Address
|
<td class="py-4">Network Address
|
||||||
@ -250,58 +203,47 @@
|
|||||||
<td class="py-4">
|
<td class="py-4">
|
||||||
<td />
|
<td />
|
||||||
<td class="py-4">
|
<td class="py-4">
|
||||||
<td />
|
<td /> </tr>
|
||||||
</tr>
|
|
||||||
|
|
||||||
|
|
||||||
{% for sa in smsgaddresses %}
|
{% for sa in smsgaddresses %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 monospace bold">{{ sa.addr }}</td>
|
<td class="py-4 px-6 monospace bold select-all">{{ sa.addr }}</td>
|
||||||
<td class="py-4">{{ sa.type }}</td>
|
<td class="py-4">{{ sa.type }}</td>
|
||||||
<td>{{ sa.active_ind }}</td>
|
<td>{{ sa.active_ind }}</td>
|
||||||
<td class="py-4">{{ sa.created_at | formatts }}</td>
|
<td class="py-4">{{ sa.created_at | formatts }}</td>
|
||||||
<td class="py-4">{{ sa.note }}</td>
|
<td class="py-4">{{ sa.note }}</td>
|
||||||
<td class="py-4"><input class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md shadow-button bg-white text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300" type="submit" name="editaddr_{{ sa.id }}" value="Edit"></td>
|
<td class="py-4">
|
||||||
</tr>
|
<input class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md shadow-button bg-white text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300" type="submit" name="editaddr_{{ sa.id }}" value="Edit">
|
||||||
{% endfor %}
|
</td>
|
||||||
|
</tr>{% endfor %}
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
|
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="shownewaddr" value="New Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="shownewaddr" value="New Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>New Address</button>
|
||||||
<span>New Address</span> </button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<button name="showaddaddr" value="Add Sending Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none">
|
<button name="showaddaddr" value="Add Sending Address" type="submit" class="flex flex-wrap justify-center w-full px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none"><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="square" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="miter" class="nc-icon-wrapper" stroke-miterlimit="10"><line x1="12" y1="7" x2="12" y2="17" stroke="#ffffff"></line> <line x1="17" y1="12" x2="7" y2="12" stroke="#ffffff"></line> <circle cx="12" cy="12" r="11"></circle></g></svg>Add Sending Address</button>
|
||||||
<span>Add Sending Address</span> </button>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}"> </form>
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,6 +1,5 @@
|
|||||||
{% include 'header.html' %}
|
{% include 'header.html' %}
|
||||||
<div class="container mx-auto">
|
<div class="container mx-auto">
|
||||||
|
|
||||||
<section class="bg-white p-5 mt-5">
|
<section class="bg-white p-5 mt-5">
|
||||||
<div class="flex flex-wrap items-center -m-2">
|
<div class="flex flex-wrap items-center -m-2">
|
||||||
<div class="w-full md:w-1/2 p-2">
|
<div class="w-full md:w-1/2 p-2">
|
||||||
@ -25,46 +24,38 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">TOR</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">TOR</h2>
|
||||||
<p class="font-semibold text-coolGray-200">TOR connection information</p>
|
<p class="font-semibold text-coolGray-200">TOR connection information</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<a id="refresh" href="/tor"><button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh</button></a>
|
<a id="refresh" href="/tor">
|
||||||
|
<button class="block md:ml-auto px-5 py-3 font-medium text-lcg text-white bg-blue-500 hover:bg-blue-600 rounded-md focus:ring-0 focus:outline-none">Refresh</button>
|
||||||
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto mt-5">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
|
|
||||||
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
<thead class="text-xs text-gray-700 border-b uppercase bg-gray-50 outline-none border-gray-300">
|
||||||
<tr>
|
<tr>
|
||||||
<th scope="col" class="py-3 px-6 w-80">Name:</th>
|
<th scope="col" class="py-3 px-6 w-80">Name:</th>
|
||||||
<th scope="col" class="py-3">Output:</th>
|
<th scope="col" class="py-3">Output:</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 pl-5 pr-5 w-80 bold">TOR Mode</td>
|
<td class="py-4 pl-5 pr-5 w-80 bold">TOR Mode</td>
|
||||||
<td td class="py-4">{% if use_tor_proxy == true %} Active {% if tor_established == true %} & Connected{% endif %} {% endif %}</td>
|
<td td class="py-4">{% if use_tor_proxy == true %} Active {% if tor_established == true %} & Connected{% endif %} {% endif %}</td>
|
||||||
@ -87,12 +78,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
</div>{% include 'footer.html' %}
|
||||||
</div>
|
|
||||||
{% include 'footer.html' %}
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -25,13 +25,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="text-4xl font-bold text-white tracking-tighter">
|
<h2 class="text-4xl font-bold text-white tracking-tighter">
|
||||||
@ -42,19 +38,19 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
|
<div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
|
||||||
<a class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/wallet/{{ w.ticker }}">
|
<a class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/wallet/{{ w.ticker }}">
|
||||||
<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 fill="#ffffff" class="nc-icon-wrapper"><path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path> <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path></g></svg>
|
<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">
|
||||||
<span>Refresh</span>
|
<g fill="#ffffff" class="nc-icon-wrapper">
|
||||||
</a>
|
<path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
|
||||||
|
<path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> <span>Refresh</span> </a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
{% if w.updating %}
|
{% if w.updating %}
|
||||||
|
|
||||||
<section class="py-4" id="updating" role="alert">
|
<section class="py-4" id="updating" role="alert">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="p-6 bg-blue-100 border border-blue-200 rounded-md">
|
<div class="p-6 bg-blue-100 border border-blue-200 rounded-md">
|
||||||
@ -62,28 +58,29 @@
|
|||||||
<div class="flex-1 p-2">
|
<div class="flex-1 p-2">
|
||||||
<div class="flex flex-wrap -m-1">
|
<div class="flex flex-wrap -m-1">
|
||||||
<div class="w-auto p-1">
|
<div class="w-auto p-1">
|
||||||
<svg aria-hidden="true" class="flex-shrink-0 w-5 h-5 text-blue-700 dark:text-blue-800" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path></svg>
|
<svg aria-hidden="true" class="flex-shrink-0 w-5 h-5 text-blue-700 dark:text-blue-800" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
|
||||||
|
</svg>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1 p-1">
|
<div class="flex-1 p-1">
|
||||||
<h3 class="font-medium text-sm text-blue-900">Updating...</h3>
|
<h3 class="font-medium text-sm text-blue-900">Updating...</h3> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-auto p-2">
|
<div class="w-auto p-2">
|
||||||
<button type="button" class="ml-auto bg-blue-100 text-blue-500 rounded-lg focus:ring-0 focus:ring-blue-400 p-1.5 hover:bg-blue-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#updating" aria-label="Close">
|
<button type="button" class="ml-auto bg-blue-100 text-blue-500 rounded-lg focus:ring-0 focus:ring-blue-400 p-1.5 hover:bg-blue-200 inline-flex h-8 w-8 focus:outline-none" data-dismiss-target="#updating" aria-label="Close"> <span class="sr-only">Close</span>
|
||||||
<span class="sr-only">Close</span>
|
<svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
||||||
<svg aria-hidden="true" class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
|
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
|
||||||
|
</svg>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if w.havedata %} {% if w.error %}
|
{% if w.havedata %}
|
||||||
|
{% if w.error %}
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="p-6 bg-red-100 border border-red-200 rounded-md">
|
<div class="p-6 bg-red-100 border border-red-200 rounded-md">
|
||||||
@ -98,8 +95,7 @@
|
|||||||
<div class="flex-1 p-1">
|
<div class="flex-1 p-1">
|
||||||
<h3 class="font-medium text-sm text-red-900 error_msg">
|
<h3 class="font-medium text-sm text-red-900 error_msg">
|
||||||
<p class="error_msg">Error: {{ w.error }}</p>
|
<p class="error_msg">Error: {{ w.error }}</p>
|
||||||
</h3>
|
</h3> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="w-auto p-2">
|
<div class="w-auto p-2">
|
||||||
@ -113,9 +109,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<form method="post" autocomplete="off">
|
<form method="post" autocomplete="off">
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
@ -141,22 +135,27 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-4 bold"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }}"></span>Balance:</td>
|
<td class="py-4 px-4 bold"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }}"></span>Balance:</td>
|
||||||
<td class="bold">{{ w.balance }}</td>{% if w.unconfirmed %}
|
<td class="bold">{{ w.balance }}</td>
|
||||||
|
{% if w.unconfirmed %}
|
||||||
<td>Unconfirmed:</td>
|
<td>Unconfirmed:</td>
|
||||||
<td>{{ w.unconfirmed }}</td>{% endif %}
|
<td>{{ w.unconfirmed }}</td>
|
||||||
</tr> {% if w.cid == '1' %}
|
{% endif %} </tr>
|
||||||
|
{% if w.cid == '1' %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-4 bold"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }} Blind"></span>Blind Balance:</td>
|
<td class="py-4 px-4 bold"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }} Blind"></span>Blind Balance:</td>
|
||||||
<td class="bold">{{ w.blind_balance }}</td>{% if w.blind_unconfirmed %}
|
<td class="bold">{{ w.blind_balance }}</td>
|
||||||
|
{% if w.blind_unconfirmed %}
|
||||||
<td>Blind Unconfirmed:</td>
|
<td>Blind Unconfirmed:</td>
|
||||||
<td>{{ w.blind_unconfirmed }}</td>{% endif %}
|
<td>{{ w.blind_unconfirmed }}</td>
|
||||||
|
{% endif %}
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-4 bold"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }} Anon"></span>Anon Balance:</td>
|
<td class="py-4 px-4 bold"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }} Anon"></span>Anon Balance:</td>
|
||||||
<td class="bold">{{ w.anon_balance }}</td>{% if w.anon_pending %}
|
<td class="bold">{{ w.anon_balance }}</td>
|
||||||
|
{% if w.anon_pending %}
|
||||||
<td>Anon Pending:</td>
|
<td>Anon Pending:</td>
|
||||||
<td>{{ w.anon_pending }}</td>{% endif %}
|
<td>{{ w.anon_pending }}</td>{% endif %} </tr>
|
||||||
</tr> {% endif %}
|
{% endif %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Blocks:</td>
|
<td class="py-4 px-6 bold">Blocks:</td>
|
||||||
<td>{{ w.blocks }} {% if w.known_block_count %} / {{ w.known_block_count }} {% endif %}</td>
|
<td>{{ w.blocks }} {% if w.known_block_count %} / {{ w.known_block_count }} {% endif %}</td>
|
||||||
@ -168,7 +167,8 @@
|
|||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Bootstrapping:</td>
|
<td class="py-4 px-6 bold">Bootstrapping:</td>
|
||||||
<td>{{ w.bootstrapping }}</td>
|
<td>{{ w.bootstrapping }}</td>
|
||||||
</tr> {% endif %}
|
</tr>
|
||||||
|
{% endif %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Expected Seed:</td>
|
<td class="py-4 px-6 bold">Expected Seed:</td>
|
||||||
<td>{{ w.expected_seed }}</td>
|
<td>{{ w.expected_seed }}</td>
|
||||||
@ -181,61 +181,56 @@
|
|||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
<input class="flex flex-wrap justify-center px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none" type="submit" name="reseed_{{ w.cid }}" value="Reseed wallet" onclick="return confirmReseed();">
|
<input class="flex flex-wrap justify-center px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none" type="submit" name="reseed_{{ w.cid }}" value="Reseed wallet" onclick="return confirmReseed();"> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% else %}
|
{% else %}
|
||||||
</tr> {% if w.cid == '1' %}
|
</tr>
|
||||||
|
{% if w.cid == '1' %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Stealth Address</td>
|
<td class="py-4 px-6 bold">Stealth Address</td>
|
||||||
<td colspan=2 class="monospace bold select-all">{{ w.stealth_address }}</td>
|
<td colspan=2 class="monospace bold select-all">{{ w.stealth_address }}</td>
|
||||||
</tr> {% endif %} {% if w.cid == '6' %}
|
</tr>
|
||||||
|
{% endif %}
|
||||||
|
{% if w.cid == '6' %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Main Address</td>
|
<td class="py-4 px-6 bold">Main Address</td>
|
||||||
<td colspan=2 class="monospace bold select-all">{{ w.main_address }}</td>
|
<td colspan=2 class="monospace bold select-all">{{ w.main_address }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">
|
<td class="py-4 px-6 bold">
|
||||||
|
|
||||||
|
|
||||||
<button type="submit" class="flex flex-wrap justify-center w-52 py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="newaddr_{{ w.cid }}" value="New Subaddress">
|
<button type="submit" class="flex flex-wrap justify-center w-52 py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="newaddr_{{ w.cid }}" value="New Subaddress">
|
||||||
<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 fill="#ffffff" class="nc-icon-wrapper"><path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path> <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path></g></svg>
|
<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">
|
||||||
New Subaddress
|
<g fill="#ffffff" class="nc-icon-wrapper">
|
||||||
</button>
|
<path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
|
||||||
|
<path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> New Subaddress </button>
|
||||||
</td>
|
</td>
|
||||||
<td colspan=2 class="monospace select-all">{{ w.deposit_address }}</td>
|
<td colspan=2 class="monospace select-all">{{ w.deposit_address }}</td>
|
||||||
</tr> {% else %}
|
</tr>
|
||||||
|
{% else %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">
|
<td class="py-4 px-6 bold">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<button type="submit" class="flex flex-wrap justify-center w-52 py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="newaddr_{{ w.cid }}" value="New Deposit Address">
|
<button type="submit" class="flex flex-wrap justify-center w-52 py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="newaddr_{{ w.cid }}" value="New Deposit Address">
|
||||||
<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 fill="#ffffff" class="nc-icon-wrapper"><path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path> <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path></g></svg>
|
<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">
|
||||||
New Deposit Address
|
<g fill="#ffffff" class="nc-icon-wrapper">
|
||||||
</button>
|
<path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
|
||||||
|
<path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> New Deposit Address </button>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td colspan=2 class="monospace bold select-all" id="deposit_address">{{ w.deposit_address }}</td>
|
<td colspan=2 class="monospace bold select-all" id="deposit_address">{{ w.deposit_address }}</td>
|
||||||
</tr> {% endif %}
|
</tr>
|
||||||
|
{% endif %}
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">Withdraw</h4>
|
<h4 class="font-semibold text-black text-2xl">Withdraw</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<div class="container px-0 mx-auto mt-2">
|
<div class="container px-0 mx-auto mt-2">
|
||||||
@ -251,34 +246,29 @@
|
|||||||
</thead>
|
</thead>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 pl-6 bold w-1/4">
|
<td class="py-4 pl-6 bold w-1/4">
|
||||||
|
|
||||||
|
|
||||||
<button type="submit" class="flex flex-wrap justify-center py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="withdraw_{{ w.cid }}" value="Withdraw" onclick="return confirmWithdrawal();">
|
<button type="submit" class="flex flex-wrap justify-center py-2 px-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" name="withdraw_{{ w.cid }}" value="Withdraw" onclick="return confirmWithdrawal();">
|
||||||
<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 fill="#ffffff" class="nc-icon-wrapper"><polygon data-color="color-2" points="6,10 12,17 18,10 13,10 13,1 11,1 11,10 "></polygon> <path fill="#ffffff" d="M22,21H2v-6H0v7c0,0.552,0.448,1,1,1h22c0.552,0,1-0.448,1-1v-7h-2V21z"></path></g></svg>
|
<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">
|
||||||
Withdraw
|
<g fill="#ffffff" class="nc-icon-wrapper">
|
||||||
</button>
|
<polygon data-color="color-2" points="6,10 12,17 18,10 13,10 13,1 11,1 11,10 "></polygon>
|
||||||
|
<path fill="#ffffff" d="M22,21H2v-6H0v7c0,0.552,0.448,1,1,1h22c0.552,0,1-0.448,1-1v-7h-2V21z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> Withdraw </button>
|
||||||
</td>
|
</td>
|
||||||
<td class="py-4 pr-5">
|
<td class="py-4 pr-5">
|
||||||
<input placeholder="Address" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="text" name="to_{{ w.cid }}" value="{{ w.wd_address }}">
|
<input placeholder="Address" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 w-full block p-2.5" type="text" name="to_{{ w.cid }}" value="{{ w.wd_address }}"> </td>
|
||||||
</td>
|
|
||||||
<td class="py-4 pr-5">
|
<td class="py-4 pr-5">
|
||||||
<input placeholder="Amount" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" name="amt_{{ w.cid }}" value="{{ w.wd_value }}">
|
<input placeholder="Amount" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5" type="text" name="amt_{{ w.cid }}" value="{{ w.wd_value }}"> </td>
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold"> Subtract Fee: </td>
|
<td class="py-4 px-6 bold"> Subtract Fee: </td>
|
||||||
<td>
|
<td>
|
||||||
<input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain cursor-pointer" type="checkbox" name="subfee_{{ w.cid }}" {% if w.wd_subfee==true %} checked=checked{% endif %}>
|
<input class="form-check-input h-4 w-4 border border-gray-300 rounded-sm bg-gray-50 checked:bg-blue-600 checked:border-blue-600 focus:outline-none transition duration-200 mt-1 align-top bg-no-repeat bg-center bg-contain cursor-pointer" type="checkbox" name="subfee_{{ w.cid }}" {% if w.wd_subfee==true %} checked=checked{% endif %}> </td>
|
||||||
</td>
|
|
||||||
<td></td>
|
<td></td>
|
||||||
</tr> {% if w.cid == '1' %}
|
</tr>
|
||||||
|
{% if w.cid == '1' %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6 bold">Type From -> To:</td>
|
<td class="py-4 px-6 bold">Type From -> To:</td>
|
||||||
<td class="py-4 pr-5">
|
<td class="py-4 pr-5">
|
||||||
|
|
||||||
<div class="w-full md:flex-1">
|
<div class="w-full md:flex-1">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -293,7 +283,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td class="py-4 pr-5">
|
<td class="py-4 pr-5">
|
||||||
|
|
||||||
<div class="w-full md:flex-1">
|
<div class="w-full md:flex-1">
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg class="absolute right-4 top-1/2 transform -translate-y-1/2" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
@ -308,7 +297,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
<td class="py-4"> </td>
|
<td class="py-4"> </td>
|
||||||
</tr> {% endif %}
|
</tr>
|
||||||
|
{% endif %}
|
||||||
<tr class="bg-white border-t hover:bg-gray-50 ">
|
<tr class="bg-white border-t hover:bg-gray-50 ">
|
||||||
<td class="py-4 px-6 bold">Fee Rate:</td>
|
<td class="py-4 px-6 bold">Fee Rate:</td>
|
||||||
<td>{{ w.fee_rate }}</td>
|
<td>{{ w.fee_rate }}</td>
|
||||||
@ -317,12 +307,13 @@
|
|||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div> {% if w.cid != '6' %} {% if w.show_utxo_groups %}
|
</div>
|
||||||
|
{% if w.cid != '6' %}
|
||||||
|
{% if w.show_utxo_groups %}
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
<h4 class="font-semibold text-black text-2xl">UTXO Groups</h4>
|
<h4 class="font-semibold text-black text-2xl">UTXO Groups</h4> </div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<div class="container px-0 mx-auto mt-2">
|
<div class="container px-0 mx-auto mt-2">
|
||||||
@ -343,14 +334,16 @@
|
|||||||
<tr class="bg-white border-t hover:bg-gray-50">
|
<tr class="bg-white border-t hover:bg-gray-50">
|
||||||
<td class="py-4 px-6">
|
<td class="py-4 px-6">
|
||||||
<button type="submit" class="flex flex-wrap justify-center px-4 py-2 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="create_utxo" name="create_utxo" value="Create UTXO" onclick="return confirmUTXOResize();">
|
<button type="submit" class="flex flex-wrap justify-center px-4 py-2 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="create_utxo" name="create_utxo" value="Create UTXO" onclick="return confirmUTXOResize();">
|
||||||
<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="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper"> <polyline points="1 15 1 21 23 21 23 15"></polyline> <line x1="12" y1="3" x2="12" y2="13" stroke="#ffffff"></line> <line x1="17" y1="8" x2="7" y2="8" stroke="#ffffff"></line> </g></svg>
|
<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">
|
||||||
Create UTXO
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper">
|
||||||
</button>
|
<polyline points="1 15 1 21 23 21 23 15"></polyline>
|
||||||
|
<line x1="12" y1="3" x2="12" y2="13" stroke="#ffffff"></line>
|
||||||
|
<line x1="17" y1="8" x2="7" y2="8" stroke="#ffffff"></line>
|
||||||
|
</g>
|
||||||
|
</svg> Create UTXO </button>
|
||||||
</td>
|
</td>
|
||||||
<td>
|
<td>
|
||||||
<input placeholder="Amount" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" name="utxo_value" value="{{ w.utxo_value }}">
|
<input placeholder="Amount" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" type="text" name="utxo_value" value="{{ w.utxo_value }}"> </td>
|
||||||
</td>
|
|
||||||
</tr>
|
</tr>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
@ -359,64 +352,60 @@
|
|||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
|
|
||||||
<button type="submit" class="flex flex-wrap justify-center px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="closeutxogroups" name="closeutxogroups" value="Close UTXO Groups">
|
<button type="submit" class="flex flex-wrap justify-center px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="closeutxogroups" name="closeutxogroups" value="Close UTXO Groups">
|
||||||
<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="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper"><rect x="2" y="9" width="12" height="14"></rect> <polyline points=" 6,5 18,5 18,19 " stroke="#ffffff"></polyline> <polyline points=" 10,1 22,1 22,15 " stroke="#ffffff"></polyline></g></svg>
|
<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">
|
||||||
Close UTXO Groups
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper">
|
||||||
</button>
|
<rect x="2" y="9" width="12" height="14"></rect>
|
||||||
|
<polyline points=" 6,5 18,5 18,19 " stroke="#ffffff"></polyline>
|
||||||
|
<polyline points=" 10,1 22,1 22,15 " stroke="#ffffff"></polyline>
|
||||||
|
</g>
|
||||||
|
</svg> Close UTXO Groups </button>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> {% else %}
|
</div>
|
||||||
|
{% else %}
|
||||||
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
<div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
|
||||||
<div class="w-full md:w-0/12">
|
<div class="w-full md:w-0/12">
|
||||||
<div class="flex flex-wrap justify-end -m-1.5">
|
<div class="flex flex-wrap justify-end -m-1.5">
|
||||||
<div class="w-full md:w-auto p-1.5 ml-2">
|
<div class="w-full md:w-auto p-1.5 ml-2">
|
||||||
|
|
||||||
|
|
||||||
<button type="submit" class="flex flex-wrap justify-center px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="showutxogroups" name="showutxogroups" value="Show UTXO Groups">
|
<button type="submit" class="flex flex-wrap justify-center px-4 py-2.5 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="showutxogroups" name="showutxogroups" value="Show UTXO Groups">
|
||||||
<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="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper"><rect x="2" y="9" width="12" height="14"></rect> <polyline points=" 6,5 18,5 18,19 " stroke="#ffffff"></polyline> <polyline points=" 10,1 22,1 22,15 " stroke="#ffffff"></polyline></g></svg>
|
<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">
|
||||||
Show UTXO Groups
|
<g stroke-linecap="round" stroke-width="2" fill="none" stroke="#ffffff" stroke-linejoin="round" class="nc-icon-wrapper">
|
||||||
</button>
|
<rect x="2" y="9" width="12" height="14"></rect>
|
||||||
|
<polyline points=" 6,5 18,5 18,19 " stroke="#ffffff"></polyline>
|
||||||
|
<polyline points=" 10,1 22,1 22,15 " stroke="#ffffff"></polyline>
|
||||||
|
</g>
|
||||||
|
</svg> Show UTXO Groups </button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> {% endif %} {% endif %} {% endif %} {% endif %} {% endif %}
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
<!-- havedata -->
|
<!-- havedata -->
|
||||||
<input type="hidden" name="formid" value="{{ form_id }}">
|
<input type="hidden" name="formid" value="{{ form_id }}"> </form>
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function confirmReseed()
|
function confirmReseed() {
|
||||||
{
|
|
||||||
return confirm("Are you sure?\nBackup your wallet before and after.\nWon't detect used keys.\nShould only be used for new wallets.");
|
return confirm("Are you sure?\nBackup your wallet before and after.\nWon't detect used keys.\nShould only be used for new wallets.");
|
||||||
}
|
}
|
||||||
|
|
||||||
function confirmWithdrawal()
|
function confirmWithdrawal() {
|
||||||
{
|
|
||||||
return confirm("Are you sure?");
|
return confirm("Are you sure?");
|
||||||
}
|
}
|
||||||
|
|
||||||
function confirmUTXOResize()
|
function confirmUTXOResize() {
|
||||||
{
|
|
||||||
return confirm("Are you sure?");
|
return confirm("Are you sure?");
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -24,13 +24,9 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Wallets</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Wallets</h2>
|
||||||
@ -38,76 +34,71 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
|
<div class="w-full md:w-1/2 p-3 p-6 container flex flex-wrap items-center justify-end items-center mx-auto">
|
||||||
<a class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/wallets">
|
<a class="flex flex-wrap justify-center px-5 py-4 bg-blue-500 hover:bg-blue-600 font-medium text-sm text-white border border-blue-500 rounded-md shadow-button focus:ring-0 focus:outline-none" id="refresh" href="/wallets">
|
||||||
<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 fill="#ffffff" class="nc-icon-wrapper"><path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path> <path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path></g></svg>
|
<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">
|
||||||
<span>Refresh</span>
|
<g fill="#ffffff" class="nc-icon-wrapper">
|
||||||
</a>
|
<path fill="#ffffff" d="M12,3c1.989,0,3.873,0.65,5.43,1.833l-3.604,3.393l9.167,0.983L22.562,0l-3.655,3.442 C16.957,1.862,14.545,1,12,1C5.935,1,1,5.935,1,12h2C3,7.037,7.037,3,12,3z"></path>
|
||||||
|
<path data-color="color-2" d="M12,21c-1.989,0-3.873-0.65-5.43-1.833l3.604-3.393l-9.167-0.983L1.438,24l3.655-3.442 C7.043,22.138,9.455,23,12,23c6.065,0,11-4.935,11-11h-2C21,16.963,16.963,21,12,21z"></path>
|
||||||
|
</g>
|
||||||
|
</svg> <span>Refresh</span> </a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{% include 'inc_messages.html' %}
|
{% include 'inc_messages.html' %}
|
||||||
|
|
||||||
<section class="bg-white py-4">
|
<section class="bg-white py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="flex flex-wrap -m-4"> {% for w in wallets %} {% if w.havedata %} {% if w.error %}
|
<div class="flex flex-wrap -m-4">
|
||||||
<p>Error: {{ w.error }}</p> {% else %}
|
{% for w in wallets %}
|
||||||
|
{% if w.havedata %}
|
||||||
|
{% if w.error %}
|
||||||
|
<p>Error: {{ w.error }}</p>
|
||||||
|
{% else %}
|
||||||
<div class="w-full lg:w-1/3 p-4">
|
<div class="w-full lg:w-1/3 p-4">
|
||||||
<div class="bg-white shadow rounded overflow-hidden">
|
<div class="bg-white shadow rounded overflow-hidden">
|
||||||
<div class="pt-6 px-6 mb-10 flex justify-between items-center"> <span class="inline-flex items-center justify-center w-9 h-10 bg-white-50 rounded">
|
<div class="pt-6 px-6 mb-10 flex justify-between items-center"> <span class="inline-flex items-center justify-center w-9 h-10 bg-white-50 rounded">
|
||||||
<img class="h-9" src="/static/images/coins/{{ w.name }}.png" alt=""></span> <a class="py-2 px-3 bg-blue-500 text-xs text-white rounded-full hover:bg-blue-600" href="/wallet/{{ w.ticker }}">Manage</a> </div>
|
<img class="h-9" src="/static/images/coins/{{ w.name }}.png" alt=""></span> <a class="py-2 px-3 bg-blue-500 text-xs text-white rounded-full hover:bg-blue-600" href="/wallet/{{ w.ticker }}">Manage</a> </div>
|
||||||
<div class="px-6 mb-6">
|
<div class="px-6 mb-6">
|
||||||
<h4 class="text-xl font-bold">{{ w.name }} <span class="inline-block font-medium text-xs text-gray-500">({{ w.ticker }})</span></h4>
|
<h4 class="text-xl font-bold">{{ w.name }} <span class="inline-block font-medium text-xs text-gray-500">({{ w.ticker }})</span></h4>
|
||||||
<p class="text-xs text-gray-500">Version: {{ w.version }} {% if w.updating %} <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">Updating</span></p> {% endif %}
|
<p class="text-xs text-gray-500">Version: {{ w.version }} {% if w.updating %} <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">Updating</span></p> {% endif %} </div>
|
||||||
</div>
|
|
||||||
<div class="p-6 bg-gray-50">
|
<div class="p-6 bg-gray-50">
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Balance:</h4> <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.balance }}</span>
|
<h4 class="text-xs font-medium">Balance:</h4> <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.balance }}</span> </div> {% if w.unconfirmed %}
|
||||||
</div> {% if w.unconfirmed %}
|
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Unconfirmed:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.unconfirmed }}</span>
|
<h4 class="text-xs font-medium">Unconfirmed:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.unconfirmed }}</span> </div> {% endif %} {% if w.cid == '1' %}
|
||||||
</div> {% endif %} {% if w.cid == '1' %}
|
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Blind Balance:</h4> <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.blind_balance }}</span>
|
<h4 class="text-xs font-medium">Blind Balance:</h4> <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.blind_balance }}</span> </div> {% if w.blind_unconfirmed %}
|
||||||
</div> {% if w.blind_unconfirmed %}
|
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Blind Unconfirmed:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.blind_unconfirmed }}</span>
|
<h4 class="text-xs font-medium">Blind Unconfirmed:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.blind_unconfirmed }}</span> </div> {% endif %}
|
||||||
</div> {% endif %}
|
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Anon Balance:</h4> <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.anon_balance }}</span>
|
<h4 class="text-xs font-medium">Anon Balance:</h4> <span class="bold inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.anon_balance }}</span> </div> {% if w.anon_pending %}
|
||||||
</div> {% if w.anon_pending %}
|
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Anon Pending:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.anon_pending }}</span>
|
<h4 class="text-xs font-medium">Anon Pending:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.anon_pending }}</span> </div> {% endif %} {% endif %}
|
||||||
</div> {% endif %} {% endif %}
|
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Blocks:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.blocks }} {% if w.known_block_count %} / {{ w.known_block_count }} {% endif %}</span>
|
<h4 class="text-xs font-medium">Blocks:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.blocks }} {% if w.known_block_count %} / {{ w.known_block_count }} {% endif %}</span> </div>
|
||||||
</div>
|
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Last Updated:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.lastupdated }}</span>
|
<h4 class="text-xs font-medium">Last Updated:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.lastupdated }}</span> </div> {% if w.bootstrapping %}
|
||||||
</div> {% if w.bootstrapping %}
|
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Bootstrapping:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.bootstrapping }}</span>
|
<h4 class="text-xs font-medium">Bootstrapping:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.bootstrapping }}</span> </div> {% endif %}
|
||||||
</div> {% endif %}
|
|
||||||
<div class="flex mb-2 justify-between items-center">
|
<div class="flex mb-2 justify-between items-center">
|
||||||
<h4 class="text-xs font-medium">Expected Seed:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.expected_seed }}</span>
|
<h4 class="text-xs font-medium">Expected Seed:</h4> <span class="inline-block py-1 px-2 rounded-full bg-blue-100 text-xs text-black-500">{{ w.expected_seed }}</span> </div>
|
||||||
</div>
|
|
||||||
<div class="flex justify-between mb-1 mt-10"> <span class="text-xs font-medium text-blue-700">Blockchain</span> <span class="text-xs font-medium text-blue-700">{{ w.synced }}%</span> </div>
|
<div class="flex justify-between mb-1 mt-10"> <span class="text-xs font-medium text-blue-700">Blockchain</span> <span class="text-xs font-medium text-blue-700">{{ w.synced }}%</span> </div>
|
||||||
<div class="w-full bg-gray-200 rounded-full h-1">
|
<div class="w-full bg-gray-200 rounded-full h-1">
|
||||||
<div class="bg-blue-500 h-1 rounded-full" style="width: {{ w.synced }}%"></div>
|
<div class="bg-blue-500 h-1 rounded-full" style="width: {{ w.synced }}%"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div> {% endif %} {% endif %}
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
<!-- havedata -->
|
<!-- havedata -->
|
||||||
</div> {% endfor %}
|
</div>
|
||||||
|
{% endfor %}
|
||||||
<script>
|
<script>
|
||||||
function confirmReseed()
|
function confirmReseed() {
|
||||||
{
|
|
||||||
return confirm("Are you sure?\nBackup your wallet before and after.\nWon't detect used keys.\nShould only be used for new wallets.");
|
return confirm("Are you sure?\nBackup your wallet before and after.\nWon't detect used keys.\nShould only be used for new wallets.");
|
||||||
}
|
}
|
||||||
|
|
||||||
function confirmWithdrawal()
|
function confirmWithdrawal() {
|
||||||
{
|
|
||||||
return confirm("Are you sure?");
|
return confirm("Are you sure?");
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
@ -20,18 +20,13 @@
|
|||||||
<path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
|
<path d="M5.34 0.671999L2.076 14.1H0.732L3.984 0.671999H5.34Z" fill="#BBC3CF"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="py-4">
|
<section class="py-4">
|
||||||
<div class="container px-4 mx-auto">
|
<div class="container px-4 mx-auto">
|
||||||
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden">
|
<div class="relative py-11 px-16 bg-coolGray-900 rounded-md overflow-hidden"> <img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt=""> <img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
||||||
<img class="absolute z-10 left-4 top-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute z-10 right-4 bottom-4" src="/static/images/elements/dots-red.svg" alt="">
|
|
||||||
<img class="absolute h-64 left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 object-cover" src="/static/images/elements/wave.svg" alt="">
|
|
||||||
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
<div class="relative z-20 flex flex-wrap items-center -m-3">
|
||||||
<div class="w-full md:w-1/2 p-3">
|
<div class="w-full md:w-1/2 p-3">
|
||||||
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Watched Outputs</h2>
|
<h2 class="mb-6 text-4xl font-bold text-white tracking-tighter">Watched Outputs</h2>
|
||||||
@ -41,13 +36,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<section class="bg-white">
|
<section class="bg-white">
|
||||||
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
<div class="pl-6 pr-6 pt-0 pb-0 mt-5 h-full overflow-hidden bg-white ">
|
||||||
<div class="pb-6 border-coolGray-100">
|
<div class="pb-6 border-coolGray-100">
|
||||||
<div class="flex flex-wrap items-center justify-between -m-2">
|
<div class="flex flex-wrap items-center justify-between -m-2">
|
||||||
<div class="w-full pt-2">
|
<div class="w-full pt-2">
|
||||||
|
|
||||||
<section class="bg-white p-6">
|
<section class="bg-white p-6">
|
||||||
<div class="flex flex-wrap items-center">
|
<div class="flex flex-wrap items-center">
|
||||||
<div class="w-full">
|
<div class="w-full">
|
||||||
@ -56,7 +49,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div class="container px-0 mx-auto mt-5">
|
<div class="container px-0 mx-auto">
|
||||||
<div class="overflow-x-auto relative border sm:rounded-lg">
|
<div class="overflow-x-auto relative border sm:rounded-lg">
|
||||||
|
|
||||||
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
<table class="w-full text-sm text-left text-gray-500 outline-none border-gray-300">
|
||||||
@ -74,6 +67,7 @@
|
|||||||
<td class="py-4">{{ ls[1] }}</td>
|
<td class="py-4">{{ ls[1] }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -101,6 +95,7 @@
|
|||||||
<td class="py-4">{{ wo[4] }}</td>
|
<td class="py-4">{{ wo[4] }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -115,5 +110,4 @@
|
|||||||
{% include 'footer.html' %}
|
{% include 'footer.html' %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user