Task: Improve layout

This commit is contained in:
Björn Fromme
2023-10-21 16:41:57 +02:00
parent bf2e5600d0
commit 847af5341c
14 changed files with 278 additions and 174 deletions
+23 -40
View File
@@ -2,43 +2,31 @@
{% block title %}Einsatzdetails{% endblock %}
{% macro infobox(message) %}
<div class="flex items-start space-x-4 bg-primary text-white p-4 rounded-md">
{{ icon('info', 'w-6 h-6 shrink-0') }}
<span>{{ message }}</span>
</div>
{% endmacro %}
{% block content %}
{% set assignment = disposition.assignment %}
<h1 class="text-2xl font-bold pb-8">
Einsatzdetails
Dein Einsatz wurde bestätigt!
</h1>
<div class="grid lg:grid-cols-2 gap-8 items-start">
<div>
<h2 class="text-xl font-bold pb-4">
Dein Einsatz wurde bestätigt!
</h2>
<div class="pb-2">
Dein Ansprechpartner für alle reisebezogenen Themen ist:
</div>
<div class="pb-4">
<strong>{{ assignment.contact }}</strong>, <a href="mailto:{{ assignment.contact.email }}" class="underline">{{ assignment.contact.email }}</a>
</div>
<div class="pb-4">
<a href="{{ path('app_teamer_disposition_ics', { 'uuid': disposition.uuid }) }}"
title="In den Kalender eintragen"
class="group">
<div class="flex items-center justify-between">
<span class="flex-1">Klicke hier, um den Einsatz in deinen Kalender einzutragen</span>
{{ icon('calendar', 'w-4 h-4 duration-200 group-hover:scale-125') }}
</div>
</a>
</div>
{% include '_partials/_assignment_info.html.twig' with {
'additional': [
{
'type': 'Ansprechpartner',
'description': 'Für alle reisebezogenen Themen wende dich bitte an ' ~ assignment.contact ~ ' (<a href="mailto:' ~ assignment.contact.email ~'" class="underline">' ~ assignment.contact.email ~ '</a>)'
},
{
'type': 'Kalendereintrag',
'description': '<a href="' ~ path('app_teamer_disposition_ics', { 'uuid': disposition.uuid }) ~ '" title="In den Kalender eintragen" class="underline">Hier klicken</a>'
}
]
} %}
</div>
<div>
{% if disposition.assignment.documents|length %}
<h3 class="text-lg font-bold">
<h2 class="text-lg font-bold">
Dokumente
</h3>
</h2>
<ul class="pb-4 divide-y divide-gray-200">
{% for document in disposition.assignment.documents %}
<li class="py-2">
@@ -55,16 +43,11 @@
{% endfor %}
</ul>
{% endif %}
<div class="bg-gray-100 rounded-md p-4">
{% include '_partials/_assignment_info.html.twig' %}
</div>
</div>
<div>
{# Upload contract #}
{% if workflow_has_marked_place(disposition, 'new') %}
<h3 class="text-xl font-bold pb-4">
<h2 class="text-lg font-bold pb-4">
Honorarvertrag
</h3>
</h2>
{% if workflow_can(disposition, 'upload_contract') %}
<div class="pb-4">
<a href="{{ path('app_teamer_disposition_contractpdf', { 'uuid': disposition.uuid }) }}" target="_blank" class="inline-block">
@@ -88,16 +71,16 @@
{{ form_end(form) }}
{% else %}
{% for blocker in workflow_transition_blockers(disposition, 'upload_contract') %}
{{ _self.infobox(blocker.message) }}
{% include '_partials/_infobox.html.twig' with { 'message': blocker.message } %}
{% endfor %}
{% endif %}
{% endif %}
{# Upload invoice #}
{% if workflow_has_marked_place(disposition, 'confirmed') %}
<h3 class="text-xl font-bold pb-4">
<h2 class="text-lg font-bold pb-4">
Honorarnote
</h3>
</h2>
{% if workflow_can(disposition, 'upload_invoice') %}
<div class="pb-4">
<a href="{{ path('app_teamer_disposition_invoicepdf', { 'uuid': disposition.uuid }) }}" target="_blank" class="inline-block">
@@ -121,7 +104,7 @@
{{ form_end(form) }}
{% else %}
{% for blocker in workflow_transition_blockers(disposition, 'upload_invoice') %}
{{ _self.infobox(blocker.message) }}
{% include '_partials/_infobox.html.twig' with { 'message': blocker.message } %}
{% endfor %}
{% endif %}
{% endif %}