82 lines
3.3 KiB
HTML
82 lines
3.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Anchor {{ anchor.merkle_root[:16] }}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="max-w-3xl mx-auto">
|
|
<div class="mb-6">
|
|
<a href="/anchors" class="inline-flex items-center text-blue-400 hover:text-blue-300">
|
|
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
|
|
</svg>
|
|
Back to Anchors
|
|
</a>
|
|
</div>
|
|
|
|
<div class="bg-gray-800 rounded-lg p-6">
|
|
<div class="flex items-center justify-between mb-6">
|
|
<h1 class="text-2xl font-bold text-white">Bitcoin Anchor</h1>
|
|
<span class="px-3 py-1 text-sm rounded-full
|
|
{% if anchor.confirmed_at %}bg-green-600{% else %}bg-yellow-600{% endif %}">
|
|
{% if anchor.confirmed_at %}Confirmed{% else %}Pending{% endif %}
|
|
</span>
|
|
</div>
|
|
|
|
<div class="space-y-4">
|
|
<div>
|
|
<p class="text-sm text-gray-400 mb-1">Merkle Root</p>
|
|
<p class="font-mono text-sm text-gray-200 break-all">{{ anchor.merkle_root }}</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-2 gap-4">
|
|
<div>
|
|
<p class="text-sm text-gray-400 mb-1">Activity Count</p>
|
|
<p class="text-xl font-semibold text-white">{{ anchor.activity_count }}</p>
|
|
</div>
|
|
<div>
|
|
<p class="text-sm text-gray-400 mb-1">Created</p>
|
|
<p class="text-gray-200">{{ anchor.created_at }}</p>
|
|
</div>
|
|
</div>
|
|
|
|
{% if anchor.bitcoin_txid %}
|
|
<div>
|
|
<p class="text-sm text-gray-400 mb-1">Bitcoin Transaction</p>
|
|
<a href="https://mempool.space/tx/{{ anchor.bitcoin_txid }}" target="_blank" rel="noopener"
|
|
class="font-mono text-sm text-blue-400 hover:text-blue-300 break-all">
|
|
{{ anchor.bitcoin_txid }}
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if anchor.confirmed_at %}
|
|
<div>
|
|
<p class="text-sm text-gray-400 mb-1">Confirmed At</p>
|
|
<p class="text-gray-200">{{ anchor.confirmed_at }}</p>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if anchor.tree_ipfs_cid %}
|
|
<div>
|
|
<p class="text-sm text-gray-400 mb-1">Merkle Tree IPFS CID</p>
|
|
<a href="https://ipfs.io/ipfs/{{ anchor.tree_ipfs_cid }}" target="_blank" rel="noopener"
|
|
class="font-mono text-sm text-blue-400 hover:text-blue-300 break-all">
|
|
{{ anchor.tree_ipfs_cid }}
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if anchor.ots_proof_cid %}
|
|
<div>
|
|
<p class="text-sm text-gray-400 mb-1">OpenTimestamps Proof CID</p>
|
|
<a href="https://ipfs.io/ipfs/{{ anchor.ots_proof_cid }}" target="_blank" rel="noopener"
|
|
class="font-mono text-sm text-blue-400 hover:text-blue-300 break-all">
|
|
{{ anchor.ots_proof_cid }}
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|