mirror of
https://github.com/ditatompel/xmr-remote-nodes.git
synced 2024-11-17 09:27:37 +00:00
78 lines
3.3 KiB
Text
78 lines
3.3 KiB
Text
package views
|
|
|
|
templ AddNode() {
|
|
<!-- Hero -->
|
|
<section class="relative overflow-hidden pt-6">
|
|
@heroGradient()
|
|
<div class="relative z-10">
|
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-10 lg:py-16">
|
|
<div class="text-center">
|
|
<!-- Title -->
|
|
<div class="mt-5">
|
|
<h1 class="block font-extrabold text-4xl md:text-5xl lg:text-6xl text-neutral-200">Add Monero Node</h1>
|
|
</div>
|
|
<!-- End Title -->
|
|
<div class="mt-5">
|
|
<p class="text-lg text-neutral-300">You can use this page to add known remote node to the system so my bots can monitor it.</p>
|
|
</div>
|
|
</div>
|
|
<hr class="my-6 border-orange-400 mx-auto max-w-3xl"/>
|
|
<div class="max-w-4xl mx-auto px-4">
|
|
<div class="p-4 bg-blue-800/10 border border-blue-900 text-sm text-white rounded-lg" role="alert" tabindex="-1" aria-labelledby="add-node-notice">
|
|
<div class="flex">
|
|
<div class="ms-4">
|
|
<h2 id="add-node-notice" class="text-xl font-bold text-center">Important Note</h2>
|
|
<div class="mt-2 text-sm">
|
|
<ul class="list-disc space-y-1 ps-5">
|
|
<li>As an administrator of this instance, I have full rights to delete, and blacklist any submitted node with or without providing any reason.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-6">
|
|
<p class="mt-1 text-center">
|
|
Enter your Monero node information below (IPv6 host check is experimental):
|
|
</p>
|
|
<div class="mt-12">
|
|
<form method="put" hx-swap="transition:true" hx-target="#form-result" hx-disabled-elt=".form" hx-on::after-request="this.reset()">
|
|
<div class="grid grid-cols-1 sm:grid-cols-4 gap-6">
|
|
<div>
|
|
<label for="protocol" class="block text-neutral-200">Protocol *</label>
|
|
<select
|
|
id="protocol"
|
|
name="protocol"
|
|
class="frameless form"
|
|
autocomplete="off"
|
|
>
|
|
<option value="http">HTTP</option>
|
|
<option value="https">HTTPS</option>
|
|
</select>
|
|
</div>
|
|
<div class="md:col-span-2">
|
|
<label for="hostname" class="block text-neutral-200">Host / IP *</label>
|
|
<input type="text" name="hostname" id="hostname" class="frameless form" autocomplete="off" placeholder="Eg: node.example.com or 172.16.17.18" required/>
|
|
</div>
|
|
<div>
|
|
<label for="port" class="block text-neutral-200">Port *</label>
|
|
<input type="text" name="port" id="port" class="frameless form" autocomplete="off" placeholder="Eg: 18081" required/>
|
|
</div>
|
|
</div>
|
|
<div class="mt-6 grid">
|
|
<button type="submit" class="form w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-bold rounded-lg border border-transparent bg-orange-600 text-white hover:bg-orange-500 focus:outline-none disabled:opacity-60 disabled:pointer-events-none">Submit</button>
|
|
</div>
|
|
</form>
|
|
<div id="form-result" class="max-w-4xl mx-auto my-6"></div>
|
|
<div class="mt-3 text-center">
|
|
<p class="text-sm text-gray-500 dark:text-neutral-500">
|
|
Existing remote nodes can be found in <a href="/remote-nodes" class="link">/remote-nodes</a> page.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Hero -->
|
|
}
|