darkfi/bin/explorer/site/templates/transaction.html

<!--
 This file is part of DarkFi (https://dark.fi)

 Copyright (C) 2020-2026 Dyne.org foundation

 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU Affero General Public License as
 published by the Free Software Foundation, either version 3 of the
 License, or (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU Affero General Public License for more details.

 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.
-->

{% extends "base.html" %}
{% block title %}Transaction {{ transaction[0] }}{% endblock %}

{% block content %}
<div class="content-container">

    <!-- Page Content Header -->
    <div class="content-header" style="padding-bottom: 8px">
        <h1 class="content-section-header">Transaction Details</h1>
        <div class="">{{ transaction[0] }}</div>
    </div>

    <!-- Transaction Details -->
    <ul>
        <li><strong>Timestamp:</strong> {{ transaction[3] }}</li>
        <li><strong>Block:</strong> <a href="../block/{{ transaction[1] }}">{{ transaction[1] }}</a></li>
        <li><strong>Payload:</strong> {{ transaction[2] }}</li>
    </ul>

    <!-- Page Content Divider -->
    <hr class="content-divider"/>

    <!-- Transaction Gas Consumption -->
    <div class="content-section" style="padding-top: 12px;">
        <h2 class="content-section-header">Gas Consumption</h2>
        <ul>
            <li><strong>Total:</strong> {{ transaction[4] }}</li>
            <li><strong>WASM:</strong> {{ transaction[5] }}</li>
            <li><strong>ZK Circuits:</strong> {{ transaction[6] }}</li>
            <li><strong>Signatures:</strong> {{ transaction[7] }}</li>
            <li><strong>Deployments:</strong> {{ transaction[8] }}</li>
        </ul>
    </div>
</div>
{% endblock %}