51l3nt51n/51l3nt51n-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Redesign UI to a classic text-based aesthetic by removing modern styling from templates and adding a design skill.

Browse Source
This commit is contained in:
51l3nt51n
2026-03-03 16:08:11 +00:00
parent ba199b8bbe
commit 50a3caf33c
5 changed files with 109 additions and 232 deletions
Download Patch File Download Diff File Expand all files Collapse all files

118
templates/dashboard.html
View File

@@ -1,83 +1,53 @@
{% extends "base.html" %}
{% block title %}Dungeon Dashboard{% endblock %}
{% block title %}Dashboard{% endblock %}
{% block content %}
<div class="header">
<h1>Dungeon Dashboard</h1>
<form method="POST" action="/__dungeon/logout" style="margin: 0;">
<button type="submit" style="width: auto; margin: 0; padding: 0.5rem 1rem;">Logout ({{ current_user.username
}})</button>
</form>
</div>
<h2>Dashboard</h2>
<form method="POST" action="/__dungeon/logout" style="display:inline;">
<input type="submit" value="Logout ({{ current_user.username }})">
</form>
<br><br>
<b>System Users</b><br>
{% if let Some(err) = error %}
<div class="error">{{ err }}</div>
<font color="red"><b>{{ err }}</b></font><br>
{% endif %}
<div class="dashboard-container">
<div style="flex: 2;">
<h3>Users</h3>
<div style="background: var(--surface); border: 1px solid var(--border); border-radius: 8px; overflow: hidden;">
<table>
<thead>
<tr>
<th>ID</th>
<th>Username</th>
<th>Role</th>
<th>Actions</th>
</tr>
</thead>
<tbody>
{% for user in users %}
<tr>
<td>{{ user.id }}</td>
<td>{{ user.username }}</td>
<td><span
style="padding: 0.25rem 0.5rem; background: var(--bg); border-radius: 4px; font-size: 0.875rem;">{{
user.role }}</span></td>
<td>
{% if current_user.role == "admin" %}
<div class="flex gap-2" style="align-items: center;">
{% if user.id != current_user.id %}
<form method="POST" action="/__dungeon/users/delete/{{ user.id }}" style="margin: 0;">
<button type="submit" class="btn-danger"
style="padding: 0.25rem 0.5rem; margin: 0; font-size: 0.875rem;">Delete</button>
</form>
{% endif %}
<form method="POST" action="/__dungeon/users/password/{{ user.id }}"
style="margin: 0; display: flex; gap: 0.5rem;">
<input type="password" name="password" placeholder="New Password" required
style="margin: 0; padding: 0.25rem 0.5rem; width: 120px;">
<button type="submit"
style="padding: 0.25rem 0.5rem; margin: 0; font-size: 0.875rem; width: auto;">Change</button>
</form>
</div>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% for user in users %}
<p>
ID: {{ user.id }}<br>
Username: <a href="#">{{ user.username }}</a><br>
Role: {{ user.role }}<br>
{% if current_user.role == "admin" %}
<div style="flex: 1;">
<div class="card" style="margin: 0; max-width: 100%;">
<h3 style="margin-top: 0;">Add User</h3>
<form method="POST" action="/__dungeon/users/add">
<label>Username</label>
<input type="text" name="username" required>
<label>Password</label>
<input type="password" name="password" required>
<label>Role</label>
<select name="role">
<option value="readonly">Read Only</option>
<option value="admin">Admin</option>
</select>
<button type="submit">Create User</button>
</form>
</div>
</div>
{% endif %}
</div>
{% if user.id != current_user.id %}
<form method="POST" action="/__dungeon/users/delete/{{ user.id }}" style="display:inline;">
<input type="submit" value="Delete User">
</form>
{% endif %}
<form method="POST" action="/__dungeon/users/password/{{ user.id }}" style="display:inline;">
<input type="password" name="password" placeholder="New Password" required size="10">
<input type="submit" value="Change Password">
</form>
{% endif %}
</p>
<hr width="50%" align="left" size="1">
{% endfor %}
{% if current_user.role == "admin" %}
<br>
<b>System Administration - Add New User</b><br>
<form method="POST" action="/__dungeon/users/add">
Username: <input type="text" name="username" required size="15"><br>
Password: <input type="password" name="password" required size="15"><br>
Role:
<select name="role">
<option value="readonly">Read Only</option>
<option value="admin">Admin</option>
</select><br><br>
<input type="submit" value="Create User">
</form>
{% endif %}
{% endblock %}