admin
57cacd9233
- Migrate all 7 HTML templates + CSS from Go string constants to individual go:embed files in internal/web/templates/ (templates.go: 2150→35 lines) - Split server.go into auth.go, handlers.go, funcmap.go (server.go: 540→120 lines) - Rename controller subdomain from dashboard.* to felhom.* in Traefik labels - Update documentation (CLAUDE.md, README.md, CONTEXT.md) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
102 lines
4.5 KiB
HTML
102 lines
4.5 KiB
HTML
{{define "dashboard"}}
|
|
{{template "layout_start" .}}
|
|
|
|
<div class="page-header">
|
|
<h2>Vezérlőpult</h2>
|
|
<span class="domain-badge">{{.Domain}}</span>
|
|
</div>
|
|
|
|
<div class="stats-grid">
|
|
<div class="stat-card stat-running">
|
|
<div class="stat-value">{{.RunningCount}}</div>
|
|
<div class="stat-label">Futó alkalmazás</div>
|
|
</div>
|
|
<div class="stat-card stat-stopped">
|
|
<div class="stat-value">{{.StoppedCount}}</div>
|
|
<div class="stat-label">Leállítva</div>
|
|
</div>
|
|
<div class="stat-card stat-total">
|
|
<div class="stat-value">{{.TotalCount}}</div>
|
|
<div class="stat-label">Összes alkalmazás</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{if .SystemInfo.TotalMemMB}}
|
|
<div class="system-info-card">
|
|
<div class="system-info-items">
|
|
<div class="system-info-item">
|
|
<div class="system-info-header">
|
|
<span class="system-info-label">Memória</span>
|
|
<span class="system-info-value">{{fmtMB .SystemInfo.UsedMemMB}} / {{fmtMB .SystemInfo.TotalMemMB}} ({{printf "%.0f" .SystemInfo.MemPercent}}%)</span>
|
|
</div>
|
|
<div class="system-bar">
|
|
<div class="system-bar-fill system-bar-{{usageColor .SystemInfo.MemPercent}}" style="width:{{printf "%.0f" .SystemInfo.MemPercent}}%"></div>
|
|
</div>
|
|
</div>
|
|
<div class="system-info-item">
|
|
<div class="system-info-header">
|
|
<span class="system-info-label">SSD tárhely</span>
|
|
<span class="system-info-value">{{fmtGB .SystemInfo.DiskUsedGB}} / {{fmtGB .SystemInfo.DiskTotalGB}} ({{printf "%.0f" .SystemInfo.DiskPercent}}%)</span>
|
|
</div>
|
|
<div class="system-bar">
|
|
<div class="system-bar-fill system-bar-{{usageColor .SystemInfo.DiskPercent}}" style="width:{{printf "%.0f" .SystemInfo.DiskPercent}}%"></div>
|
|
</div>
|
|
</div>
|
|
{{if .SystemInfo.HDDConfigured}}
|
|
<div class="system-info-item">
|
|
<div class="system-info-header">
|
|
<span class="system-info-label">Külső HDD</span>
|
|
<span class="system-info-value">{{fmtGB .SystemInfo.HDDUsedGB}} / {{fmtGB .SystemInfo.HDDTotalGB}} ({{printf "%.0f" .SystemInfo.HDDPercent}}%)</span>
|
|
</div>
|
|
<div class="system-bar">
|
|
<div class="system-bar-fill system-bar-{{usageColor .SystemInfo.HDDPercent}}" style="width:{{printf "%.0f" .SystemInfo.HDDPercent}}%"></div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
|
|
<h3>Alkalmazások állapota</h3>
|
|
|
|
<div class="stack-list">
|
|
{{range .Stacks}}
|
|
<div class="stack-card stack-state-{{stateColor .State}}"{{if not .Protected}} data-href="/apps/{{.Meta.Slug}}"{{end}}>
|
|
<div class="stack-info">
|
|
<img class="stack-logo" src="{{logoURL .Meta.Slug}}"
|
|
alt="{{.Meta.DisplayName}}" onerror="this.onerror=function(){this.style.display='none'};this.src='{{logoPNGURL .Meta.Slug}}'">
|
|
<div>
|
|
<strong class="stack-name">{{.Meta.DisplayName}}</strong>
|
|
{{if .Meta.Description}}<span class="stack-desc">{{.Meta.Description}}</span>{{end}}
|
|
</div>
|
|
</div>
|
|
<div class="stack-actions">
|
|
<span class="stack-state-label">{{stateLabel .State}}</span>
|
|
{{if .Orphaned}}<span class="badge badge-orphaned">Elavult</span>{{end}}
|
|
|
|
{{if .Protected}}
|
|
<span class="badge badge-protected">Védett</span>
|
|
{{else if not .Deployed}}
|
|
<a href="/stacks/{{.Name}}/deploy" class="btn btn-sm btn-primary" onclick="return checkBeforeDeploy(event, '{{.Name}}')">Telepítés</a>
|
|
{{else}}
|
|
{{if isOperational .State}}
|
|
<button class="btn btn-sm btn-warning" onclick="stackAction('{{.Name}}', 'restart')">↻</button>
|
|
<button class="btn btn-sm btn-danger" onclick="stackAction('{{.Name}}', 'stop')">■</button>
|
|
{{else}}
|
|
<button class="btn btn-sm btn-success" onclick="stackAction('{{.Name}}', 'start')">▶</button>
|
|
{{end}}
|
|
<a href="/stacks/{{.Name}}/logs" class="btn btn-sm btn-outline">Napló</a>
|
|
{{if .Orphaned}}<button class="btn btn-sm btn-danger" onclick="deleteOrphanStack('{{.Name}}')">Törlés</button>{{end}}
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="empty-state">
|
|
<p>Nincs elérhető alkalmazás.</p>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
|
|
{{template "layout_end" .}}
|
|
{{end}}
|