From d884ff4155306bafdf2328c469e89b44a977aca7 Mon Sep 17 00:00:00 2001
From: Charles <ce.marguerite@sudalys.fr>
Date: Wed, 19 Nov 2025 17:27:35 +0100
Subject: [PATCH] correction visuel

---
 templates/user/show.html.twig | 211 +++++++++++++++++-----------------
 1 file changed, 108 insertions(+), 103 deletions(-)

diff --git a/templates/user/show.html.twig b/templates/user/show.html.twig
index 0066327..10c22b8 100644
--- a/templates/user/show.html.twig
+++ b/templates/user/show.html.twig
@@ -44,112 +44,117 @@
                         {% endif %}
                     </div>
 
-                    <div class="d-flex gap-2 card-body">
-                        {% for app in apps %}
-                            <div class="card col-6">
-                                <div class="card-header d-flex gap-2">
-                                    {% if app.logoMiniUrl %}
-                                        <img src="{{ aws_url ~ app.logoMiniUrl }}" alt="Logo {{ app.name }}"
-                                             class="rounded-circle " style="width:50px; height:50px;">
-                                    {% endif %}
-                                    <div class="card-title">
-                                        <h1>{{ app.name|title }}</h1>
-                                    </div>
-                                </div>
 
-                                <div class="card-body">
-                                    <div class="row">
-                                        <p><b>Description
-                                                :</b> {{ app.descriptionSmall|default('Aucune description disponible.')|raw }}
-                                        </p>
-                                    </div>
-                                    {# EDITABLE if admin and exactly one UO #}
-                                    {% if canEditRoles and data.singleUo is not null %}
-                                        <form method="POST"
-                                              action="{{ path('user_application_role', { id: data.singleUo.id }) }}">
-                                            {# for this app, find its grouped info #}
-                                            {# Find the group for this specific app #}
-                                            {% set appGroup = null %}
-                                            {% for group in data.uoas|default([]) %}
-                                                {% if group.application.id == app.id %}
-                                                    {% set appGroup = group %}
-                                                {% endif %}
-                                            {% endfor %}
-
-                                            <div class="form-group mb-3">
-                                                <label for="roles-{{ app.id }}"><b>Rôles :</b></label>
-                                                <div class="form-check">
-
-                                                    {% if appGroup %}
-                                                        {# Use rolesArray: filtered by current user's level (no SUPER ADMIN for plain ADMIN, etc.) #}
-                                                        {% for role in appGroup.rolesArray %}
-                                                            <input class="form-check-input" type="checkbox"
-                                                                   name="roles[]"
-                                                                   value="{{ role.id }}"
-                                                                   id="role-{{ role.id }}-app-{{ app.id }}"
-                                                                   {% if role.id in appGroup.selectedRoleIds %}checked{% endif %}>
-                                                            <label class="form-check"
-                                                                   for="role-{{ role.id }}-app-{{ app.id }}">
-                                                                {% if role.name == 'USER' %}
-                                                                    Accès
-                                                                {% else %}
-                                                                    {{ role.name|capitalize }}
-                                                                {% endif %}
-                                                            </label>
-                                                        {% endfor %}
-
-                                                    {% else %}
-
-                                                        <p class="text-muted">Aucun rôle défini pour cette
-                                                            application.</p>
-
-                                                    {% endif %}
-                                                </div>
-                                                <button type="submit" name="appId" value="{{ app.id }}"
-                                                        class="btn btn-primary mt-2">
-                                                    Sauvegarder
-                                                </button>
-                                            </div>
-                                        </form>
-
-                                        {# READ ONLY otherwise #}
-                                    {% else %}
-                                        {% set appGroup = null %}
-                                        {% for group in data.uoas|default([]) %}
-                                            {% if group.application.id == app.id %}
-                                                {% set appGroup = group %}
+                    <div class="card-body">
+                        <div class="row g-2">
+                            {% for app in apps %}
+                                <div class="col-12 col-md-6">
+                                    <div class="card h-100">
+                                        <div class="card-header d-flex gap-2">
+                                            {% if app.logoMiniUrl %}
+                                                <img src="{{ aws_url ~ app.logoMiniUrl }}" alt="Logo {{ app.name }}"
+                                                     class="rounded-circle" style="width:50px; height:50px;">
                                             {% endif %}
-                                        {% endfor %}
-
-                                        <div class="form-group mb-3">
-                                            <label for="roles-{{ app.id }}"><b>Rôles :</b></label>
-                                            <div class="form-check">
-
-                                                {% if appGroup %}
-                                                    {# Use rolesArray: filtered by current user's level (no SUPER ADMIN for plain ADMIN, etc.) #}
-                                                    {% for role in appGroup.rolesArray %}
-                                                        <input class="form-check-input" type="checkbox"
-                                                               disabled
-                                                               name="roles[]"
-                                                               value="{{ role.id }}"
-                                                               id="role-{{ role.id }}-app-{{ app.id }}"
-                                                               {% if appGroup and role.id in appGroup.selectedRoleIds %}checked{% endif %}>
-                                                        <label class="form-check"
-                                                               for="role-{{ role.id }}-app-{{ app.id }}">
-                                                            {{ role.name }}
-                                                        </label>
-                                                    {% endfor %}
-                                                {% else %}
-                                                    <p class="text-muted">Aucun rôle défini pour cette
-                                                        application.</p>
-                                                {% endif %}
-
+                                            <div class="card-title">
+                                                <h1>{{ app.name|title }}</h1>
                                             </div>
                                         </div>
-                                    {% endif %}
+
+                                        <div class="card-body">
+                                            <div class="row">
+                                                <p><b>Description
+                                                        :</b> {{ app.descriptionSmall|default('Aucune description disponible.')|raw }}
+                                                </p>
+                                            </div>
+                                            {# EDITABLE if admin and exactly one UO #}
+                                            {% if canEditRoles and data.singleUo is not null %}
+                                                <form method="POST"
+                                                      action="{{ path('user_application_role', { id: data.singleUo.id }) }}">
+                                                    {# for this app, find its grouped info #}
+                                                    {# Find the group for this specific app #}
+                                                    {% set appGroup = null %}
+                                                    {% for group in data.uoas|default([]) %}
+                                                        {% if group.application.id == app.id %}
+                                                            {% set appGroup = group %}
+                                                        {% endif %}
+                                                    {% endfor %}
+
+                                                    <div class="form-group mb-3">
+                                                        <label for="roles-{{ app.id }}"><b>Rôles :</b></label>
+                                                        <div class="form-check">
+
+                                                            {% if appGroup %}
+                                                                {# Use rolesArray: filtered by current user's level (no SUPER ADMIN for plain ADMIN, etc.) #}
+                                                                {% for role in appGroup.rolesArray %}
+                                                                    <input class="form-check-input" type="checkbox"
+                                                                           name="roles[]"
+                                                                           value="{{ role.id }}"
+                                                                           id="role-{{ role.id }}-app-{{ app.id }}"
+                                                                           {% if role.id in appGroup.selectedRoleIds %}checked{% endif %}>
+                                                                    <label class="form-check"
+                                                                           for="role-{{ role.id }}-app-{{ app.id }}">
+                                                                        {% if role.name == 'USER' %}
+                                                                            Accès
+                                                                        {% else %}
+                                                                            {{ role.name|capitalize }}
+                                                                        {% endif %}
+                                                                    </label>
+                                                                {% endfor %}
+
+                                                            {% else %}
+
+                                                                <p class="text-muted">Aucun rôle défini pour cette
+                                                                    application.</p>
+
+                                                            {% endif %}
+                                                        </div>
+                                                        <button type="submit" name="appId" value="{{ app.id }}"
+                                                                class="btn btn-primary mt-2">
+                                                            Sauvegarder
+                                                        </button>
+                                                    </div>
+                                                </form>
+
+                                                {# READ ONLY otherwise #}
+                                            {% else %}
+                                                {% set appGroup = null %}
+                                                {% for group in data.uoas|default([]) %}
+                                                    {% if group.application.id == app.id %}
+                                                        {% set appGroup = group %}
+                                                    {% endif %}
+                                                {% endfor %}
+
+                                                <div class="form-group mb-3">
+                                                    <label for="roles-{{ app.id }}"><b>Rôles :</b></label>
+                                                    <div class="form-check">
+
+                                                        {% if appGroup %}
+                                                            {# Use rolesArray: filtered by current user's level (no SUPER ADMIN for plain ADMIN, etc.) #}
+                                                            {% for role in appGroup.rolesArray %}
+                                                                <input class="form-check-input" type="checkbox"
+                                                                       disabled
+                                                                       name="roles[]"
+                                                                       value="{{ role.id }}"
+                                                                       id="role-{{ role.id }}-app-{{ app.id }}"
+                                                                       {% if appGroup and role.id in appGroup.selectedRoleIds %}checked{% endif %}>
+                                                                <label class="form-check"
+                                                                       for="role-{{ role.id }}-app-{{ app.id }}">
+                                                                    {{ role.name }}
+                                                                </label>
+                                                            {% endfor %}
+                                                        {% else %}
+                                                            <p class="text-muted">Aucun rôle défini pour cette
+                                                                application.</p>
+                                                        {% endif %}
+
+                                                    </div>
+                                                </div>
+                                            {% endif %}
+                                        </div>
+                                    </div>
                                 </div>
-                            </div>
-                        {% endfor %}
+                            {% endfor %}
+                        </div>
                     </div>
 
                 </div>
@@ -161,7 +166,7 @@
 
 {% endblock %}
 
-        {% block title %}
+    {% block title %}
 
-        {% endblock %}
+    {% endblock %}