Maximilian G.
d00c4e2cb9
- Created .vscode/settings.json for Python environment configuration. - Added run.sh script for MongoDB installation and project setup. - Implemented admin chat interface in admin_chats.html. - Developed invoice management interface in admin_invoices.html. - Created license management interface in admin_licenses.html. - Added support ticket management interface in admin_tickets.html. - Implemented user management interface in admin_users.html. - Developed user chat interface in chat.html. - Created user invoice overview in my_invoices.html. - Developed user license overview in my_licenses.html. - Added support ticket creation and tracking in tickets.html. - Created test.sh script for MongoDB setup.
62 lines
3.2 KiB
HTML
62 lines
3.2 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Admin | Rechnungsverwaltung{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="panel">
|
|
<h1>Rechnungsverwaltung</h1>
|
|
<p>Rechnungen fuer Nutzer erstellen, aktualisieren und loeschen.</p>
|
|
</section>
|
|
|
|
<section class="layout">
|
|
<form method="post" class="form-card">
|
|
<h3>Neue Rechnung</h3>
|
|
<input type="hidden" name="action" value="create">
|
|
<input type="text" name="username" placeholder="Benutzername" required>
|
|
<input type="text" name="period" placeholder="Zeitraum (MM/YYYY)" required>
|
|
<input type="text" name="amount_eur" placeholder="Betrag in EUR" required>
|
|
<input type="text" name="due_date" placeholder="Faelligkeit (YYYY-MM-DD)">
|
|
<input type="text" name="status" placeholder="Status (Offen, Bezahlt)">
|
|
<button type="submit">Rechnung anlegen</button>
|
|
</form>
|
|
|
|
<div class="list">
|
|
{% for item in invoices %}
|
|
<article class="entry">
|
|
<h3>{{ item.invoice_number }}</h3>
|
|
<p><strong>Nutzer:</strong> {{ item.username }} | <strong>Zeitraum:</strong> {{ item.period }}</p>
|
|
<p><strong>Betrag:</strong> {{ '%.2f'|format(item.amount_eur) }} EUR | <strong>Status:</strong> {{ item.status }} | <strong>Faellig:</strong> {{ item.due_date }}</p>
|
|
<form method="post" class="inline-form">
|
|
<input type="hidden" name="action" value="update">
|
|
<input type="hidden" name="invoice_id" value="{{ item.id }}">
|
|
<input type="text" name="amount_eur" value="{{ item.amount_eur }}" placeholder="Betrag">
|
|
<input type="text" name="due_date" value="{{ item.due_date }}" placeholder="Faelligkeit">
|
|
<input type="text" name="status" value="{{ item.status }}" placeholder="Status">
|
|
<button type="submit">Aktualisieren</button>
|
|
</form>
|
|
<form method="post">
|
|
<input type="hidden" name="action" value="delete">
|
|
<input type="hidden" name="invoice_id" value="{{ item.id }}">
|
|
<button type="submit" class="danger">Loeschen</button>
|
|
</form>
|
|
</article>
|
|
{% else %}
|
|
<article class="entry"><p>Noch keine Rechnungen vorhanden.</p></article>
|
|
{% endfor %}
|
|
</div>
|
|
</section>
|
|
|
|
<style>
|
|
.panel { margin-bottom: 1rem; }
|
|
.layout { display: grid; grid-template-columns: 320px 1fr; gap: 1rem; }
|
|
.form-card, .entry { background: #fff; border: 1px solid #d8e1e8; border-radius: 14px; padding: 1rem; }
|
|
.form-card { display: grid; gap: 0.6rem; align-self: start; }
|
|
.list { display: grid; gap: 0.8rem; }
|
|
.inline-form { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.45rem; margin-top: 0.6rem; }
|
|
input { width: 100%; border: 1px solid #c9d8e3; border-radius: 10px; padding: 0.52rem; font: inherit; }
|
|
button { border: 1px solid #0a4c74; background: linear-gradient(120deg, #0c5a86 0%, #08486c 100%); color: #fff; padding: 0.45rem 0.8rem; border-radius: 999px; font-weight: 700; }
|
|
button.danger { border-color: #d04a49; background: #fff; color: #922e2e; margin-top: 0.55rem; }
|
|
@media (max-width: 980px) { .layout { grid-template-columns: 1fr; } .inline-form { grid-template-columns: 1fr; } }
|
|
</style>
|
|
{% endblock %}
|