name.html (4745B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <!-- Required meta tags --> 5 <meta charset="utf-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <link href="/css/bootstrap.min.css" rel="stylesheet"> 8 <link href="/css/style.css" rel="stylesheet"> 9 <link href="/fontawesome/css/fontawesome.css" rel="stylesheet" /> 10 <link href="/fontawesome/css/solid.css" rel="stylesheet" /> 11 <title>Name Overview</title> 12 </head> 13 <body> 14 {{ template "nav.html" . }} 15 {{if .registrationSuccess}} 16 <div class="container pt-5"> 17 <div class="alert alert-success" role="alert"> 18 <h4 class="alert-heading">Registration successful!</h4> 19 <hr> 20 <p class="mb-0">Your zone will be published shortly.</p> 21 </div> 22 </div> 23 {{end}} 24 {{if .error}} 25 <div class="container pt-5"> 26 <div class="alert alert-danger" role="alert"> 27 <h4 class="alert-heading">Oh no!</h4> 28 <hr> 29 <p class="mb-0">{{.error}}.</p> 30 </div> 31 </div> 32 {{end}} 33 <div class="container pt-5"> 34 {{if .available}} 35 <h1 class="mb-5"><i class="text-primary">{{.label}}</i> is <span class="text-success">available</span> for registration.</h1> 36 <div class="row"> 37 <div class="col-2"> 38 <ul class="timeline"> 39 <li class="inprogress">Lookup</li> 40 <li>Checkout</li> 41 <li>Manage</li> 42 </ul> 43 </div> 44 <div class="col-10"> 45 <div class="card"> 46 <div class="card-body"> 47 <h4 class="card-title">Register</h4> 48 <hr> 49 <p class="card-text">Register your zone key</p> 50 <form action="/name/{{.label}}/buy" method="get" class="align-items-center"> 51 <div class="row"> 52 <div class="col-md-12"> 53 <div class="form-floating mb-3"> 54 <input name="zkey" value="{{.zkey}}" id="zkeyInput" class="form-control" maxlength="63" type="text" placeholder="Enter your zone key here!" required autofocus> 55 <label for="zkeyInput">Enter your zone key here</label> 56 </div> 57 <input class="btn btn-primary" type="submit" value="Register for a duration of {{.registrationDaysCount}} days for {{.cost}}"> 58 </div> 59 </div> 60 </form> 61 </div> 62 </div> 63 </div> 64 </div> 65 <div class="container pt-5"> 66 <div class="alert alert-primary" role="alert"> 67 <h4 class="alert-heading">How do I get a zone key?</h4> 68 <hr> 69 <p class="mb-0"> 70 Please refer to the <a class="link-dark" href="https://docs.gnunet.org/latest/users/gns.html#local" target="_blank">GNUnet GNS documentation</a> on how to find your zone key or create a zone key if you don't already have one. 71 <br> 72 Simply copy the (public!) zone key into the input box above. 73 </p> 74 <h4 class="alert-heading mt-4">How do I pay?</h4> 75 <hr> 76 <p class="mb-0"> 77 You must have a Taler wallet installed and at least {{.cost}} in the wallet. You can get the wallet and some coins suitable for payment at this registrar <a class="link-dark" href="https://demo.taler.net" target="_blank">at the Taler Demo</a>. 78 </p> 79 </div> 80 </div> 81 {{else}} 82 {{if eq .remainingDays 0}} 83 <h1 class="mb-5"><i class="text-primary">{{.label}}</i> is <span class="text-body-secondary">reserved</span>!</h1> 84 {{else}} 85 <h1 class="mb-5"><i class="text-primary">{{.label}}</i> is <span class="text-danger">taken</span>!</h1> 86 {{end}} 87 <div class="row mb-2"> 88 <div class="card"> 89 <div class="card-body"> 90 <h4 class="card-title">Zone registered</h4> 91 <hr> 92 <p class="card-text">Registered zone information</p> 93 <div class="form-floating mb-3"> 94 <input name="zkey" id="zkeyInput" class="form-control" maxlength="63" type="text" value="{{.currentValue}}" readonly required autofocus> 95 <label for="zkeyInput">Zone key</label> 96 </div> 97 {{if ne .remainingDays 0}} 98 <div class="form-floating mb-3"> 99 <input name="reg" id="regInput" class="form-control" type="text" value="{{.registeredUntil}}" readonly required autofocus> 100 <label for="regInput">Registration expires in {{.remainingDays}} days:</label> 101 </div> 102 {{end}} 103 </div> 104 </div> 105 </div> 106 {{end}} 107 <a class="btn btn-secondary" href="/">Back</a> 108 </div> 109 {{ template "footer.html" . }} 110 </body> 111 </html>