EP/myep-team
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: improve layout of assignment detail view

Browse Source
This commit is contained in:
fromme
2026-08-31 17:06:09 +02:00
parent 127ced4378
commit 703d41d6ae
1 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/_partials/_assignment_info_compact.html.twig
+21 -21
View File
@@ -1,11 +1,11 @@
<div class="grid lg:grid-cols-2 gap-x-8 gap-y-4"> <div class="grid lg:grid-cols-2 gap-x-8 gap-y-4">
<dl class="divide-y divide-gray-100"> <dl class="divide-y divide-gray-100">
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
Jobprofil Jobprofil
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0 max-h-96 overflow-y-scroll">
{{ assignment.jobProfile.name }} <strong>{{ assignment.jobProfile.name }}</strong>
{% if assignment.jobProfileInfo %} {% if assignment.jobProfileInfo %}
<div class="pt-2"> <div class="pt-2">
{{ assignment.jobProfileInfo|nl2br }} {{ assignment.jobProfileInfo|nl2br }}
@@ -13,27 +13,27 @@
{% endif %} {% endif %}
</dd> </dd>
</div> </div>
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
Destination Destination
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
{{ assignment.destination.product }} {{ assignment.destination.product }}
</dd> </dd>
</div> </div>
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
Einsatztermin Einsatztermin
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
{{ assignment.destination.dateFrom|date('d.m.Y') }} - {{ assignment.destination.dateTo|date('d.m.Y') }} {{ assignment.destination.dateFrom|date('d.m.Y') }} - {{ assignment.destination.dateTo|date('d.m.Y') }}
</dd> </dd>
</div> </div>
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
Anmerkungen intern Anmerkungen intern
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
{{ assignment.remarks|default('-')|nl2br }} {{ assignment.remarks|default('-')|nl2br }}
</dd> </dd>
</div> </div>
@@ -41,36 +41,36 @@
<dl class="divide-y divide-gray-100"> <dl class="divide-y divide-gray-100">
{% if assignment.pickup %} {% if assignment.pickup %}
{% set pickup = assignment.destination.pickup(assignment.pickup) %} {% set pickup = assignment.destination.pickup(assignment.pickup) %}
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
Busbegleitung Busbegleitung
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
{{ pickup.city }} {{ pickup.city }}
</dd> </dd>
</div> </div>
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
Busabfahrt Busabfahrt
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
{{ pickup.time }} Uhr {{ pickup.time }} Uhr
</dd> </dd>
</div> </div>
{% endif %} {% endif %}
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
Benefits Benefits
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
{{ assignment.benefits|nl2list }} {{ assignment.benefits|nl2list }}
</dd> </dd>
</div> </div>
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
Honorar Honorar
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
{% if assignment.fees|length %} {% if assignment.fees|length %}
{% for fee in assignment.fees %} {% for fee in assignment.fees %}
{{ fee.name }} {{ fee.value|format_money }} {{ fee.name }} {{ fee.value|format_money }}
@@ -80,19 +80,19 @@
{% endif %} {% endif %}
</dd> </dd>
</div> </div>
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
erstellt erstellt
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
{{ assignment.createdAt|date('d.m.Y, H:i') }} Uhr {{ assignment.createdAt|date('d.m.Y, H:i') }} Uhr
</dd> </dd>
</div> </div>
<div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-3 sm:gap-4"> <div class="py-6 first:pt-0 last:pb-0 sm:grid sm:grid-cols-4 sm:gap-4">
<dt class="text-sm font-bold leading-6 text-gray-900"> <dt class="text-sm font-bold leading-6 text-gray-900">
aktualisiert aktualisiert
</dt> </dt>
<dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-3 sm:mt-0">
{% if assignment.updatedAt %} {% if assignment.updatedAt %}
{{ assignment.updatedAt|date('d.m.Y, H:i') }} Uhr {{ assignment.updatedAt|date('d.m.Y, H:i') }} Uhr
{% else %} {% else %}