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

snapshot: unify shared admin editor components

Browse Source
This commit is contained in:
Md Bayazid Bostame
2026-03-28 12:37:54 +01:00
parent 753e33f235
commit 70f76633a9
5 changed files with 106 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
backend/workflows/static/workflows/css/design_system.css
View File

@@ -165,6 +165,26 @@ body {
gap: 14px;
}
.app-editor-shell {
display: grid;
grid-template-columns: 260px minmax(0, 1fr);
gap: 18px;
align-items: start;
}
.app-editor-sidebar {
position: sticky;
top: 18px;
display: grid;
gap: 14px;
}
.app-editor-main {
min-width: 0;
display: grid;
gap: 14px;
}
.app-sidebar-card {
padding: 16px;
border: 1px solid rgba(216, 226, 239, 0.94);
@@ -252,6 +272,32 @@ body {
gap: 12px;
}
.app-stat-grid {
display: grid;
gap: 12px;
}
.app-stat-card {
display: grid;
gap: 2px;
padding: 14px;
border: 1px solid rgba(216, 226, 239, 0.94);
border-radius: 16px;
background: linear-gradient(180deg, #fbfdff, #ffffff);
}
.app-stat-card strong {
font-size: 22px;
line-height: 1;
color: #163566;
}
.app-stat-card span {
color: var(--ds-muted);
font-size: 12px;
font-weight: 700;
}
.app-side-stat {
display: grid;
gap: 2px;
@@ -409,6 +455,33 @@ table th {
flex-wrap: wrap;
}
.app-action-row {
margin-top: 12px;
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.app-action-row.is-sticky {
position: sticky;
bottom: 14px;
z-index: 4;
padding-top: 12px;
border-top: 1px solid #dbe5f2;
background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.98));
}
.app-note-row {
display: flex;
justify-content: space-between;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 18px;
}
.app-module-link,
.tab {
display: inline-flex;
@@ -499,6 +572,19 @@ table th {
.page-stack {
padding: 18px;
}
.app-editor-shell {
grid-template-columns: 1fr;
}
.app-editor-sidebar {
position: static;
}
.app-action-row {
align-items: stretch;
flex-direction: column;
}
}
@media (max-width: 760px) {

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

@@ -190,7 +190,7 @@
</section>
{% endfor %}
<div class="toolbar" style="margin-top:1.25rem;">
<div class="toolbar app-note-row">
<div class="hint">{% trans "Die aktuell gesetzte Deployment-Branding bleibt erhalten, bis hier Werte geändert oder Dateien hochgeladen werden." %}</div>
</div>
</div>

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

@@ -59,7 +59,7 @@
<input id="sync_interval" name="sync_interval_seconds" type="number" min="10" step="1" value="{{ workflow_config.sync_interval_seconds }}" />
</div>
</div>
<div class="actions">
<div class="actions app-action-row">
<button class="btn btn-primary" type="submit">{% trans "Nextcloud speichern" %}</button>
<button class="btn btn-secondary" type="submit" formaction="/test/nextcloud/" data-progress-title="{% trans 'Nextcloud-Test läuft' %}" data-progress-copy="{% trans 'Bitte warten. Verbindung und Upload in das konfigurierte Ziel werden geprüft.' %}">{% trans "Nextcloud-Test starten" %}</button>
</div>
@@ -121,7 +121,7 @@
<label><input type="checkbox" name="smtp_use_ssl" {% if workflow_config.smtp_use_ssl %}checked{% endif %} /> {% trans "SMTP SSL" %}</label>
<label><input type="checkbox" name="smtp_use_tls" {% if workflow_config.smtp_use_tls %}checked{% endif %} /> {% trans "SMTP TLS" %}</label>
</div>
<div class="actions">
<div class="actions app-action-row">
<button class="btn btn-primary" type="submit">{% trans "Mail speichern" %}</button>
<button class="btn btn-secondary" type="submit" formaction="/test/email/" data-progress-title="{% trans 'SMTP-Test läuft' %}" data-progress-copy="{% trans 'Bitte warten. SMTP-Verbindung und Testversand werden geprüft.' %}">{% trans "SMTP-Test starten" %}</button>
</div>
@@ -196,7 +196,7 @@
</div>
{% endfor %}
<div class="actions">
<div class="actions app-action-row">
<button class="btn btn-primary" type="submit">{% trans "E-Mail Routing & Vorlagen speichern" %}</button>
</div>
</form>

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

@@ -25,24 +25,24 @@
{% include 'workflows/includes/messages.html' %}
<section class="intro-builder-shell">
<aside class="intro-builder-sidebar">
<section class="card intro-side-card">
<section class="intro-builder-shell app-editor-shell">
<aside class="intro-builder-sidebar app-editor-sidebar">
<section class="card intro-side-card app-sidebar-card">
<span class="page-eyebrow intro-eyebrow">{% trans "Übersicht" %}</span>
<div class="intro-side-stats">
<div class="intro-side-stat">
<div class="intro-side-stats app-stat-grid">
<div class="intro-side-stat app-stat-card">
<strong>{{ intro_summary.total_items }}</strong>
<span>{% trans "Punkte gesamt" %}</span>
</div>
<div class="intro-side-stat">
<div class="intro-side-stat app-stat-card">
<strong>{{ intro_summary.active_items }}</strong>
<span>{% trans "aktiv" %}</span>
</div>
<div class="intro-side-stat">
<div class="intro-side-stat app-stat-card">
<strong>{{ intro_summary.conditional_items }}</strong>
<span>{% trans "mit Bedingung" %}</span>
</div>
<div class="intro-side-stat">
<div class="intro-side-stat app-stat-card">
<strong>{{ intro_summary.section_count }}</strong>
<span>{% trans "genutzte Abschnitte" %}</span>
</div>
@@ -58,7 +58,7 @@
</nav>
</aside>
<div class="intro-builder-main">
<div class="intro-builder-main app-editor-main">
<form class="card intro-builder-form-card" method="post" action="/admin-tools/intro-builder/">
{% csrf_token %}
<input type="hidden" name="builder_action" value="add_item" />
@@ -86,7 +86,7 @@
<input id="label_en" name="label_en" placeholder="{% trans 'e.g. Nextcloud folder structure explained' %}" />
</div>
</div>
<div class="intro-builder-actions">
<div class="intro-builder-actions app-action-row">
<button class="btn btn-primary" type="submit">{% trans "Punkt hinzufügen" %}</button>
<span class="hint">{% trans "Bedingungen und Sortierung können anschließend im Editor gepflegt werden." %}</span>
</div>
@@ -180,7 +180,7 @@
{% endfor %}
</div>
<div class="intro-builder-actions intro-builder-actions-sticky">
<div class="intro-builder-actions intro-builder-actions-sticky app-action-row is-sticky">
<button class="btn btn-primary" type="submit">{% trans "Checkliste speichern" %}</button>
<span class="hint">{% trans "Die Reihenfolge folgt aktuell der gespeicherten Listenreihenfolge innerhalb der Abschnitte." %}</span>
</div>

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

@@ -29,8 +29,8 @@
<h2>{% trans "Übersicht" %}</h2>
<p>{% trans "Aktueller Trial-Status und die daraus resultierende Systemwirkung." %}</p>
</div>
<div class="trial-summary-grid">
<div class="trial-summary-card">
<div class="trial-summary-grid app-stat-grid">
<div class="trial-summary-card app-stat-card">
<span class="trial-summary-label">{% trans "Status" %}</span>
<strong class="trial-summary-value {% if portal_trial_enabled %}{% if portal_trial_expired %}is-expired{% else %}is-active{% endif %}{% else %}is-inactive{% endif %}">
{% if portal_trial_enabled %}
@@ -40,19 +40,19 @@
{% endif %}
</strong>
</div>
<div class="trial-summary-card">
<div class="trial-summary-card app-stat-card">
<span class="trial-summary-label">{% trans "Ende" %}</span>
<strong class="trial-summary-value">
{% if portal_trial_expires_at %}{{ portal_trial_expires_at|date:"d.m.Y H:i" }}{% else %}{% trans "Nicht gesetzt" %}{% endif %}
</strong>
</div>
<div class="trial-summary-card">
<div class="trial-summary-card app-stat-card">
<span class="trial-summary-label">{% trans "Nextcloud effektiv" %}</span>
<strong class="trial-summary-value {% if portal_trial_restrict_integrations and portal_trial_enabled %}is-inactive{% else %}is-active{% endif %}">
{% if portal_trial_restrict_integrations and portal_trial_enabled %}{% trans "Deaktiviert" %}{% else %}{% trans "Unverändert" %}{% endif %}
</strong>
</div>
<div class="trial-summary-card">
<div class="trial-summary-card app-stat-card">
<span class="trial-summary-label">{% trans "E-Mail effektiv" %}</span>
<strong class="trial-summary-value {% if portal_trial_restrict_integrations and portal_trial_enabled %}is-warn{% else %}is-active{% endif %}">
{% if portal_trial_restrict_integrations and portal_trial_enabled %}{% trans "Testmodus" %}{% else %}{% trans "Unverändert" %}{% endif %}