diff --git a/src/new/docs/design-system.md b/src/new/docs/design-system.md index 5df9eac2a..6ef202779 100644 --- a/src/new/docs/design-system.md +++ b/src/new/docs/design-system.md @@ -1471,7 +1471,7 @@ Siehe `backend_tailwind_base.html.twig` für vollständige Implementierung. {% endblock %} ``` -### Liste-Seite (CRUD List) +### Liste-Seite (CRUD List) ```twig {% extends 'backend_tailwind_base.html.twig' %} @@ -1562,23 +1562,51 @@ Siehe `backend_tailwind_base.html.twig` für vollständige Implementierung. - {# Pagination #} - {{ knp_pagination_render(pagination, 'tailwind_pagination.html.twig') }} - - - -{% endblock %} -``` - -### Edit/Create-Seite (CRUD Form) + {# Pagination #} + {{ knp_pagination_render(pagination, 'tailwind_pagination.html.twig') }} + + + +{% endblock %} +``` + +#### List-Header im `block header` (Titel + Aktion rechts) + +```twig +{% block header %} +
+
+

+ + Module Name Liste +

+
+
+ + Neu erstellen + +
+
+{% endblock %} +``` + +#### KNP Pagination mit Sortable-Template + +```twig +{{ knp_pagination_render(pagination, 'tailwind_pagination.html.twig', {}, { + 'sortableTemplate': 'tailwind_sortable.html.twig' +}) }} +``` + +### Edit/Create-Seite (CRUD Form) **WICHTIG: Verwende immer das vertikale Tab-Layout für Edit/Create-Seiten mit mehreren Sektionen!** #### Standard Edit-Seite mit vertikalen Tabs ```twig -{% extends 'backend_tailwind_base.html.twig' %} -{% form_theme form 'tailwind_formtheme.html.twig' %} +{% extends 'backend_tailwind_base.html.twig' %} +{% form_theme form 'form_div_layout_tailwind.html.twig' %} {% block header %}
@@ -1719,10 +1747,76 @@ Siehe `backend_tailwind_base.html.twig` für vollständige Implementierung.
-{% endblock %} -``` - -#### Design-Specs für Edit/Create-Seiten +{% endblock %} +``` + +### Delete-Seite (Confirmation Card) + +**WICHTIG: Delete immer als eigene Bestätigungs-Card mit Header, Body, Footer.** + +```twig +{% extends 'backend_tailwind_base.html.twig' %} +{% form_theme form 'form_div_layout_tailwind.html.twig' %} + +{% block header %} +
+

+ + Module Name Löschen +

+
+
+ + + Zurück + +
+{% endblock %} + +{% block body %} +
+
+
+
+ +

Löschen?

+
+
+
+

+ Bist du sicher, dass du diesen Eintrag löschen willst? +

+
+
+ {{ item.title }} +
+
+
+

Diese Aktion kann nicht rückgängig gemacht werden.

+
+
+
+ {{ form_start(form) }} +
+ {{ form_widget(form.no, { + attr: { + class: 'inline-flex items-center justify-center py-2 gap-2 font-medium rounded-md px-4 text-sm text-psc-600 border border-psc-500 bg-white hover:bg-gray-50 hover:ring-2 hover:ring-psc-500 hover:ring-offset-1 shadow-sm' + } + }) }} + {{ form_widget(form.yes, { + attr: { + class: 'inline-flex items-center justify-center py-2 gap-2 font-medium rounded-md px-4 text-sm text-white shadow-lg bg-red-500 hover:bg-red-600 hover:ring-2 hover:ring-red-500 hover:ring-offset-1' + } + }) }} +
+ {{ form_end(form) }} +
+
+
+{% endblock %} +``` + +#### Design-Specs für Edit/Create-Seiten **Header:** - **Titel:** Links mit Icon, Format: `Module Name Aktion` @@ -2054,11 +2148,16 @@ Immer Dark Mode Varianten hinzufügen: {% endblock %} ``` -#### 3. Form Theme - -```twig -{% form_theme form 'form_div_layout_tailwind.html.twig' %} -``` +#### 3. Form Theme + +```twig +{% form_theme form 'form_div_layout_tailwind.html.twig' %} +``` + +**Nicht verwenden:** +```twig +{% form_theme form 'tailwind_formtheme.html.twig' %} +``` #### 4. Naming Conventions diff --git a/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/create.html.twig b/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/create.html.twig index b87876d29..c664e34dd 100644 --- a/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/create.html.twig +++ b/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/create.html.twig @@ -11,7 +11,7 @@
- + @@ -25,7 +25,7 @@ {{ form_start(form, {attr: {class: ''}}) }}
-
+
@@ -35,7 +35,7 @@
-
+
Details
@@ -61,12 +61,7 @@
- +
{{ form_end(form) }} diff --git a/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/delete.html.twig b/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/delete.html.twig index e46d4af7a..a3af8bed7 100644 --- a/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/delete.html.twig +++ b/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/delete.html.twig @@ -1,4 +1,5 @@ {% extends 'backend_tailwind_base.html.twig' %} +{% form_theme form 'form_div_layout_tailwind.html.twig' %} {% block header %}
@@ -10,7 +11,7 @@
- + @@ -21,45 +22,57 @@ {% block body %}
-
-
-

Hilfetext löschen?

-
-
-
- - - -
-
-

- {{ help.name }} -

-
+
+
+
+ + + +

Hilfetext löschen?

+
+
+ +
+

+ Soll der ausgewählte Hilfetext wirklich gelöscht werden? +

+ +
+
+ {{ help.name }} +
+
+ +
+
+ + + +

+ Diese Aktion kann nicht rückgängig gemacht werden. +

- {{ form_start(form, {attr: {class: ''}}) }} -
- - +
+ {{ form_start(form) }} +
+ {{ form_widget(form.no, { + attr: { + class: 'inline-flex items-center justify-center py-2 gap-2 font-medium rounded-md px-4 text-sm text-psc-600 border border-psc-500 bg-white hover:bg-gray-50 hover:ring-2 hover:ring-psc-500 hover:ring-offset-1 shadow-sm' + }, + label: 'Nein, abbrechen' + }) }} + {{ form_widget(form.yes, { + attr: { + class: 'inline-flex items-center justify-center py-2 gap-2 font-medium rounded-md px-4 text-sm text-white shadow-lg bg-red-500 hover:bg-red-600 hover:ring-2 hover:ring-red-500 hover:ring-offset-1' + }, + label: 'Ja, löschen' + }) }} +
+ {{ form_end(form) }}
- - {{ form_end(form) }}
{% endblock %} diff --git a/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/edit.html.twig b/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/edit.html.twig index b91b8f372..7892334aa 100644 --- a/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/edit.html.twig +++ b/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/edit.html.twig @@ -11,7 +11,7 @@
- + @@ -25,7 +25,7 @@ {{ form_start(form, {attr: {class: ''}}) }}
-
+
@@ -35,7 +35,7 @@
-
+
Details
@@ -61,12 +61,7 @@
- +
{{ form_end(form) }} diff --git a/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/index.html.twig b/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/index.html.twig index 58c17652e..cfdb4b494 100644 --- a/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/index.html.twig +++ b/src/new/src/PSC/System/SettingsBundle/Resources/views/backend/help/index.html.twig @@ -1,63 +1,81 @@ {% extends 'backend_tailwind_base.html.twig' %} {% block header %} -
-

- - - - Hilfetexte Liste -

-
-
- - - - - Hilfetext hinzufügen - +
+
+

+ + + + Hilfetexte Liste +

+
+
+ + + + + Hilfetext hinzufügen + +
{% endblock %} {% block body %}
-
-
-
-
-

Name

-
-
-

Interner Name

-
-
-

Hilfetext

-
-
-
- {% for help in helpItems %} -
-
{{ help.name }}
-
{{ help.internName }}
-
-
- {{ help.helpText|striptags }} -
-
-
- - - - - - - - - - -
-
- {% endfor %} +
+
+ + + + + + + + + + + {% for help in helpItems %} + + + + + + + {% endfor %} + +
+ Name + + Interner Name + + Hilfetext + + Aktionen +
+ {{ help.name }} + + {{ help.internName }} + +
+ {{ help.helpText|striptags }} +
+ 		+
+ {# Bearbeiten - GRÜN #} + + + + + + {# Löschen - ROT #} + + + + + +
+
diff --git a/src/new/var/plugins/Custom/PSC/LaufkartenLayouter/Resources/views/frontend/designer/start.html.twig b/src/new/var/plugins/Custom/PSC/LaufkartenLayouter/Resources/views/frontend/designer/start.html.twig index cefad0577..fe287ce25 100644 --- a/src/new/var/plugins/Custom/PSC/LaufkartenLayouter/Resources/views/frontend/designer/start.html.twig +++ b/src/new/var/plugins/Custom/PSC/LaufkartenLayouter/Resources/views/frontend/designer/start.html.twig @@ -129,9 +129,9 @@ Seiten 2-Seitig Tab + Tab-Farbe OCR Bereich - Nummer (OCR) - Farbe + Tab-Nummer (OCR) OCR Löschen @@ -145,7 +145,7 @@
- +
@@ -810,19 +810,7 @@ onchange="updateOCRNumber(${index}, this.value)" /> - - - - ${pdf.processed ? '✓' : ''} @@ -1523,7 +1511,7 @@ Seiten 2-Seitig OCR Nummer - Farbe + Tab-Farbe