diff options
Diffstat (limited to 'templates/domains/htmx/newdomain.htmx.django')
| -rw-r--r-- | templates/domains/htmx/newdomain.htmx.django | 28 |
1 files changed, 18 insertions, 10 deletions
diff --git a/templates/domains/htmx/newdomain.htmx.django b/templates/domains/htmx/newdomain.htmx.django index 5f188c1..9f0f20a 100644 --- a/templates/domains/htmx/newdomain.htmx.django +++ b/templates/domains/htmx/newdomain.htmx.django @@ -1,11 +1,12 @@ -<h1 id="page-title" class="text-sm font-medium text-zinc-100" hx-swap-oob="true">{{ PageTitle }}</h1> +{% url "domains.index" as help_path %} +<h1 id="page-title" class="text-sm font-medium text-zinc-100 flex items-center gap-2" hx-swap-oob="true">{{ PageTitle }}<a href="{{ help_path }}" hx-get="{{ help_path }}" hx-target="#content" hx-swap="innerHTML" hx-push-url="true" class="text-zinc-600 hover:text-zinc-400 transition-colors duration-150"><svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" /></svg></a></h1> <div class="slide-up flex items-start justify-center pt-12"> <div class="glass rounded-xl glow-border w-full max-w-lg"> <div class="px-5 py-4 border-b border-white/[0.04]"> <h2 class="text-sm font-medium text-zinc-200">Register Domain</h2> </div> <div class="p-5"> - {% url "domains.create" as create_path %} + {% url "domains.manage.create" as create_path %} <form method="POST" action="{{ create_path }}" class="space-y-4"> <div> <label class="block text-xs font-medium text-zinc-400 mb-1.5 ml-1">Domain Name</label> @@ -13,27 +14,34 @@ </div> <div> <label class="block text-xs font-medium text-zinc-400 mb-1.5 ml-1">TLD</label> - <div data-dropdown> + <div class="dropdown" data-dropdown> <input type="hidden" name="tld_name" data-dropdown-value> <button type="button" data-dropdown-trigger class="input-field text-left flex items-center justify-between"> - <span data-dropdown-label class="text-zinc-500">Select a TLD</span> - <svg class="w-4 h-4 text-zinc-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"> + <span class="truncate" data-dropdown-label>Select a TLD</span> + <svg class="w-4 h-4 text-zinc-500 shrink-0 ml-2 transition-transform duration-150" data-dropdown-chevron fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" /> </svg> </button> - <div data-dropdown-menu class="dropdown-menu"> - <input type="text" data-dropdown-search class="dropdown-search" placeholder="Search TLDs..."> - <div data-dropdown-options class="dropdown-options"> + <div class="dropdown-menu" data-dropdown-menu> + <div class="p-2 border-b border-white/[0.04]"> + <input type="text" placeholder="Search TLDs..." class="dropdown-search" data-dropdown-search> + </div> + <div class="dropdown-options" data-dropdown-options> {% for tld in tlds %} - <div data-dropdown-option data-value="{{ tld.Name }}" class="dropdown-option">.{{ tld.Name }}</div> + <button type="button" class="dropdown-option" data-dropdown-option data-value="{{ tld.Name }}" data-label=".{{ tld.Name }}"> + <p class="text-sm text-zinc-200">.{{ tld.Name }}</p> + </button> {% endfor %} </div> + <div class="dropdown-empty hidden" data-dropdown-empty> + <p class="text-xs text-zinc-500 text-center py-3">No TLDs found</p> + </div> </div> </div> </div> <div class="flex items-center gap-3 pt-2"> <button type="submit" class="btn-primary">Register Domain</button> - {% url "domains.index" as domains_path %} + {% url "domains.manage" as domains_path %} <a href="{{ domains_path }}" hx-get="{{ domains_path }}" hx-target="#content" hx-swap="innerHTML" hx-push-url="true" class="text-xs text-zinc-500 hover:text-zinc-300 transition-colors duration-150">Cancel</a> </div> </form> |