FireSales/templates/view.html
Nathan Woodburn 8e4b7ab38f
All checks were successful
Build Docker / BuildImage (push) Successful in 41s
feat: Initial version without atomic swap
2025-01-30 17:47:12 +11:00

85 lines
5.2 KiB
HTML

<!DOCTYPE html>
<html data-bs-theme="dark" lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>FireSales</title>
<meta name="twitter:description" content="Self Custodial Domain listings">
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website">
<meta name="twitter:image" content="/assets/img/favicon.png">
<meta name="twitter:title" content="FireSales">
<meta name="description" content="Self Custodial Domain listings">
<meta property="og:image" content="/assets/img/favicon.png">
<link rel="icon" type="image/png" sizes="900x768" href="/assets/img/favicon.png">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&amp;display=swap">
<link rel="stylesheet" href="/assets/css/Navbar-Right-Links-Dark-icons.css">
</head>
<body>
<nav class="navbar navbar-expand-md bg-dark py-3" data-bs-theme="dark">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="/"><img src="/assets/img/favicon.png" width="64px"><span style="margin: 10px;">FireSales</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-5"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-5">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="/">Home</a></li>
<li class="nav-item"><a class="nav-link" href="/list">List</a></li>
<li class="nav-item"><a class="nav-link" href="/docs">Docs</a></li>
<li class="nav-item"><a class="nav-link" href="/plugin">FireWallet Plugin</a></li>
</ul>
</div>
</div>
</nav>
<section class="py-4 py-xl-5">
<div class="container h-100">
<div class="row h-100">
<div class="col-md-10 col-xl-8 text-center d-flex d-sm-flex d-md-flex justify-content-center align-items-center mx-auto justify-content-md-start align-items-md-center justify-content-xl-center">
<div>
<h2 class="text-uppercase fw-bold mb-3">FireSales</h2>
<p class="mb-4">Self custodial domain sales</p>
</div>
</div>
</div>
</div>
<h1 class="text-center">{{message}}</h1>
</section>
<section class="d-xl-flex justify-content-xl-center" style="margin: 10px;">
<div class="card" style="width: fit-content;padding-right: 2em;padding-left: 2em;margin: 10px;">
<div class="card-body">
<h4 class="card-title">{{listing['domain']}}/</h4>
<h6 class="text-muted card-subtitle mb-2">{{listing['price']}} HNS</h6>
<p class="card-text">{{listing['description']}}</p>
<p class="card-text">Signature:&nbsp;<code>{{listing['signature']}}</code></p>
<div class="card mb-5">
<div class="card-body p-sm-5">
<h2 class="text-center mb-4">Send Offer</h2>
<form method="post">
<div class="mb-3"><input class="form-control" type="text" id="name-2" name="address" placeholder="Receiving HNS address"><label class="form-label">Where you would like the domain sent to</label></div>
<div class="mb-3"><input class="form-control" type="text" id="name-1" name="price" placeholder="HNS Price of offer"></div>
<div class="mb-3"><textarea class="form-control" id="message-2" name="message" rows="6" placeholder="Message"></textarea></div>
<div><button class="btn btn-primary d-block w-100" type="submit">Send </button></div>
</form>
</div>
</div>
</div>
</div>
<div class="card" style="width: fit-content;padding-right: 2em;padding-left: 2em;margin: 10px;">
<div class="card-body">{% for offer in listing['offers'] %}
<div class="card" style="margin: 10px;">
<div class="card-body">
<h4 class="card-title">{{offer['address']}} - {{offer['status']}}</h4>
<h6 class="text-muted card-subtitle mb-2">Price: {{offer['price']}}</h6>
<h6 class="text-muted card-subtitle mb-2">Submitted: {{offer['date']}}</h6>
<p class="card-text">{{offer['message']}}</p>
<p class="card-text">{% if offer['response'] %}Owner Response: {{offer['response']}}{% endif %}{% if offer['tx'] %}<br>TX: {{offer['tx']}}{% endif %}</p>
</div>
</div>{% endfor %}
</div>
</div>
</section>
<section class="d-xl-flex justify-content-xl-center" style="margin: 10px;"></section>
<script src="/assets/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>