From 6fe22d413efd0cb1aca16f65f596a5e0a77013c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 14 Jan 2025 08:54:41 +0100
Subject: [PATCH] feat: improve admin dashboard layout

---
 templates/admin/index.html.twig | 110 ++++++++++++++++++--------------
 1 file changed, 61 insertions(+), 49 deletions(-)

diff --git a/templates/admin/index.html.twig b/templates/admin/index.html.twig
index d8ec903..2a38adc 100644
--- a/templates/admin/index.html.twig
+++ b/templates/admin/index.html.twig
@@ -158,59 +158,71 @@
                 {% endfor %}
             </ul>
         </div>
+        {% set overdueFeedbacksCount = overdueFeedbacks|length %}
         <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
-            <h2 class="font-bold text-lg pb-2">
-                überfällige Feedbacks
+            <h2 class="flex justify-between pb-2">
+                <span class="font-bold text-lg">Überfällige Feedbacks</span>
+                {% if overdueFeedbacksCount > 0 %}
+                    <span>{{ overdueFeedbacksCount }} überfälllig</span>
+                {% endif %}
             </h2>
-            <ul class="divide-y divide-gray-200">
-                {% for disposition in overdueFeedbacks %}
-                    {% set assignment = disposition.assignment %}
-                    <li class="py-2 first:pt-0 last:pb-0 overflow-x-hidden">
-                        <a href="{{ path('app_administrative_feedback_provide', { 'uuid': disposition.uuid, 'r': return_url() }) }}"
-                           class="flex items-center space-x-1">
-                            {{ icon('feedback', 'w-4 h-4 shrink-0') }}
-                            <span class="whitespace-nowrap">{{ disposition.teamer }}</span>
-                            {% if assignment.destination %}
-                                {% include '_partials/_dot.html.twig' %}
-                                <span class="whitespace-nowrap">{{ assignment.destination }}</span>
-                            {% endif %}
-                            {% if assignment.jobProfile %}
+            <div class="max-h-64 overflow-y-scroll">
+                <ul class="divide-y divide-gray-200">
+                    {% for disposition in overdueFeedbacks %}
+                        {% set assignment = disposition.assignment %}
+                        <li class="py-2 first:pt-0 last:pb-0 overflow-x-hidden">
+                            <a href="{{ path('app_administrative_feedback_provide', { 'uuid': disposition.uuid, 'r': return_url() }) }}"
+                               class="flex items-center space-x-1">
+                                {{ icon('feedback', 'w-4 h-4 shrink-0') }}
+                                <span class="whitespace-nowrap">{{ disposition.teamer }}</span>
+                                {% if assignment.destination %}
+                                    {% include '_partials/_dot.html.twig' %}
+                                    <span class="whitespace-nowrap">{{ assignment.destination }}</span>
+                                {% endif %}
+                                {% if assignment.jobProfile %}
+                                    {% include '_partials/_dot.html.twig' %}
+                                    <span class="whitespace-nowrap">{{ assignment.jobProfile.name }}</span>
+                                {% endif %}
+                            </a>
+                        </li>
+                    {% else %}
+                        <li class="py-2 first:pt-0 last:pb-0">
+                            -
+                        </li>
+                    {% endfor %}
+                </ul>
+            </div>
+        </div>
+        {% set overdueContractsCount = overdueContracts|length %}
+        <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
+            <h2 class="flex justify-between pb-2">
+                <span class="font-bold text-lg">Überfällige Honorarverträge</span>
+                {% if overdueContractsCount > 0 %}
+                    <span>{{ overdueContractsCount }} überfälllig</span>
+                {% endif %}
+            </h2>
+            <div class="max-h-64 overflow-y-scroll">
+                <ul class="divide-y divide-gray-200">
+                    {% for disposition in overdueContracts %}
+                        {% set assignment = disposition.assignment %}
+                        <li class="py-2 first:pt-0 last:pb-0 overflow-x-hidden">
+                            <a href="{{ path('app_administrative_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}"
+                               class="flex items-center space-x-1">
+                                {{ icon('calendar', 'w-4 h-4 shrink-0') }}
+                                <span class="whitespace-nowrap">{{ assignment.effectivePeriod.start|date('d.m.y') }} - {{ assignment.effectivePeriod.end|date('d.m.y') }}</span>
                                 {% include '_partials/_dot.html.twig' %}
                                 <span class="whitespace-nowrap">{{ assignment.jobProfile.name }}</span>
-                            {% endif %}
-                        </a>
-                    </li>
-                {% else %}
-                    <li class="py-2 first:pt-0 last:pb-0">
-                        -
-                    </li>
-                {% endfor %}
-            </ul>
-        </div>
-        <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
-            <h2 class="font-bold text-lg pb-2">
-                Überfällige Honorarverträge
-            </h2>
-            <ul class="divide-y divide-gray-200">
-                {% for disposition in overdueContracts %}
-                    {% set assignment = disposition.assignment %}
-                    <li class="py-2 first:pt-0 last:pb-0 overflow-x-hidden">
-                        <a href="{{ path('app_administrative_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}"
-                           class="flex items-center space-x-1">
-                            {{ icon('calendar', 'w-4 h-4 shrink-0') }}
-                            <span class="whitespace-nowrap">{{ assignment.effectivePeriod.start|date('d.m.y') }} - {{ assignment.effectivePeriod.end|date('d.m.y') }}</span>
-                            {% include '_partials/_dot.html.twig' %}
-                            <span class="whitespace-nowrap">{{ assignment.jobProfile.name }}</span>
-                            {% include '_partials/_dot.html.twig' %}
-                            <span class="whitespace-nowrap">{{ disposition.teamer.fullName(true) }}</span>
-                        </a>
-                    </li>
-                {% else %}
-                    <li class="py-2 first:pt-0 last:pb-0">
-                        -
-                    </li>
-                {% endfor %}
-            </ul>
+                                {% include '_partials/_dot.html.twig' %}
+                                <span class="whitespace-nowrap">{{ disposition.teamer.fullName(true) }}</span>
+                            </a>
+                        </li>
+                    {% else %}
+                        <li class="py-2 first:pt-0 last:pb-0">
+                            -
+                        </li>
+                    {% endfor %}
+                </ul>
+            </div>
         </div>
     </div>
 {% endblock %}
\ No newline at end of file