From 1d2b4fbb6b36a6e5c4d6d2cfacd0cab1a23e8534 Mon Sep 17 00:00:00 2001 From: maher Date: Sat, 3 Jan 2026 16:02:34 +0100 Subject: [PATCH] Collapse --- src/Controller/DemoController.php | 6 + templates/demo/buttons.html.twig | 1 + templates/demo/chart.html.twig | 1 + templates/demo/collapse.html.twig | 394 +++++++++++++ templates/demo/dropdown.html.twig | 1 + templates/demo/elements.html.twig | 1 + templates/demo/icons.html.twig | 1 + templates/demo/index.html.twig | 1 + templates/demo/table.html.twig | 1 + templates/investigation/add-index.html.twig | 525 ++++++++---------- .../investigation/form-question.html.twig | 331 +++++------ 11 files changed, 817 insertions(+), 446 deletions(-) create mode 100644 templates/demo/collapse.html.twig diff --git a/src/Controller/DemoController.php b/src/Controller/DemoController.php index 8160c86..758f251 100644 --- a/src/Controller/DemoController.php +++ b/src/Controller/DemoController.php @@ -26,7 +26,13 @@ final class DemoController extends AbstractController return $this->render('demo/empty.html.twig', []); } + #[Route('/demo/collapse', name: 'app_demo_collapse')] + public function collapse(): Response + { + return $this->render('demo/collapse.html.twig', []); + } + #[Route('/demo/chart', name: 'app_demo_chart')] public function chart(): Response { diff --git a/templates/demo/buttons.html.twig b/templates/demo/buttons.html.twig index d2ee7ec..7fa2e4b 100644 --- a/templates/demo/buttons.html.twig +++ b/templates/demo/buttons.html.twig @@ -82,6 +82,7 @@ Dropdown Icons Table + Collapse diff --git a/templates/demo/chart.html.twig b/templates/demo/chart.html.twig index 824cc52..eb606f1 100644 --- a/templates/demo/chart.html.twig +++ b/templates/demo/chart.html.twig @@ -88,6 +88,7 @@ Dropdown Icons Table + Collapse diff --git a/templates/demo/collapse.html.twig b/templates/demo/collapse.html.twig new file mode 100644 index 0000000..b9bf786 --- /dev/null +++ b/templates/demo/collapse.html.twig @@ -0,0 +1,394 @@ + + + + + + + + + + + + + + + + + Azia Responsive Bootstrap 4 Dashboard Template + + + + + + + + + +
+
+
+ + +
+ +
+
+ + × +
+ + +
+ +
+ + +
+ +
+ +
+ +
+
+ +
+
Notifications
+

You have 2 unread notification

+
+
+
+
+

Congratulate Socrates Itumay for work anniversaries

+ Mar 15 12:32pm +
+ +
+ +
+
+
+

Joyce Chua just created a new blog post

+ Mar 13 04:16am +
+ +
+ +
+
+
+

Althea Cabardo just created a new blog post

+ Mar 13 02:56am +
+ +
+ +
+
+
+

Adrian Monino added new comment on your photo

+ Mar 12 10:40pm +
+ +
+ +
+ +
View All Notifications
+
+ +
+ +
+ +
+
+ +
+
+
+ +
+ +
Aziana Pechon
+ Premium Member +
+ + My Profile + Edit Profile + Activity Logs + Account Settings + Sign Out +
+ +
+
+ +
+ +
+ +
+
+
+
+ + + + + + + + +
+ +
+ +
+
+ Components + UI Elements + Collapses +
+

Collapses

