bostame/workdock-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

snapshot: preserve form and app shell alignment before component unification

Browse Source
This commit is contained in:
Md Bayazid Bostame
2026-03-27 23:43:00 +01:00
parent 930f28522b
commit 631886a763
41 changed files with 1198 additions and 695 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
backend/workflows/templates/workflows/app_registry.html
View File

@@ -5,14 +5,23 @@
{% block title %}{% trans "App Registry" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
<h1>{% trans "App Registry" %}</h1>
<p class="sub">{% trans "Apps zentral steuern, für Kunden vorbereiten und ohne Template-Eingriffe auf der Landing Page ausspielen." %}</p>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Administration" %}</span>
<h1>{% trans "App Registry" %}</h1>
<p class="page-subtitle">{% trans "Apps zentral steuern, für Kunden vorbereiten und ohne Template-Eingriffe auf der Landing Page ausspielen." %}</p>
</div>
</header>
{% include 'workflows/includes/messages.html' %}
@@ -230,6 +239,7 @@
</div>
</form>
</section>
</div>
{% endblock %}
{% block extra_scripts %}

25
backend/workflows/templates/workflows/audit_log.html
View File

@@ -3,22 +3,26 @@
{% block title %}{% trans "Audit Log" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_inside_shell=1 %}
<div class="toolbar">
<div>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Operations" %}</span>
<h1>{% trans "Audit Log" %}</h1>
<p class="sub">{% trans "Nachvollziehbarkeit aller wichtigen Admin-Aktionen im Portal." %}</p>
<p class="page-subtitle">{% trans "Nachvollziehbarkeit aller wichtigen Admin-Aktionen im Portal." %}</p>
</div>
</div>
</header>
<div class="card">
<form method="get" class="grid" style="margin-bottom:12px;">
<form method="get" class="grid u-mt-12">
<div class="field">
<label for="action">{% trans "Aktion" %}</label>
<select id="action" name="action">
@@ -45,8 +49,8 @@
<a class="btn btn-secondary" href="/admin-tools/audit-log/">{% trans "Zurücksetzen" %}</a>
</div>
</form>
<div class="table-wrap">
<table class="table-controls">
<div class="table-wrap app-table-shell">
<table class="app-table table-controls">
<thead>
<tr>
<th>{% trans "Zeit" %}</th>
@@ -76,7 +80,7 @@
<td>
{% if row.details.request_labels %}
<div class="hint">{% trans "Betroffene Vorgänge" %}</div>
<ul class="hint" style="margin:6px 0 10px 18px; padding:0;">
<ul class="hint audit-request-list">
{% for label in row.details.request_labels %}
<li>{{ label }}</li>
{% endfor %}
@@ -99,4 +103,5 @@
</table>
</div>
</div>
</div>
{% endblock %}

24
backend/workflows/templates/workflows/backup_recovery.html
View File

@@ -3,21 +3,30 @@
{% block title %}{% trans "Backup & Recovery" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
<h1>{% trans "Backup & Recovery" %}</h1>
<p class="sub">{% trans "Datenbank- und Media-Backups erstellen und vorhandene Bundles sicher verifizieren." %}</p>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Operations" %}</span>
<h1>{% trans "Backup & Recovery" %}</h1>
<p class="page-subtitle">{% trans "Datenbank- und Media-Backups erstellen und vorhandene Bundles sicher verifizieren." %}</p>
</div>
</header>
{% include 'workflows/includes/messages.html' %}
<section class="card">
<div class="toolbar">
<div>
<h2 style="margin:0;">{% trans "Backup-Status" %}</h2>
<h2>{% trans "Backup-Status" %}</h2>
<div class="hint">{{ backup_health.summary }}</div>
</div>
<div class="actions">
@@ -43,7 +52,7 @@
<section class="card">
<div class="toolbar">
<div>
<h2 style="margin:0;">{% trans "Aktionen" %}</h2>
<h2>{% trans "Aktionen" %}</h2>
<div class="hint">{% trans "Erstellung und Verifikation laufen im App-Kontext. Restore bleibt bewusst CLI-only." %}</div>
</div>
<form method="post" action="{% url 'create_backup_from_admin' %}" data-confirm="{% trans 'Neues Backup jetzt erstellen?' %}" data-progress-title="{% trans 'Backup wird erstellt' %}" data-progress-copy="{% trans 'Bitte warten. Datenbank- und Media-Bundle werden gerade vorbereitet.' %}">
@@ -62,8 +71,8 @@
<section class="card">
<h2>{% trans "Verfügbare Backup-Bundles" %}</h2>
{% if rows %}
<div class="table-wrap">
<table>
<div class="table-wrap app-table-shell">
<table class="app-table">
<thead>
<tr>
<th>{% trans "Bundle" %}</th>
@@ -143,4 +152,5 @@
<div class="hint">{% trans "Noch keine Backup-Bundles vorhanden." %}</div>
{% endif %}
</section>
</div>
{% endblock %}

1
backend/workflows/templates/workflows/base_shell.html
View File

@@ -7,6 +7,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>{% block title %}{% endblock %}</title>
<link rel="icon" href="{{ portal_favicon_url }}" />
<link rel="stylesheet" href="{% static 'workflows/css/design_system.css' %}" />
<link rel="stylesheet" href="{% static 'workflows/css/buttons.css' %}" />
<link rel="stylesheet" href="{% static 'workflows/css/app_chrome.css' %}" />
{% block extra_css %}{% endblock %}

18
backend/workflows/templates/workflows/branding_settings.html
View File

@@ -3,16 +3,25 @@
{% block title %}{% trans "Branding" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
<h1>{% trans "Branding" %}</h1>
<p class="sub">{% trans "Portalname, Firmenauftritt, Logo und PDF-Briefkopf zentral verwalten." %}</p>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Administration" %}</span>
<h1>{% trans "Branding" %}</h1>
<p class="page-subtitle">{% trans "Portalname, Firmenauftritt, Logo und PDF-Briefkopf zentral verwalten." %}</p>
</div>
</header>
{% include 'workflows/includes/messages.html' %}
{% include 'workflows/includes/messages.html' %}
<section class="card">
<div class="branding-sections">
@@ -186,6 +195,7 @@
</div>
</div>
</section>
</div>
{% endblock %}
{% block extra_scripts %}

16
backend/workflows/templates/workflows/company_config.html
View File

@@ -3,14 +3,23 @@
{% block title %}{% trans "Company Config" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
<h1>{% trans "Company Config" %}</h1>
<p class="sub">{% trans "Strukturierte Firmendaten, Kontaktpunkte und öffentliche Unternehmenslinks zentral pflegen." %}</p>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Administration" %}</span>
<h1>{% trans "Company Config" %}</h1>
<p class="page-subtitle">{% trans "Strukturierte Firmendaten, Kontaktpunkte und öffentliche Unternehmenslinks zentral pflegen." %}</p>
</div>
</header>
{% include 'workflows/includes/messages.html' %}
@@ -62,6 +71,7 @@
<div class="hint">{% trans "Diese Ebene ist bewusst von Branding getrennt: Hier geht es um strukturierte Firmendaten, nicht um visuelle Gestaltung." %}</div>
</div>
</section>
</div>
{% endblock %}
{% block extra_scripts %}

2
backend/workflows/templates/workflows/developer_handbook.html
View File

@@ -11,6 +11,7 @@
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_inside_shell=1 %}
<div class="page-stack">
<div class="top">
<h1>Developer Handbook</h1>
<div style="display:flex; gap:8px; flex-wrap:wrap;">
@@ -297,5 +298,6 @@ make backup-verify BACKUP_DIR=backups/backup_YYYYmmdd_HHMMSS</code></pre>
<li>Prefer standard framework workflows over custom one-off maintenance scripts.</li>
<li>When adding new features, document them in both the Project Wiki and this handbook if they change engineering workflow.</li>
</ul>
</div>
{% endblock %}

2
backend/workflows/templates/workflows/form_builder.html
View File

@@ -510,7 +510,7 @@
<input type="text" name="label_en_{{ item.id }}" value="{{ item.label_en }}" />
</label>
<label class="builder-entity-control">
<span>Value</span>
<span>{% trans "Wert" %}</span>
<input type="text" name="value_{{ item.id }}" value="{{ item.value }}" />
</label>
</div>

2
backend/workflows/templates/workflows/handbook.html
View File

@@ -11,6 +11,7 @@
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_inside_shell=1 %}
<div class="page-stack">
<div class="top">
<h1>{% trans "Handbook" %}</h1>
</div>
@@ -62,5 +63,6 @@
</div>
</section>
</div>
</div>
{% endblock %}

31
backend/workflows/templates/workflows/integrations_setup.html
View File

@@ -3,6 +3,10 @@
{% block title %}{% trans "Integrationen Setup" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
@@ -10,9 +14,14 @@
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
<h1>{% trans "Integrationen Setup" %}</h1>
<p class="sub">{% trans "Verwalten Sie Nextcloud- und Mail-Konfiguration ohne Backend-Wechsel." %}</p>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Administration" %}</span>
<h1>{% trans "Integrationen Setup" %}</h1>
<p class="page-subtitle">{% trans "Verwalten Sie Nextcloud- und Mail-Konfiguration ohne Backend-Wechsel." %}</p>
</div>
</header>
<div class="switch">
<a class="tab {% if kind == 'nextcloud' %}active{% endif %}" href="/admin-tools/integrations/?kind=nextcloud">{% trans "Setup Nextcloud" %}</a>
@@ -367,14 +376,14 @@
{% if kind == 'backup' %}
<form class="card" method="post" action="/admin-tools/integrations/save-backup-settings/" data-remote-backup-form>
{% csrf_token %}
<div class="grid backup-grid" style="grid-template-columns:1fr">
<div class="grid backup-grid">
<div class="field-full">
<label for="remote_backup_enabled">{% trans "Remote Backup aktiviert" %}</label>
<div class="check-row">
<label><input id="remote_backup_enabled" type="checkbox" name="remote_backup_enabled" {% if workflow_config.remote_backup_enabled %}checked{% endif %} onchange="window.syncRemoteBackupSettingsVisibility && window.syncRemoteBackupSettingsVisibility(this.form)" /> {% trans "Remote Kopie nach lokalem Bundle erstellen" %}</label>
</div>
</div>
<div class="grid" style="grid-template-columns:repeat(2,minmax(240px,1fr)); align-items:end;">
<div class="grid integration-remote-grid">
<div class="remote-backup-targets">
<label for="remote_backup_target_type">{% trans "Remote Backup Zieltyp" %}</label>
<select id="remote_backup_target_type" name="remote_backup_target_type" onchange="window.syncRemoteBackupSettingsVisibility && window.syncRemoteBackupSettingsVisibility(this.form)">
@@ -383,15 +392,15 @@
{% endfor %}
</select>
</div>
<div class="remote-backup-targets" data-remote-target="nextcloud"{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 'nextcloud' %} style="display:none"{% endif %}>
<div class="remote-backup-targets{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 'nextcloud' %} is-hidden{% endif %}" data-remote-target="nextcloud">
<label for="remote_backup_nextcloud_directory">{% trans "Nextcloud Backup-Verzeichnis" %}</label>
<input id="remote_backup_nextcloud_directory" name="remote_backup_nextcloud_directory" value="{{ workflow_config.remote_backup_nextcloud_directory }}" placeholder="Group-on-off-boarding-backups" />
</div>
<div class="remote-backup-targets" data-remote-target="s3"{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 's3' %} style="display:none"{% endif %}>
<div class="remote-backup-targets{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 's3' %} is-hidden{% endif %}" data-remote-target="s3">
<label for="remote_backup_s3_bucket">{% trans "S3 Bucket (optional)" %}</label>
<input id="remote_backup_s3_bucket" name="remote_backup_s3_bucket" value="{{ workflow_config.remote_backup_s3_bucket }}" placeholder="reserved for future support" />
</div>
<div class="remote-backup-targets" data-remote-target="nfs"{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 'nfs' %} style="display:none"{% endif %}>
<div class="remote-backup-targets{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 'nfs' %} is-hidden{% endif %}" data-remote-target="nfs">
<label for="remote_backup_nfs_path">{% trans "NFS Pfad (optional)" %}</label>
<input id="remote_backup_nfs_path" name="remote_backup_nfs_path" value="{{ workflow_config.remote_backup_nfs_path }}" placeholder="/mnt/backup-share" />
</div>
@@ -401,10 +410,10 @@
<button class="btn btn-primary" type="submit">{% trans "Backup-Einstellungen speichern" %}</button>
</div>
<div class="hint remote-backup-targets">{% trans "Empfehlung: Nextcloud als erstes Remote-Ziel verwenden. S3 und NFS sind als Zieltypen vorbereitet, aber noch nicht aktiv implementiert." %}</div>
<div class="hint remote-backup-targets" data-remote-target="nextcloud"{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 'nextcloud' %} style="display:none"{% endif %}>{% trans "Das Backup-Verzeichnis muss getrennt vom normalen Nextcloud Dokumentenordner sein, z. B. Group-on-off-boarding-backups." %}</div>
<div class="hint remote-backup-targets{% if not workflow_config.remote_backup_enabled or workflow_config.remote_backup_target_type != 'nextcloud' %} is-hidden{% endif %}" data-remote-target="nextcloud">{% trans "Das Backup-Verzeichnis muss getrennt vom normalen Nextcloud Dokumentenordner sein, z. B. Group-on-off-boarding-backups." %}</div>
</form>
{% endif %}
</div>
{% endblock %}
{% block extra_scripts %}
@@ -418,7 +427,7 @@
const selectedTarget = String(target.value || '').toLowerCase();
form.querySelectorAll('[data-remote-target]').forEach((node) => {
node.style.display = node.dataset.remoteTarget === selectedTarget ? '' : 'none';
node.classList.toggle('is-hidden', node.dataset.remoteTarget !== selectedTarget);
});
};

23
backend/workflows/templates/workflows/intro_builder.html
View File

@@ -3,6 +3,10 @@
{% block title %}{% trans "Einweisungs-Builder" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_dashboard=1 header_show_home=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
@@ -10,14 +14,14 @@
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_dashboard=1 header_show_home=1 header_inside_shell=1 %}
<div class="toolbar">
<div>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Administration" %}</span>
<h1>{% trans "Einweisungs-Builder" %}</h1>
<p class="sub">{% trans "Checklistenpunkte für das Einweisungs- und Übergabeprotokoll verwalten." %}</p>
<p class="page-subtitle">{% trans "Checklistenpunkte für das Einweisungs- und Übergabeprotokoll verwalten." %}</p>
</div>
</div>
</header>
{% include 'workflows/includes/messages.html' %}
@@ -51,8 +55,8 @@
<form class="card" method="post" action="/admin-tools/intro-builder/">
{% csrf_token %}
<input type="hidden" name="builder_action" value="save_items" />
<div class="table-wrap">
<table class="table-controls">
<div class="table-wrap app-table-shell">
<table class="app-table table-controls">
<thead>
<tr>
<th>{% trans "Sortierung" %}</th>
@@ -109,8 +113,9 @@
</table>
</div>
<div class="hint">{% trans "Reihenfolge folgt derzeit der Tabellenreihenfolge beim Speichern." %}</div>
<div style="margin-top:12px;">
<div class="u-mt-12">
<button class="btn btn-primary" type="submit">{% trans "Checkliste speichern" %}</button>
</div>
</form>
</div>
{% endblock %}

26
backend/workflows/templates/workflows/job_monitor.html
View File

@@ -3,14 +3,23 @@
{% block title %}{% trans "Job Monitor" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
<h1>{% trans "Job Monitor" %}</h1>
<p class="sub">{% trans "Asynchrone Aufgaben, Fehler und letzte Worker-Läufe zentral prüfen." %}</p>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Operations" %}</span>
<h1>{% trans "Job Monitor" %}</h1>
<p class="page-subtitle">{% trans "Asynchrone Aufgaben, Fehler und letzte Worker-Läufe zentral prüfen." %}</p>
</div>
</header>
{% include 'workflows/includes/messages.html' %}
@@ -30,8 +39,8 @@
</div>
</div>
{% if job_summary.recent_failed %}
<div class="table-wrap" style="margin-top:12px;">
<table>
<div class="table-wrap u-mt-12 app-table-shell">
<table class="app-table">
<thead>
<tr>
<th>{% trans "Zuletzt fehlgeschlagen" %}</th>
@@ -73,15 +82,15 @@
{% endfor %}
</select>
</div>
<div class="field actions" style="align-items:end;">
<div class="field actions u-align-end">
<button class="btn btn-secondary" type="submit">{% trans "Filtern" %}</button>
</div>
</form>
</section>
<section class="card">
<div class="table-wrap">
<table>
<div class="table-wrap app-table-shell">
<table class="app-table">
<thead>
<tr>
<th>{% trans "Start" %}</th>
@@ -109,4 +118,5 @@
</table>
</div>
</section>
</div>
{% endblock %}

64
backend/workflows/templates/workflows/offboarding_form.html
View File

@@ -3,8 +3,6 @@
{% block title %}{% trans "Offboarding-Anfrage" %}{% endblock %}
{% block shell_class %}wrap{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/offboarding_form.css' %}" />
{% endblock %}
@@ -22,31 +20,52 @@
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_lang=1 header_show_home=1 header_inside_shell=1 %}
<div class="wrap-body">
<div class="card">
<h1>{% trans "Offboarding-Anfrage" %}</h1>
<form method="get" action="/offboarding/new/">
<div class="field">
<label for="q">{% trans "Mitarbeitende suchen (Name oder E-Mail)" %}</label>
<input id="q" name="q" value="{{ search_query }}" placeholder="{% blocktrans trimmed with domain=portal_email_domain %}z. B. max.mustermann@{{ domain }}{% endblocktrans %}" />
</div>
<button class="btn btn-primary" type="submit">{% trans "Suchen" %}</button>
</form>
<div class="offboarding-shell-body">
<aside class="offboarding-panel">
<h1>{% trans "Offboarding" %}</h1>
<p class="offboarding-sub">{% trans "Strukturierte Austrittsanfrage mit denselben klaren Oberflächenmustern wie im Onboarding." %}</p>
<ol class="offboarding-step-list">
{% for section in offboarding_sections %}
<li class="offboarding-step-item">
<span class="offboarding-dot">{{ forloop.counter }}</span>
<div>
<div class="offboarding-step-title">{{ section.title }}</div>
<div class="offboarding-step-sub">{{ section.subtitle }}</div>
</div>
</li>
{% endfor %}
</ol>
</aside>
{% if search_results %}
<div class="results" style="margin-top:10px;">
<main class="offboarding-main">
<section class="offboarding-search-card">
<div class="offboarding-section-head offboarding-search-head">
<div>
<h2>{% trans "Mitarbeitende suchen" %}</h2>
<p>{% trans "Vorhandene Profildaten laden, bevor die Austrittsangaben erfasst werden." %}</p>
</div>
</div>
<form method="get" action="/offboarding/new/">
<div class="field">
<label for="q">{% trans "Mitarbeitende suchen (Name oder E-Mail)" %}</label>
<input id="q" name="q" value="{{ search_query }}" placeholder="{% blocktrans trimmed with domain=portal_email_domain %}z. B. max.mustermann@{{ domain }}{% endblocktrans %}" />
</div>
<button class="btn btn-primary" type="submit">{% trans "Suchen" %}</button>
</form>
{% if search_results %}
<div class="results">
{% for p in search_results %}
<a href="/offboarding/new/?profile={{ p.id }}">{{ p.full_name }} ({{ p.work_email }})</a>
<a href="/offboarding/new/?profile={{ p.id }}">{{ p.full_name }} ({{ p.work_email }})</a>
{% endfor %}
</div>
{% endif %}
{% endif %}
{% if selected_profile %}
<p style="margin-top:10px; color:#2563eb;">{% trans "Vorbefüllt aus:" %} <strong>{{ selected_profile.full_name }}</strong> ({{ selected_profile.work_email }})</p>
{% endif %}
</div>
{% if selected_profile %}
<p class="offboarding-prefill-note">{% trans "Vorbefüllt aus:" %} <strong>{{ selected_profile.full_name }}</strong> ({{ selected_profile.work_email }})</p>
{% endif %}
</section>
<div class="card">
<form method="post" data-email-domain="{{ portal_email_domain }}">
{% csrf_token %}
<div class="offboarding-sections">
@@ -81,9 +100,8 @@
</div>
<button class="btn btn-primary" type="submit">{% trans "Offboarding-Anfrage speichern" %}</button>
</form>
</main>
</div>
</div>
</div>
{% endblock %}
{% block extra_scripts %}

4
backend/workflows/templates/workflows/offboarding_success.html
View File

@@ -14,6 +14,8 @@
{% endblock %}
{% block shell_body %}
<div class="page-stack">
<section class="page-section success-card">
<h1>{% trans "Offboarding gespeichert" %}</h1>
<p>{% trans "Vorgangs-ID:" %} <code>{{ obj.id }}</code></p>
<p>{% trans "Name:" %} <code>{{ obj.full_name }}</code></p>
@@ -29,4 +31,6 @@
<a class="btn btn-secondary" href="/offboarding/new/">{% trans "Neue Offboarding-Anfrage erfassen" %}</a>
<a class="btn btn-secondary" href="/requests/">{% trans "Zum Dashboard" %}</a>
</div>
</section>
</div>
{% endblock %}

4
backend/workflows/templates/workflows/onboarding_success.html
View File

@@ -14,6 +14,8 @@
{% endblock %}
{% block shell_body %}
<div class="page-stack">
<section class="page-section success-card">
<h1>{% trans "Anfrage erfolgreich gespeichert" %}</h1>
<p>{% trans "Vorgangs-ID:" %} <code>{{ obj.id }}</code></p>
<p>{% trans "Name:" %} <code>{{ obj.full_name }}</code></p>
@@ -28,4 +30,6 @@
<a class="btn btn-secondary" href="/onboarding/new/">{% trans "Neue Anfrage erfassen" %}</a>
<a class="btn btn-secondary" href="/requests/">{% trans "Zum Dashboard" %}</a>
</div>
</section>
</div>
{% endblock %}

2
backend/workflows/templates/workflows/project_wiki.html
View File

@@ -11,6 +11,7 @@
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_inside_shell=1 %}
<div class="page-stack">
<div class="top">
<h1>Project Wiki</h1>
</div>
@@ -305,5 +306,6 @@
<div class="note">
Last updated for current system behavior as of March 19, 2026.
</div>
</div>
{% endblock %}

2
backend/workflows/templates/workflows/release_checklist.html
View File

@@ -11,6 +11,7 @@
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_inside_shell=1 %}
<div class="page-stack">
<section class="hero">
<div class="eyebrow">{% trans "Release" %}</div>
<div class="top">
@@ -102,5 +103,6 @@ docker compose logs --no-color --tail=200 worker</code></pre>
</div>
<div class="note">{% trans "Project rule: German remains the primary/fallback language. English is secondary. If a release adds new dynamic text, add the German source first and then the English value." %}</div>
</div>
{% endblock %}

45
backend/workflows/templates/workflows/request_timeline.html
View File

@@ -5,53 +5,13 @@
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
<style>
.timeline-summary-grid { display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:16px; margin-bottom:20px; }
.timeline-stat { border:1px solid #d9e3f8; border-radius:20px; padding:16px 18px; background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%); box-shadow:0 18px 40px rgba(23,39,90,.08); }
.timeline-stat label { display:block; margin-bottom:6px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#7081a5; }
.timeline-stat strong { display:block; font-size:18px; line-height:1.35; color:#20345f; }
.timeline-list { position:relative; display:grid; gap:18px; padding-left:28px; }
.timeline-list::before { content:""; position:absolute; top:6px; bottom:6px; left:11px; width:2px; background:linear-gradient(180deg,#cad8f8 0%,#e8eefc 100%); }
.timeline-item { position:relative; border:1px solid #d9e3f8; border-radius:20px; padding:18px 20px 18px 22px; background:#fff; box-shadow:0 18px 40px rgba(23,39,90,.08); }
.timeline-item::before { content:""; position:absolute; top:22px; left:-24px; width:16px; height:16px; border-radius:999px; background:#1e2bb8; box-shadow:0 0 0 4px #eef3ff; }
.timeline-item[data-kind="document"]::before { background:#1f7a45; }
.timeline-item[data-kind="audit"]::before { background:#6a5acd; }
.timeline-item[data-kind="session"]::before { background:#b86b12; }
.timeline-item[data-kind="email"]::before { background:#c2354e; }
.timeline-item[data-kind="milestone"]::before { background:#0d7c88; }
.timeline-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; margin-bottom:8px; }
.timeline-title-wrap { display:grid; gap:8px; }
.timeline-kind { display:inline-flex; align-items:center; width:max-content; padding:6px 10px; border-radius:999px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; background:#eef3ff; color:#27407a; }
.timeline-item[data-kind="document"] .timeline-kind { background:#edf8f0; color:#20623c; }
.timeline-item[data-kind="audit"] .timeline-kind { background:#f2efff; color:#5b49aa; }
.timeline-item[data-kind="session"] .timeline-kind { background:#fff2df; color:#8a560a; }
.timeline-item[data-kind="email"] .timeline-kind { background:#ffe8ee; color:#9f2749; }
.timeline-item[data-kind="milestone"] .timeline-kind { background:#e8fbfd; color:#0e6a72; }
.timeline-stamp { font-size:13px; color:#6b7a9b; white-space:nowrap; }
.timeline-title { margin:0; font-size:20px; color:#20345f; }
.timeline-summary { margin:0; font-size:15px; color:#22324d; line-height:1.55; }
.timeline-meta { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.timeline-chip { display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; background:#f7faff; border:1px solid #d8e1f5; color:#4d6087; font-size:12px; }
.timeline-actions { margin-top:14px; }
.timeline-details { margin-top:14px; padding-top:14px; border-top:1px dashed #d7e0f5; display:grid; gap:8px; }
.timeline-detail-row { display:grid; grid-template-columns:160px 1fr; gap:12px; font-size:13px; }
.timeline-detail-row strong { color:#566886; }
.timeline-detail-list { margin:0; padding-left:18px; color:#4f617f; }
.timeline-custom-fields { margin: 0 0 20px; padding: 18px 20px; border: 1px solid #d9e3f8; border-radius: 20px; background: linear-gradient(180deg,#ffffff 0%,#f7faff 100%); box-shadow: 0 18px 40px rgba(23,39,90,.08); }
.timeline-custom-fields h2 { margin: 0 0 14px; font-size: 18px; color: #20345f; }
.timeline-custom-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px 16px; }
.timeline-custom-item { padding: 12px 14px; border: 1px solid #d8e1f5; border-radius: 16px; background: #fff; }
.timeline-custom-item strong { display:block; margin-bottom: 4px; color:#566886; font-size:12px; letter-spacing:.05em; text-transform:uppercase; }
.timeline-custom-item span { color:#22324d; font-size:14px; line-height:1.45; }
@media (max-width: 1160px) { .timeline-summary-grid { grid-template-columns:repeat(3, minmax(0,1fr)); } }
@media (max-width: 820px) { .timeline-summary-grid { grid-template-columns:repeat(2, minmax(0,1fr)); } }
@media (max-width: 700px) { .timeline-summary-grid { grid-template-columns:1fr; } .timeline-custom-grid { grid-template-columns:1fr; } .timeline-head { flex-direction:column; } .timeline-stamp { white-space:normal; } .timeline-detail-row { grid-template-columns:1fr; } }
</style>
<link rel="stylesheet" href="{% static 'workflows/css/request_timeline.css' %}" />
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_dashboard=1 header_inside_shell=1 %}
<div class="page-stack">
<div class="toolbar">
<div>
<h1>{% trans "Request Timeline" %}</h1>
@@ -151,4 +111,5 @@
{% endfor %}
</div>
</div>
</div>
{% endblock %}

29
backend/workflows/templates/workflows/requests_dashboard.html
View File

@@ -3,6 +3,10 @@
{% block title %}{% trans "Anfragen Dashboard" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
@@ -10,21 +14,7 @@
{% endblock %}
{% block shell_body %}
<div class="topbar">
<div class="brand-wrap">
<a class="app-brand" href="/"><img class="brand-logo" src="{{ portal_logo_url }}" alt="{{ portal_company_name }} Logo" /></a>
</div>
<div class="quick-actions">
<form method="post" action="{% url 'set_language' %}" class="lang-switch">
{% csrf_token %}
<input type="hidden" name="next" value="{{ request.get_full_path }}" />
<button class="lang-btn {% if CURRENT_LANGUAGE == 'de' %}active{% endif %}" type="submit" name="language" value="de">DE</button>
<button class="lang-btn {% if CURRENT_LANGUAGE == 'en' %}active{% endif %}" type="submit" name="language" value="en">EN</button>
</form>
<a class="btn btn-secondary" href="/">{% trans "Zur Startseite" %}</a>
</div>
</div>
<div class="page-stack">
<section class="top-stack">
<section class="hero">
<div class="hero-grid">
@@ -180,8 +170,8 @@
{% endif %}
</div>
</div>
<div class="table-wrap">
<table>
<div class="table-wrap app-table-shell">
<table class="app-table">
<thead>
<tr>
{% if can_delete_requests %}<th class="select-col"><input type="checkbox" id="select-all" aria-label="Alle auswählen" /></th>{% endif %}
@@ -219,9 +209,9 @@
<span class="person-meta">{% trans "Noch nicht verfügbar" %}</span>
{% endif %}
{% if row.status_key == 'failed' %}
<div class="person-meta" style="margin-top:8px; color:#8e1e1e;">{% trans "Fehlgeschlagen" %}</div>
<div class="person-meta status-note-error">{% trans "Fehlgeschlagen" %}</div>
{% if row.last_error %}
<div class="person-meta" style="margin-top:6px; color:#8e1e1e;">{{ row.last_error|truncatechars:140 }}</div>
<div class="person-meta status-note-error">{{ row.last_error|truncatechars:140 }}</div>
{% endif %}
{% endif %}
</td>
@@ -304,6 +294,7 @@
<div class="footer-bar">
<div class="footer-note">{{ portal_title }}</div>
</div>
</div>
{% endblock %}
{% block extra_scripts %}

18
backend/workflows/templates/workflows/trial_management.html
View File

@@ -3,14 +3,23 @@
{% block title %}{% trans "Trial Management" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_show_lang=1 header_inside_shell=1 %}
<h1>{% trans "Trial Management" %}</h1>
<p class="sub">{% trans "Testlaufzeit, Banner und sichere Einschränkungen für Demo- und Pilotumgebungen steuern." %}</p>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Administration" %}</span>
<h1>{% trans "Trial Management" %}</h1>
<p class="page-subtitle">{% trans "Testlaufzeit, Banner und sichere Einschränkungen für Demo- und Pilotumgebungen steuern." %}</p>
</div>
</header>
{% include 'workflows/includes/messages.html' %}
@@ -118,10 +127,11 @@
</div>
</section>
<div class="toolbar" style="margin-top:1rem;">
<div class="toolbar u-mt-16">
<div class="hint">{% trans "Die eigentliche Datenbereinigung läuft bewusst nicht über die Web-UI. Nutzen Sie dafür den Cleanup-Command im Betrieb." %}</div>
<button class="btn btn-primary" type="submit">{% trans "Trial-Konfiguration speichern" %}</button>
</div>
</form>
</section>
</div>
{% endblock %}

24
backend/workflows/templates/workflows/user_management.html
View File

@@ -3,18 +3,23 @@
{% block title %}{% trans "Benutzer & Rollen" %}{% endblock %}
{% block shell_header %}
{% include 'workflows/includes/app_header.html' with header_show_lang=1 header_show_home=1 header_inside_shell=1 %}
{% endblock %}
{% block extra_css %}
<link rel="stylesheet" href="{% static 'workflows/css/admin_tools.css' %}" />
{% endblock %}
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_lang=1 header_show_home=1 header_inside_shell=1 %}
<div class="toolbar">
<div>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Administration" %}</span>
<h1>{% trans "Benutzer & Rollen" %}</h1>
<p class="sub">{% trans "Platform Owner und Super Admins verwalten Benutzerkonten, Rollen und den aktiven Zugriff." %}</p>
<p class="page-subtitle">{% trans "Platform Owner und Super Admins verwalten Benutzerkonten, Rollen und den aktiven Zugriff." %}</p>
</div>
</div>
</header>
{% include 'workflows/includes/messages.html' %}
@@ -64,8 +69,8 @@
<p class="sub">{% trans "Rollen ändern, Zugriffe sperren oder ein neues Passwort setzen." %}</p>
</div>
</div>
<div class="table-wrap">
<table>
<div class="table-wrap app-table-shell">
<table class="app-table">
<thead>
<tr>
<th>{% trans "Name" %}</th>
@@ -148,8 +153,8 @@
</div>
<a class="btn btn-secondary" href="/admin-tools/audit-log/">{% trans "Zum Audit Log" %}</a>
</div>
<div class="table-wrap">
<table>
<div class="table-wrap app-table-shell">
<table class="app-table">
<thead>
<tr>
<th>{% trans "Zeit" %}</th>
@@ -184,4 +189,5 @@
</table>
</div>
</section>
</div>
{% endblock %}

25
backend/workflows/templates/workflows/welcome_emails.html
View File

@@ -11,8 +11,14 @@
{% block shell_body %}
{% include 'workflows/includes/app_header.html' with header_show_home=1 header_inside_shell=1 %}
<h1>{% trans "Geplante Welcome E-Mails" %}</h1>
<p class="sub">{% trans "Welcome-Mails konfigurieren und geplante Mails steuern (sofort senden, pausieren, fortsetzen, abbrechen)." %}</p>
<div class="page-stack">
<header class="page-header">
<div class="page-header-copy">
<span class="page-eyebrow">{% trans "Operations" %}</span>
<h1>{% trans "Geplante Welcome E-Mails" %}</h1>
<p class="page-subtitle">{% trans "Welcome-Mails konfigurieren und geplante Mails steuern (sofort senden, pausieren, fortsetzen, abbrechen)." %}</p>
</div>
</header>
{% include 'workflows/includes/messages.html' %}
@@ -60,7 +66,7 @@
<form class="bulk-bar" id="welcome-bulk-form" method="post" action="/admin-tools/welcome-emails/bulk-action/" data-alert-empty="{% trans 'Bitte mindestens einen Welcome-Eintrag auswählen.' %}" data-confirm-delete="{% trans 'Ausgewählte Welcome-Einträge wirklich löschen?' %}" data-confirm-pause="{% trans 'Ausgewählte Welcome-Einträge pausieren?' %}" data-confirm-send="{% trans 'Ausgewählte Welcome-Einträge sofort senden?' %}">
{% csrf_token %}
<label style="display:inline-flex; align-items:center; gap:6px; margin:0;">
<label class="inline-flex-label">
<input type="checkbox" id="select-all-welcome" />
{% trans "Alle auswählen" %}
</label>
@@ -74,7 +80,8 @@
<span class="bulk-note"><span id="selected-count">0</span> {% trans "ausgewählt" %}</span>
</form>
<table>
<div class="app-table-shell">
<table class="app-table">
<thead>
<tr>
<th class="select-col">{% trans "Auswahl" %}</th>
@@ -112,24 +119,24 @@
<td>
<div class="table-actions">
{% if row.status != 'sent' and row.status != 'cancelled' %}
<form method="post" action="/admin-tools/welcome-emails/{{ row.id }}/trigger-now/" style="display:inline;">
<form class="inline-action-form" method="post" action="/admin-tools/welcome-emails/{{ row.id }}/trigger-now/">
{% csrf_token %}
<button class="btn btn-secondary" type="submit">{% trans "Sofort senden" %}</button>
</form>
{% endif %}
{% if row.status == 'scheduled' %}
<form method="post" action="/admin-tools/welcome-emails/{{ row.id }}/pause/" style="display:inline;">
<form class="inline-action-form" method="post" action="/admin-tools/welcome-emails/{{ row.id }}/pause/">
{% csrf_token %}
<button class="btn btn-secondary" type="submit">{% trans "Pausieren" %}</button>
</form>
{% elif row.status == 'paused' %}
<form method="post" action="/admin-tools/welcome-emails/{{ row.id }}/resume/" style="display:inline;">
<form class="inline-action-form" method="post" action="/admin-tools/welcome-emails/{{ row.id }}/resume/">
{% csrf_token %}
<button class="btn btn-secondary" type="submit">{% trans "Fortsetzen" %}</button>
</form>
{% endif %}
{% if row.status != 'sent' and row.status != 'cancelled' %}
<form method="post" action="/admin-tools/welcome-emails/{{ row.id }}/cancel/" style="display:inline;">
<form class="inline-action-form" method="post" action="/admin-tools/welcome-emails/{{ row.id }}/cancel/">
{% csrf_token %}
<button class="btn btn-secondary" type="submit">{% trans "Abbrechen" %}</button>
</form>
@@ -142,6 +149,8 @@
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endblock %}
{% block extra_scripts %}