swanadiva
56eaf57649
- Fix modal scroll: restructure overlay with scroll/centering wrapper - Add SSH key textarea + file upload to host modal (authType='key') - Fix textarea reset on new host (clear via DOM) - SSH username placeholder instead of default 'root' - Nav uses plain <a href> instead of HTMX for full-page navigation - /hosts route returns full page; /hosts/list for HTMX partials - Remove OS and Provider from host modal, grid card, and list card - Fix key modal x-data scope for Alpine $dispatch - Update key_grid to display multi-line key content properly - Simplify SSH key placeholder format
38 lines
1.8 KiB
HTML
38 lines
1.8 KiB
HTML
{{define "nav"}}
|
|
<nav class="w-[260px] min-h-screen bg-white/70 backdrop-blur-md border-r border-outline-variant/30 flex flex-col shrink-0"
|
|
x-data="{ page: '{{.View}}' }">
|
|
<div class="p-3 border-b border-outline-variant/20">
|
|
<div class="flex items-center gap-2">
|
|
<div class="w-8 h-8 rounded-lg bg-primary flex items-center justify-center text-white text-sm font-bold">K</div>
|
|
<span class="font-bold text-lg text-on-surface">Hostkeeper</span>
|
|
</div>
|
|
</div>
|
|
<div class="flex-1 px-3 py-4 space-y-0.5">
|
|
{{range .NavItems}}
|
|
<a href="/{{.ID}}"
|
|
:class="page === '{{.ID}}' ? 'bg-primary/10 text-primary font-medium' : 'text-on-surface-variant hover:bg-surface-container-low hover:text-on-surface'"
|
|
class="flex items-center gap-3 px-3 py-2 rounded-lg transition-colors text-sm">
|
|
<span class="w-5 h-5 flex items-center justify-center">{{svg .Icon}}</span>
|
|
<span>{{.Label}}</span>
|
|
</a>
|
|
{{end}}
|
|
</div>
|
|
<div class="px-3 py-3 border-t border-outline-variant/20">
|
|
<p class="text-xs font-medium text-on-surface-variant uppercase tracking-wide mb-2 px-3">Transfers</p>
|
|
<div class="px-3 py-2 rounded-lg bg-surface-container-low/50 text-xs text-on-surface-variant flex items-center gap-2">
|
|
<span class="w-1.5 h-1.5 rounded-full bg-on-surface-variant/30"></span>
|
|
No active transfers
|
|
</div>
|
|
</div>
|
|
<div class="p-4 border-t border-outline-variant/20">
|
|
<div class="flex items-center gap-3">
|
|
<div class="w-8 h-8 rounded-full bg-tertiary/20 flex items-center justify-center text-tertiary text-sm font-semibold">U</div>
|
|
<div class="flex-1 min-w-0">
|
|
<p class="text-sm font-medium text-on-surface truncate">User</p>
|
|
<p class="text-xs text-on-surface-variant truncate">Local</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{{end}}
|