MrDiderot/Photography
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix admin dashboard panel visibility
All checks were successful
Build & Push Docker Image to Gitea Registry / build-and-push (push) Successful in 19s
Details

Browse Source
This commit is contained in:
Kroonk
2026-05-20 19:18:18 +02:00
parent 3ad76e841d
commit d9334dae00
1 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
admin.html
View File

@@ -29,7 +29,7 @@
.view-head p { margin: .25em 0 0; color: rgba(255,255,255,.54); font-size: .92em; } .view-head p { margin: .25em 0 0; color: rgba(255,255,255,.54); font-size: .92em; }
.view-actions { display: flex; gap: .5em; flex-wrap: wrap; justify-content: flex-end; } .view-actions { display: flex; gap: .5em; flex-wrap: wrap; justify-content: flex-end; }
.admin-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: .85em; align-items: start; } .admin-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: .85em; align-items: start; }
.panel { background: rgba(22,25,29,.94); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 1em; min-width: 0; box-shadow: 0 12px 30px rgba(0,0,0,.18); } .admin-panel { background: rgba(22,25,29,.94); border: 1px solid rgba(255,255,255,.08); border-radius: 8px; padding: 1em; min-width: 0; box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.span-3 { grid-column: span 3; } .span-3 { grid-column: span 3; }
.span-4 { grid-column: span 4; } .span-4 { grid-column: span 4; }
.span-5 { grid-column: span 5; } .span-5 { grid-column: span 5; }
@@ -37,8 +37,8 @@
.span-7 { grid-column: span 7; } .span-7 { grid-column: span 7; }
.span-8 { grid-column: span 8; } .span-8 { grid-column: span 8; }
.span-12 { grid-column: 1 / -1; } .span-12 { grid-column: 1 / -1; }
.panel h3 { margin: 0 0 .75em; color: #fff; font-size: .92em; letter-spacing: .08em; text-transform: uppercase; } .admin-panel h3 { margin: 0 0 .75em; color: #fff; font-size: .92em; letter-spacing: .08em; text-transform: uppercase; }
.panel p { margin: 0 0 .75em; color: rgba(255,255,255,.58); font-size: .9em; } .admin-panel p { margin: 0 0 .75em; color: rgba(255,255,255,.58); font-size: .9em; }
.stat-card { min-height: 106px; display: flex; flex-direction: column; justify-content: space-between; } .stat-card { min-height: 106px; display: flex; flex-direction: column; justify-content: space-between; }
.stat-label { color: rgba(255,255,255,.52); font-size: .74em; letter-spacing: .09em; text-transform: uppercase; } .stat-label { color: rgba(255,255,255,.52); font-size: .74em; letter-spacing: .09em; text-transform: uppercase; }
.stat-value { color: #fff; font-size: 2.05em; line-height: 1; margin-top: .25em; } .stat-value { color: #fff; font-size: 2.05em; line-height: 1; margin-top: .25em; }
@@ -46,7 +46,7 @@
.compact-form { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: .65em; align-items: end; } .compact-form { display: grid; grid-template-columns: repeat(4, minmax(130px, 1fr)); gap: .65em; align-items: end; }
.compact-form .field-inline { min-width: 0; } .compact-form .field-inline { min-width: 0; }
.compact-form label { display:block; margin: 0 0 .25em; font-size:.72em; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.55); } .compact-form label { display:block; margin: 0 0 .25em; font-size:.72em; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.55); }
.compact-form input, .compact-form select, .panel select { height: 2.45em; } .compact-form input, .compact-form select, .admin-panel select { height: 2.45em; }
table { width: 100%; border-collapse: collapse; font-size: .9em; } table { width: 100%; border-collapse: collapse; font-size: .9em; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.09); vertical-align: middle; } th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(255,255,255,.09); vertical-align: middle; }
th { color: rgba(255,255,255,.58); font-size: .72em; text-transform: uppercase; letter-spacing: .08em; font-weight: 400; } th { color: rgba(255,255,255,.58); font-size: .72em; text-transform: uppercase; letter-spacing: .08em; font-weight: 400; }
@@ -134,15 +134,15 @@
</div> </div>
</div> </div>
<div class="admin-grid"> <div class="admin-grid">
<div class="panel stat-card span-3"><div><div class="stat-label">Nutzer</div><div class="stat-value" id="stat-users">0</div></div><div class="stat-sub" id="stat-users-sub">0 Admins</div></div> <div class="admin-panel stat-card span-3"><div><div class="stat-label">Nutzer</div><div class="stat-value" id="stat-users">0</div></div><div class="stat-sub" id="stat-users-sub">0 Admins</div></div>
<div class="panel stat-card span-3"><div><div class="stat-label">Private Ordner</div><div class="stat-value" id="stat-folders">0</div></div><div class="stat-sub" id="stat-folders-sub">0 Bilder</div></div> <div class="admin-panel stat-card span-3"><div><div class="stat-label">Private Ordner</div><div class="stat-value" id="stat-folders">0</div></div><div class="stat-sub" id="stat-folders-sub">0 Bilder</div></div>
<div class="panel stat-card span-3"><div><div class="stat-label">Freigaben</div><div class="stat-value" id="stat-access">0</div></div><div class="stat-sub" id="stat-access-sub">0 ohne Zugriff</div></div> <div class="admin-panel stat-card span-3"><div><div class="stat-label">Freigaben</div><div class="stat-value" id="stat-access">0</div></div><div class="stat-sub" id="stat-access-sub">0 ohne Zugriff</div></div>
<div class="panel stat-card span-3"><div><div class="stat-label">Clients</div><div class="stat-value" id="stat-clients">0</div></div><div class="stat-sub" id="stat-clients-sub">0 abgelaufen</div></div> <div class="admin-panel stat-card span-3"><div><div class="stat-label">Clients</div><div class="stat-value" id="stat-clients">0</div></div><div class="stat-sub" id="stat-clients-sub">0 abgelaufen</div></div>
<div class="panel span-6"> <div class="admin-panel span-6">
<h3>Aufmerksamkeit</h3> <h3>Aufmerksamkeit</h3>
<div id="attention-list" class="signal-list"></div> <div id="attention-list" class="signal-list"></div>
</div> </div>
<div class="panel span-6"> <div class="admin-panel span-6">
<h3>Rollenverteilung</h3> <h3>Rollenverteilung</h3>
<div id="role-list" class="signal-list"></div> <div id="role-list" class="signal-list"></div>
</div> </div>
@@ -157,7 +157,7 @@
</div> </div>
</div> </div>
<div class="admin-grid"> <div class="admin-grid">
<div class="panel span-12"> <div class="admin-panel span-12">
<h3>Nutzer erstellen</h3> <h3>Nutzer erstellen</h3>
<form id="create-user-form" class="compact-form"> <form id="create-user-form" class="compact-form">
<div class="field-inline"> <div class="field-inline">
@@ -179,7 +179,7 @@
<div><button type="submit">Erstellen</button></div> <div><button type="submit">Erstellen</button></div>
</form> </form>
</div> </div>
<div class="panel span-12"> <div class="admin-panel span-12">
<h3>Bestand</h3> <h3>Bestand</h3>
<div class="table-wrap"> <div class="table-wrap">
<table> <table>
@@ -198,7 +198,7 @@
<p>Unterordner im Bilderpfad sind privat und werden nur explizit freigegeben.</p> <p>Unterordner im Bilderpfad sind privat und werden nur explizit freigegeben.</p>
</div> </div>
</div> </div>
<div class="panel"> <div class="admin-panel">
<div id="folders-overview" class="folder-grid"></div> <div id="folders-overview" class="folder-grid"></div>
</div> </div>
</section> </section>
@@ -211,12 +211,12 @@
</div> </div>
</div> </div>
<div class="admin-grid"> <div class="admin-grid">
<div class="panel span-4"> <div class="admin-panel span-4">
<h3>Nutzer</h3> <h3>Nutzer</h3>
<select id="user-select"><option value="">Nutzer waehlen...</option></select> <select id="user-select"><option value="">Nutzer waehlen...</option></select>
<div id="selected-user-summary" class="signal-list" style="margin-top:.75em;"></div> <div id="selected-user-summary" class="signal-list" style="margin-top:.75em;"></div>
</div> </div>
<div class="panel span-8"> <div class="admin-panel span-8">
<h3>Ordnerzugriff</h3> <h3>Ordnerzugriff</h3>
<div id="folder-table-wrap" style="display:none;"> <div id="folder-table-wrap" style="display:none;">
<div id="folder-access-list" class="access-list"></div> <div id="folder-access-list" class="access-list"></div>
@@ -234,7 +234,7 @@
<p id="folder-preview-note">Waehle einen Ordner aus der Ordneruebersicht.</p> <p id="folder-preview-note">Waehle einen Ordner aus der Ordneruebersicht.</p>
</div> </div>
</div> </div>
<div class="panel"> <div class="admin-panel">
<div id="folder-preview" class="preview-grid"></div> <div id="folder-preview" class="preview-grid"></div>
</div> </div>
</section> </section>
@@ -246,7 +246,7 @@
<p>Passwort fuer den aktuellen Admin-Zugang.</p> <p>Passwort fuer den aktuellen Admin-Zugang.</p>
</div> </div>
</div> </div>
<div class="panel"> <div class="admin-panel">
<form id="admin-pw-form" class="compact-form"> <form id="admin-pw-form" class="compact-form">
<div class="field-inline"> <div class="field-inline">
<label>Altes Passwort</label> <label>Altes Passwort</label>
@@ -269,7 +269,7 @@
</div> </div>
</div> </div>
<div class="admin-grid"> <div class="admin-grid">
<div class="panel span-6"> <div class="admin-panel span-6">
<h3>Deployment</h3> <h3>Deployment</h3>
<div class="signal-list"> <div class="signal-list">
<div class="signal-item"><strong>Registry</strong><span>git.mischlabs.de/mrdiderot/photography:latest</span></div> <div class="signal-item"><strong>Registry</strong><span>git.mischlabs.de/mrdiderot/photography:latest</span></div>
@@ -277,7 +277,7 @@
<div class="signal-item"><strong>Port</strong><span>8090</span></div> <div class="signal-item"><strong>Port</strong><span>8090</span></div>
</div> </div>
</div> </div>
<div class="panel span-6"> <div class="admin-panel span-6">
<h3>Speicherorte</h3> <h3>Speicherorte</h3>
<div class="signal-list"> <div class="signal-list">
<div class="signal-item"><strong>Bilder</strong><span>/app/public/images/fulls</span></div> <div class="signal-item"><strong>Bilder</strong><span>/app/public/images/fulls</span></div>