Feat: Improve dashboard layout

This commit is contained in:
Björn Fromme
2023-10-23 11:54:52 +02:00
parent 6df566b5e3
commit e8e69121d0
+27 -21
View File
@@ -1,70 +1,76 @@
{% extends 'admin/layout.html.twig' %} {% extends 'admin/layout.html.twig' %}
{% macro dot() %}
<svg viewBox="0 0 2 2" class="h-1 w-1 fill-current inline-block mx-1">
<circle cx="1" cy="1" r="1" />
</svg>
{% endmacro %}
{% block content %} {% block content %}
<div class="grid grid-cols-2 gap-8"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<div> <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
<h2 class="font-bold text-lg"> <h2 class="font-bold text-lg">
Neue Bewerbungen Neue Bewerbungen
</h2> </h2>
<h3 class="font-bold pb-2"> <h3 class="font-bold pb-2">
{{ newApplicationsCount }} neu, {{ pendingApplicationsCount }} in Bearbeitung {{ newApplicationsCount }} neu, {{ pendingApplicationsCount }} in Bearbeitung
</h3> </h3>
<ul> <ul class="divide-y divide-gray-200">
{% for application in applications %} {% for application in applications %}
{% set assignment = application.assignment %} {% set assignment = application.assignment %}
<li> <li class="py-2 first:pt-0 last:pb-0">
<a href="{{ path('app_admin_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}"> <a href="{{ path('app_admin_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}" class="block truncate">
{{ application.teamer.fullName(true) }} / {{ assignment.effectivePeriod.start|date('d.m.Y') }} - {{ assignment.effectivePeriod.end|date('d.m.Y') }} / {{ assignment.jobProfile.name }} {{ application.teamer.fullName(true) }}{{ _self.dot() }}{{ assignment.effectivePeriod.start|date('d.m.Y') }} - {{ assignment.effectivePeriod.end|date('d.m.Y') }}{{ _self.dot() }}{{ assignment.jobProfile.name }}
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
<div> <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
<h2 class="font-bold text-lg"> <h2 class="font-bold text-lg">
Neue Dokumente Neue Dokumente
</h2> </h2>
<h3 class="font-bold pb-2"> <h3 class="font-bold pb-2">
{{ newDocumentsCount }} neu {{ pendingDocumentsCount }} in Bearbeitung {{ newDocumentsCount }} neu {{ pendingDocumentsCount }} in Bearbeitung
</h3> </h3>
<ul> <ul class="divide-y divide-gray-200">
{% for document in documents %} {% for document in documents %}
<li> <li class="py-2 first:pt-0 last:pb-0">
{% if document.disposition %} {% if document.disposition %}
{% set url = path('app_admin_assignment_detail', { 'uuid': document.disposition.assignment.uuid, 'r': return_url() }) %} {% set url = path('app_admin_assignment_detail', { 'uuid': document.disposition.assignment.uuid, 'r': return_url() }) %}
{% else %} {% else %}
{% set url = path('app_admin_teamer_profile', { 'uuid': document.owner.teamer.uuid, 'r': return_url() }) %} {% set url = path('app_admin_teamer_profile', { 'uuid': document.owner.teamer.uuid, 'r': return_url() }) %}
{% endif %} {% endif %}
<a href="{{ url }}"> <a href="{{ url }}" class="block truncate">
{{ document.owner.teamer.fullName(true) }} / {{ document.originalFilename|u.truncate(32, '...') }} {{ document.owner.teamer.fullName(true) }}{{ _self.dot() }}{{ document.originalFilename }}
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
<div> <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
<h2 class="font-bold text-lg pb-2"> <h2 class="font-bold text-lg pb-2">
Neue Einsätze Neue Einsätze
</h2> </h2>
<ul> <ul class="divide-y divide-gray-200">
{% for assignment in assignments %} {% for assignment in assignments %}
<li> <li class="py-2 first:pt-0 last:pb-0">
<a href="{{ path('app_admin_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}"> <a href="{{ path('app_admin_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}" class="block truncate">
{{ assignment.effectivePeriod.start|date('d.m.Y') }} - {{ assignment.effectivePeriod.end|date('d.m.Y') }} / {{ assignment.jobProfile.name }} / {{ assignment.owner.fullName(true) }} {{ assignment.effectivePeriod.start|date('d.m.Y') }} - {{ assignment.effectivePeriod.end|date('d.m.Y') }}{{ _self.dot() }}{{ assignment.jobProfile.name }}{{ _self.dot() }}{{ assignment.owner.fullName(true) }}
</a> </a>
</li> </li>
{% endfor %} {% endfor %}
</ul> </ul>
</div> </div>
<div> <div class="bg-gray-100 border border-gray-200 rounded-md px-4 py-2">
<h2 class="font-bold text-lg pb-2"> <h2 class="font-bold text-lg pb-2">
Neue Verfügbarkeiten Neue Verfügbarkeiten
</h2> </h2>
<ul> <ul class="divide-y divide-gray-200">
{% for availability in availabilities %} {% for availability in availabilities %}
<li> <li class="py-2 first:pt-0 last:pb-0">
<a href="{{ path('app_admin_teamer_availability', { 'uuid': availability.owner.uuid, 'r': return_url() }) }}"> <a href="{{ path('app_admin_teamer_availability', { 'uuid': availability.owner.uuid, 'r': return_url() }) }}" class="block truncate">
{{ availability.owner }} / {{ availability.dateFrom|date('d.m.Y') }} - {{ availability.dateTo|date('d.m.Y') }} {{ availability.owner }}{{ _self.dot() }}{{ availability.dateFrom|date('d.m.Y') }} - {{ availability.dateTo|date('d.m.Y') }}
</a> </a>
</li> </li>
{% endfor %} {% endfor %}