ab/web-petting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Reworked admin style
Build and Publish / Build and Publish Docker Image (push) Successful in 1m42s
Details

Browse Source
This commit is contained in:
Aleksandr Bogomiakov
2026-08-09 03:19:47 +01:00
parent cec96cab1e
commit 79c287eaa0
18 changed files with 985 additions and 749 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/admin/client_form.html
+26 -18
View File
@@ -5,12 +5,17 @@
{% block content %}
<div class="page-head">
<h1>{{ title }}</h1>
<h1>{{ t.clients_title }}</h1>
</div>
<div class="form-card">
<form method="post" action="{{ action_url }}">
<div class="field">
<section class="admin-section">
<header class="admin-section-head">
<span class="admin-section-icon" aria-hidden="true">👤</span>
<div><h2>{{ title }}</h2></div>
</header>
<div class="admin-section-body">
<form method="post" action="{{ action_url }}" class="form-grid">
<div class="field admin-field-wide">
<label class="label">{{ t.clients_name }}</label>
<div class="control">
<input class="input" type="text" name="name" value="{{ client_name }}" required>
@@ -28,41 +33,42 @@
<input class="input" type="email" name="email" value="{{ client_email }}">
</div>
</div>
<div class="field">
<div class="field admin-field-wide">
<label class="label">{{ t.clients_address }}</label>
<div class="control">
<input class="input" type="text" name="address" value="{{ client_address }}">
</div>
</div>
<div class="field">
<div class="field admin-field-wide">
<label class="label">{{ t.clients_notes }}</label>
<div class="control">
<textarea class="textarea" name="notes" rows="3">{{ client_notes }}</textarea>
</div>
</div>
<div class="field">
<div class="field admin-field-wide">
<label class="label">{{ t.clients_color }}</label>
<div class="control" style="display:flex;align-items:center;gap:0.5rem;">
<input type="color" name="color" value="{{ client_color }}" style="width:3rem;height:2.2rem;padding:0;border:1px solid #ddd;border-radius:6px;cursor:pointer;">
<div class="control color-control">
<input type="color" name="color" value="{{ client_color }}">
<span class="has-text-grey is-size-7">{{ client_color }}</span>
</div>
</div>
<div class="field">
<div class="field admin-field-wide">
<button type="submit" class="button is-primary is-fullwidth">{{ submit_label }}</button>
</div>
</form>
{% if is_edit %}
<hr>
<div class="portal-panel">
<div class="field">
<label class="label">{{ t.portal_link }}</label>
<div class="control" style="display:flex;align-items:center;gap:0.5rem;">
<input class="input is-small" type="text" readonly id="portalUrl" value="" style="flex:1;">
<div class="control inline-control">
<input class="input is-small" type="text" readonly id="portalUrl" value="">
<button type="button" class="button is-small is-info is-outlined" onclick="navigator.clipboard.writeText(document.getElementById('portalUrl').value)">📋</button>
</div>
<div style="margin-top:0.75rem;text-align:center;">
<canvas id="qrCanvas" style="max-width:180px;"></canvas>
<div class="portal-qr">
<canvas id="qrCanvas"></canvas>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/qrious@4.0.2/dist/qrious.min.js"></script>
<script>
(function() {
@@ -71,7 +77,7 @@
new QRious({ element: document.getElementById('qrCanvas'), value: url, size: 180, level: 'M' });
})();
</script>
<hr>
<div class="danger-zone">
{% if client_status == "active" %}
<form method="post" action="/admin/clients/{{ client_id }}/archive">
<button type="submit" class="button is-warning is-outlined is-fullwidth">{{ t.action_archive }}</button>
@@ -82,10 +88,12 @@
</form>
{% endif %}
{% if client_status != "deleted" %}
<form method="post" action="/admin/clients/{{ client_id }}/delete" onsubmit="return confirm('{{ t.clients_delete_confirm }}');" style="margin-top:0.75rem;">
<form method="post" action="/admin/clients/{{ client_id }}/delete" onsubmit="return confirm('{{ t.clients_delete_confirm }}');" class="mt-3">
<button type="submit" class="button is-danger is-outlined is-fullwidth">{{ t.clients_delete }}</button>
</form>
{% endif %}
</div>
{% endif %}
</div>
</div>
</section>
{% endblock %}