+ + {# ---------------------------------------- #} +
+ +
+
+
+
+
Very nice central apartment
+

1 bedroom • 113 reviews

+
$85 per night
+
+ +
+
+ +
+
+ Very nice central apartment + +

Beautiful central apartment located in the heart of Chicago. Perfect for business travelers or tourists who want to experience the city.

+ +
+
+ Check-in: + 3:00 PM +
+
+ Check-out: + 11:00 AM +
+
+ Max guests: + 2 +
+
+ Rating: + 4.8/5 (113 reviews) +
+
+ +
+ WiFi + Kitchen + TV + Heating + Air conditioning +
+ + +
+
+
+ + +
+ + +
+
+ Beautiful room in Chicago + +

Cozy room with beautiful views of Chicago. Located in a quiet neighborhood but close to public transportation.

+ +
+
+ Check-in: + 2:00 PM +
+
+ Check-out: + 12:00 PM +
+
+ Max guests: + 2 +
+
+ Rating: + 4.5/5 (23 reviews) +
+
+ +
+ WiFi + Breakfast + Parking + TV + Heating +
+ + +
+
+
+ + +
+ + +
+
+ Modern loft in downtown + +

Modern and stylish loft located in downtown Chicago. Features open space design and modern amenities.

+ +
+
+ Check-in: + 4:00 PM +
+
+ Check-out: + 10:00 AM +
+
+ Max guests: + 3 +
+
+ Rating: + 4.7/5 (47 reviews) +
+
+ +
+ WiFi + Kitchen + Gym access + Smart TV + Air conditioning + Washer/Dryer +
+ + +
+
+
+ +
+ +
+ +
+ + + + + + + + + + diff --git a/templates/demo/dropdown.html.twig b/templates/demo/dropdown.html.twig index 02c8ab7..85e27bb 100644 --- a/templates/demo/dropdown.html.twig +++ b/templates/demo/dropdown.html.twig @@ -82,6 +82,7 @@ Dropdown Icons Table + Collapse
diff --git a/templates/demo/elements.html.twig b/templates/demo/elements.html.twig index 75ea115..d8c52bb 100644 --- a/templates/demo/elements.html.twig +++ b/templates/demo/elements.html.twig @@ -89,6 +89,7 @@ Dropdown Icons Table + Collapse diff --git a/templates/demo/icons.html.twig b/templates/demo/icons.html.twig index 20de208..8f9ea9d 100644 --- a/templates/demo/icons.html.twig +++ b/templates/demo/icons.html.twig @@ -83,6 +83,7 @@ Dropdown Icons Table + Collapse diff --git a/templates/demo/index.html.twig b/templates/demo/index.html.twig index 5d3cf25..0528c92 100755 --- a/templates/demo/index.html.twig +++ b/templates/demo/index.html.twig @@ -83,6 +83,7 @@ Dropdown Icons Table + Collapse diff --git a/templates/demo/table.html.twig b/templates/demo/table.html.twig index 7ed8b0b..d151c90 100644 --- a/templates/demo/table.html.twig +++ b/templates/demo/table.html.twig @@ -82,6 +82,7 @@ Dropdown Icons Table + Collapse diff --git a/templates/investigation/add-index.html.twig b/templates/investigation/add-index.html.twig index 68b6d17..d66b626 100644 --- a/templates/investigation/add-index.html.twig +++ b/templates/investigation/add-index.html.twig @@ -2,8 +2,6 @@ {% block title %}Enquête{% endblock %} - - {% block content %} {% set prototypeHtml %} @@ -11,24 +9,29 @@ {% endset %} -
-
Enquête @@ -39,7 +42,6 @@

Créer une nouvelle enquête

- {{ form_start(form) }}
- {% for formQuestion in form.questions %} -
-
-
-
-
-
-
-
Question N: {{ loop.index }}
-
-
- -
-
- -
-
-
- -
- {{ form_widget(formQuestion.title, {'attr': {'class': 'form-control', 'placeholder': 'Visible que pour la createur du question' }}) }} -
-
-
- -
- {{ form_widget(formQuestion.name_en, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} -
-
-
- -
- {{ form_widget(formQuestion.name_fr, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} -
-
-
- -
- {{ form_widget(formQuestion.name_ar, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} -
-
-
-
-
- - {{ form_widget(formQuestion.amount, {'attr': {'class': 'form-control' }}) }} -
-
-
-
- - {{ form_widget(formQuestion.max_participant, {'attr': {'class': 'form-control' }}) }} -
-
-
-

Modalité

-
-
-
- - {{ form_widget(formQuestion.type_modality, {'attr': {'class': 'form-control form-control-sm mb-3"' }}) }} -
-
-
-
- {% for key,child in formQuestion.choice %} -
- {{ form_widget(child) }} -
- {% endfor %} -
-
-
- - {% set prototype %} -
- - {# EN #} -
- EN - {{ form_widget(formQuestion.modalitys.vars.prototype.name_en, { - attr: { - class: 'form-control', - placeholder: 'Nom (EN)' - } - }) }} -
- {{ form_errors(formQuestion.modalitys.vars.prototype.name_en) }} - - {# FR #} -
- FR - {{ form_widget(formQuestion.modalitys.vars.prototype.name_fr, { - attr: { - class: 'form-control', - placeholder: 'Nom (FR)' - } - }) }} -
- {{ form_errors(formQuestion.modalitys.vars.prototype.name_fr) }} - - {# AR #} -
- AR - {{ form_widget(formQuestion.modalitys.vars.prototype.name_ar, { - attr: { - class: 'form-control', - placeholder: 'الاسم (AR)', - dir: 'rtl' - } - }) }} -
- {{ form_errors(formQuestion.modalitys.vars.prototype.name_ar) }} - - -
- {% endset %} - - {# modalities #} -
-
-
- - {% for modality in formQuestion.modalitys %} -
- -
- EN - {{ form_widget(modality.name_en, { - attr: { class: 'form-control', placeholder: 'Nom (EN)' } - }) }} -
- {{ form_errors(modality.name_en) }} - -
- FR - {{ form_widget(modality.name_fr, { - attr: { class: 'form-control', placeholder: 'Nom (FR)' } - }) }} -
- {{ form_errors(modality.name_fr) }} - -
- AR - {{ form_widget(modality.name_ar, { - attr: { - class: 'form-control', - placeholder: 'الاسم (AR)', - dir: 'rtl' - } - }) }} -
- {{ form_errors(modality.name_ar) }} - - -
- {% endfor %} + {% for formQuestion in form.questions %} +
+
+
+
+
+
+
+
+
Question N: {{ loop.index }}
+

{{ formQuestion.title.vars.value }}

+
+
-
+ +
+
+
+
+
+ +
+
+ +
+
+ +
+ +
+ {{ form_widget(formQuestion.title, {'attr': {'class': 'form-control', 'placeholder': 'Visible que pour la createur du question' }}) }} +
+
+
+ +
+ {{ form_widget(formQuestion.name_en, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} +
+
+
+ +
+ {{ form_widget(formQuestion.name_fr, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} +
+
+
+ +
+ {{ form_widget(formQuestion.name_ar, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} +
+
+ +
+
+
+ + {{ form_widget(formQuestion.amount, {'attr': {'class': 'form-control' }}) }} +
+
+
+
+ + {{ form_widget(formQuestion.max_participant, {'attr': {'class': 'form-control' }}) }} +
+
+
-
- +

Modalité

+
+
+
+ + {{ form_widget(formQuestion.type_modality, {'attr': {'class': 'form-control form-control-sm mb-3' }}) }} +
+
+
+
+ {% for key, child in formQuestion.choice %} +
+ {{ form_widget(child) }} +
+ {% endfor %} +
+
+
+ + {% set prototype %} +
+
+ EN + {{ form_widget(formQuestion.modalitys.vars.prototype.name_en, { + attr: { class: 'form-control', placeholder: 'Nom (EN)' } + }) }} +
+ {{ form_errors(formQuestion.modalitys.vars.prototype.name_en) }} + +
+ FR + {{ form_widget(formQuestion.modalitys.vars.prototype.name_fr, { + attr: { class: 'form-control', placeholder: 'Nom (FR)' } + }) }} +
+ {{ form_errors(formQuestion.modalitys.vars.prototype.name_fr) }} + +
+ AR + {{ form_widget(formQuestion.modalitys.vars.prototype.name_ar, { + attr: { class: 'form-control', placeholder: 'الاسم (AR)', dir: 'rtl' } + }) }} +
+ {{ form_errors(formQuestion.modalitys.vars.prototype.name_ar) }} +
+ {% endset %} + +
+
+
+ {% for modality in formQuestion.modalitys %} +
+
+ EN + {{ form_widget(modality.name_en, { + attr: { class: 'form-control', placeholder: 'Nom (EN)' } + }) }} +
+ {{ form_errors(modality.name_en) }} + +
+ FR + {{ form_widget(modality.name_fr, { + attr: { class: 'form-control', placeholder: 'Nom (FR)' } + }) }} +
+ {{ form_errors(modality.name_fr) }} + +
+ AR + {{ form_widget(modality.name_ar, { + attr: { class: 'form-control', placeholder: 'الاسم (AR)', dir: 'rtl' } + }) }} +
+ {{ form_errors(modality.name_ar) }} + + +
+ {% endfor %} +
+
+
+ +
+
+
+
-
- -
-
+
- -
-
+ {% endfor %}
- {% endfor %} -
- - - {{ form_row(form.save, {'attr': {'class': 'btn btn-success rounded-pill save-question' }}) }} - - {{ form_end(form) }} - {% if app.request.attributes.get('_route') == 'app_investigation_edit' %} - - Enquête Prête - - {% endif %} - + + {{ form_row(form.save, {'attr': {'class': 'btn btn-success rounded-pill save-question' }}) }} + + {{ form_end(form) }} + + {% if app.request.attributes.get('_route') == 'app_investigation_edit' %} + + Enquête Prête + + {% endif %} +
-
{% block javascripts %} - + {% endblock %} - - - }); - -{% endblock %} - -{% endblock %} - +{% endblock %} \ No newline at end of file diff --git a/templates/investigation/form-question.html.twig b/templates/investigation/form-question.html.twig index 412c67d..f94613b 100644 --- a/templates/investigation/form-question.html.twig +++ b/templates/investigation/form-question.html.twig @@ -1,178 +1,183 @@ +
+
-
-
-
-
-
-
Question N:
-
-
- -
-
- -
+
+
+
+
Question N:
-
- -
- {{ form_widget(formQtn.title, {'attr': {'class': 'form-control', 'placeholder': 'Visible que pour la createur du question' }}) }} -
-
-
- -
- {{ form_widget(formQtn.name_en, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} -
-
-
- -
- {{ form_widget(formQtn.name_fr, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} -
-
-
- -
- {{ form_widget(formQtn.name_ar, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} -
-
-
-
-
- - {{ form_widget(formQtn.amount, {'attr': {'class': 'form-control' }}) }} + +
+
+ +
+
+ +
+
+
+ +
+
+
-
-
- - {{ form_widget(formQtn.max_participant, {'attr': {'class': 'form-control' }}) }} + +
+ +
+ {{ form_widget(formQtn.title, {'attr': {'class': 'form-control', 'placeholder': 'Visible que pour la createur du question' }}) }}
-
-

Modalité

-
-
-
- - {{ form_widget(formQtn.type_modality, {'attr': {'class': 'form-control form-control-sm mb-3"' }}) }} + +
+ +
+ {{ form_widget(formQtn.name_en, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }}
-
-
- {% for key,child in formQtn.choice %} -
- {{ form_widget(child) }} + +
+ +
+ {{ form_widget(formQtn.name_fr, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} +
+
+ +
+ +
+ {{ form_widget(formQtn.name_ar, {'attr': {'class': 'form-control', 'placeholder': 'Visible pour les participants' }}) }} +
+
+ +
+
+
+ + {{ form_widget(formQtn.amount, {'attr': {'class': 'form-control' }}) }} +
+
+
+
+ + {{ form_widget(formQtn.max_participant, {'attr': {'class': 'form-control' }}) }} +
+
+
+ +

Modalité

+
+
+
+ + {{ form_widget(formQtn.type_modality, {'attr': {'class': 'form-control form-control-sm mb-3"' }}) }} +
+
+
+
+ {% for key,child in formQtn.choice %} +
+ {{ form_widget(child) }}
- {% endfor %} + {% endfor %} +
+ + {% set prototype %} +
+ {# EN #} +
+ EN + {{ form_widget(formQtn.modalitys.vars.prototype.name_en, { + attr: { + class: 'form-control', + placeholder: 'Nom (EN)' + } + }) }} +
+ {{ form_errors(formQtn.modalitys.vars.prototype.name_en) }} + + {# FR #} +
+ FR + {{ form_widget(formQtn.modalitys.vars.prototype.name_fr, { + attr: { + class: 'form-control', + placeholder: 'Nom (FR)' + } + }) }} +
+ {{ form_errors(formQtn.modalitys.vars.prototype.name_fr) }} + + {# AR #} +
+ AR + {{ form_widget(formQtn.modalitys.vars.prototype.name_ar, { + attr: { + class: 'form-control', + placeholder: 'الاسم (AR)', + dir: 'rtl' + } + }) }} +
+ {{ form_errors(formQtn.modalitys.vars.prototype.name_ar) }} +
+ {% endset %} + + {# modalities #} +
+
+
+ {% for modality in formQtn.modalitys %} +
+
+ EN + {{ form_widget(modality.name_en, { + attr: { class: 'form-control', placeholder: 'Nom (EN)' } + }) }} +
+ {{ form_errors(modality.name_en) }} + +
+ FR + {{ form_widget(modality.name_fr, { + attr: { class: 'form-control', placeholder: 'Nom (FR)' } + }) }} +
+ {{ form_errors(modality.name_fr) }} + +
+ AR + {{ form_widget(modality.name_ar, { + attr: { + class: 'form-control', + placeholder: 'الاسم (AR)', + dir: 'rtl' + } + }) }} +
+ {{ form_errors(modality.name_ar) }} + + +
+ {% endfor %} +
+
+ +
+ +
+
+
- - - - {% set prototype %} -
- - {# EN #} -
- EN - {{ form_widget(formQtn.modalitys.vars.prototype.name_en, { - attr: { - class: 'form-control', - placeholder: 'Nom (EN)' - } - }) }} -
- {{ form_errors(formQtn.modalitys.vars.prototype.name_en) }} - - {# FR #} -
- FR - {{ form_widget(formQtn.modalitys.vars.prototype.name_fr, { - attr: { - class: 'form-control', - placeholder: 'Nom (FR)' - } - }) }} -
- {{ form_errors(formQtn.modalitys.vars.prototype.name_fr) }} - - {# AR #} -
- AR - {{ form_widget(formQtn.modalitys.vars.prototype.name_ar, { - attr: { - class: 'form-control', - placeholder: 'الاسم (AR)', - dir: 'rtl' - } - }) }} -
- {{ form_errors(formQtn.modalitys.vars.prototype.name_ar) }} - - -
- {% endset %} - - {# modalities #} -
-
-
- - {% for modality in formQtn.modalitys %} -
- -
- EN - {{ form_widget(modality.name_en, { - attr: { class: 'form-control', placeholder: 'Nom (EN)' } - }) }} -
- {{ form_errors(modality.name_en) }} - -
- FR - {{ form_widget(modality.name_fr, { - attr: { class: 'form-control', placeholder: 'Nom (FR)' } - }) }} -
- {{ form_errors(modality.name_fr) }} - -
- AR - {{ form_widget(modality.name_ar, { - attr: { - class: 'form-control', - placeholder: 'الاسم (AR)', - dir: 'rtl' - } - }) }} -
- {{ form_errors(modality.name_ar) }} - - -
- {% endfor %} -
- -
- -
- -
- -
- - - -
-
+
+
\ No newline at end of file