transatoshi/grin-explorer
1
0
Fork 0
mirror of https://github.com/transatoshi-mw/grin-explorer.git synced 2025-10-21 21:43:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

prettify UI

Browse Source
This commit is contained in:
aglkm
2024-06-02 15:48:13 +03:00
parent e81e539791
commit b59f50a615
7 changed files with 101 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
templates/block_list.html.tera
View File

@@ -4,51 +4,51 @@
<code>
<div class="d-none d-md-block mb-4"> <!-- Show on >= md screens -->
<div class="d-none d-md-block"> <!-- Show on >= md screens -->
<div class="card-group">
<div class="card rounded-0">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
<div class="darkorange-text">
HEIGHT
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
<div class="darkorange-text">
AGE
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
<div class="darkorange-text">
KERNELS
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
<div class="darkorange-text">
INPUTS
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
<div class="darkorange-text">
OUTPUTS
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
<div class="darkorange-text">
FEES
</div>
</div>
</div>
<div class="card rounded-0">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
<div class="darkorange-text">
WEIGHT
@@ -60,7 +60,7 @@
{% for i in range(end=10) %}
<div class="card-group rounded-0">
<div class="card rounded-0 mt-1">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
{% if route == "block_list_by_height" %}
<div class="value-text">
@@ -73,7 +73,7 @@
{% endif %}
</div>
</div>
<div class="card rounded-0 mt-1">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
{% if route == "block_list_by_height" %}
<div class="value-text">{{ blocks[i].time }}</div>
@@ -82,7 +82,7 @@
{% endif %}
</div>
</div>
<div class="card rounded-0 mt-1">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
{% if route == "block_list_by_height" %}
<div class="value-text">{{ blocks[i].ker_len }}</div>
@@ -91,7 +91,7 @@
{% endif %}
</div>
</div>
<div class="card rounded-0 mt-1">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
{% if route == "block_list_by_height" %}
<div class="value-text">{{ blocks[i].in_len }}</div>
@@ -100,7 +100,7 @@
{% endif %}
</div>
</div>
<div class="card rounded-0 mt-1">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
{% if route == "block_list_by_height" %}
<div class="value-text">{{ blocks[i].out_len }}</div>
@@ -109,7 +109,7 @@
{% endif %}
</div>
</div>
<div class="card rounded-0 mt-1">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
{% if route == "block_list_by_height" %}
<div class="value-text">ツ {{ blocks[i].fees / 1000000000.0 }}</div>
@@ -118,7 +118,7 @@
{% endif %}
</div>
</div>
<div class="card rounded-0 mt-1">
<div class="card border-bottom-0 rounded-0">
<div class="card-body">
{% if route == "block_list_by_height" %}
<div class="value-text">{{ blocks[i].weight }} %</div>
@@ -133,12 +133,12 @@
</div>
<div class="d-md-none mb-4"> <!-- Show on < md screens-->
<div class="d-md-none"> <!-- Show on < md screens-->
{% for i in range(end=10) %}
<div class="card mb-3">
<div class="card border-bottom-0 rounded-0">
<div class="card-body" align="left">
<div class="d-flex justify-content-between">
<div class="value-text">Block</div>
<div class="d-flex justify-content-start">
<i class="bi bi-box darkorange-text"></i>&nbsp;
{% if route == "block_list_by_height" %}
<div class="value-text">
<a class="text-decoration-none darkorange-text" href="/block/{{ blocks[i].height }}">
@@ -211,49 +211,53 @@
{% if route == "block_list_by_height" %}
<div class="d-flex justify-content-center sticky-bottom mb-3">
<div class="me-5">
{% if height >= (index + 10) %}
<a class="text-decoration-none" href="/block_list/{{ index + 10 }}">
{% elif height >= (index) and height < (index + 10) %}
<a class="text-decoration-none" href="/block_list/{{ height }}">
{% endif %}
<h2><i class="bi bi-arrow-left-square"></i></h2>
</a>
</div>
<div class="me-5">
<a class="text-decoration-none" href="/block_list">
<h2><i class="bi bi-house"></i></h2>
</a>
</div>
<div>
{% if index >= 20 %}
<a class="text-decoration-none" href="/block_list/{{ index - 10 }}">
{% elif index >= 10 and index < 20 %}
<a class="text-decoration-none" href="/block_list/{{ 9 }}">
{% else %}
<a class="text-decoration-none disabled" href="">
{% endif %}
<h2><i class="bi bi-arrow-right-square"></i></h2>
</a>
<div class="card rounded-0 sticky-bottom">
<div class="mt-2 d-flex justify-content-center">
<div class="me-5">
{% if height >= (index + 10) %}
<a class="text-decoration-none" href="/block_list/{{ index + 10 }}">
{% elif height >= (index) and height < (index + 10) %}
<a class="text-decoration-none" href="/block_list/{{ height }}">
{% endif %}
<h2><i class="bi bi-arrow-left-square"></i></h2>
</a>
</div>
<div class="me-5">
<a class="text-decoration-none" href="/block_list">
<h2><i class="bi bi-house"></i></h2>
</a>
</div>
<div>
{% if index >= 20 %}
<a class="text-decoration-none" href="/block_list/{{ index - 10 }}">
{% elif index >= 10 and index < 20 %}
<a class="text-decoration-none" href="/block_list/{{ 9 }}">
{% else %}
<a class="text-decoration-none disabled" href="">
{% endif %}
<h2><i class="bi bi-arrow-right-square"></i></h2>
</a>
</div>
</div>
</div>
{% else %}
<div class="d-flex justify-content-center sticky-bottom mb-3">
<div class="me-5">
<a class="text-decoration-none disabled" href="">
<h2><i class="bi bi-arrow-left-square"></i></h2>
</a>
</div>
<div class="me-5">
<a class="text-decoration-none" href="/block_list">
<h2><i class="bi bi-house"></i></h2>
</a>
</div>
<div>
<div hx-get="/rpc/block_list/index" hx-trigger="load, every 10s"></div>
<div class="card rounded-0 sticky-bottom">
<div class="mt-2 d-flex justify-content-center">
<div class="me-5">
<a class="text-decoration-none disabled" href="">
<h2><i class="bi bi-arrow-left-square"></i></h2>
</a>
</div>
<div class="me-5">
<a class="text-decoration-none" href="/block_list">
<h2><i class="bi bi-house"></i></h2>
</a>
</div>
<div>
<div hx-get="/rpc/block_list/index" hx-trigger="load, every 10s"></div>
</div>
</div>
</div>