feat: pre-flight check of agency bookings
addresses #869bqxr4q
This commit is contained in:
Björn Fromme
@@ -3,7 +3,7 @@
|
||||
{% endif %}
|
||||
<div class="{{ html_classes('rounded-md mb-4', { 'p-4': modal == false, 'bg-red-500': level == 'error', 'bg-green-500': level == 'success', 'bg-yellow-500': level == 'warning', 'bg-primary-light': level == 'info' }) }}">
|
||||
<div class="flex items-start">
|
||||
<div class="shrink-0 text-white mt-1">
|
||||
<div class="{{ html_classes('shrink-0 mt-1', { 'text-gray-800': level == 'warning', 'text-white': level != 'warning' }) }}">
|
||||
{% if level == 'error' or level == 'warning' %}
|
||||
<svg class="w-5 h-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
|
||||
<path fill-rule="evenodd" d="M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16ZM8.28 7.22a.75.75 0 0 0-1.06 1.06L8.94 10l-1.72 1.72a.75.75 0 1 0 1.06 1.06L10 11.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L11.06 10l1.72-1.72a.75.75 0 0 0-1.06-1.06L10 8.94 8.28 7.22Z" clip-rule="evenodd" />
|
||||
@@ -20,12 +20,12 @@
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
{% if title is defined %}
|
||||
<div class="text-white text-lg font-semibold uppercase">
|
||||
<div class="{{ html_classes('text-lg font-semibold uppercase', { 'text-gray-800': level == 'warning', 'text-white': level != 'warning' }) }}">
|
||||
{{ title }}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if messages is defined %}
|
||||
<div class="text-white">
|
||||
<div class="{{ html_classes({ 'text-gray-800': level == 'warning', 'text-white': level != 'warning' }) }}">
|
||||
<ul role="list" class="space-y-1">
|
||||
{% for message in messages %}
|
||||
<li>
|
||||
|
||||
@@ -2,10 +2,13 @@
|
||||
{% set isCanceled = cardData.isCanceled is defined ? cardData.isCanceled : false %}
|
||||
{% set isValid = cardData.isValid is defined ? cardData.isValid : true %}
|
||||
{% set isSubmitted = isSubmitted|default(false) %}
|
||||
{% set needsAttention = needsAttention|default(false) %}
|
||||
{% set attentionLabels = attentionLabels|default([]) %}
|
||||
{% set mode = mode|default('create') %}
|
||||
|
||||
{# Determine display states #}
|
||||
{% set showAsError = not isValid and isSubmitted %}
|
||||
{% set showAsAttention = needsAttention and not showAsError %}
|
||||
{% set showAsIncomplete = not isValid and not isSubmitted %}
|
||||
|
||||
{# Build edit URL for linking #}
|
||||
@@ -17,11 +20,13 @@
|
||||
|
||||
<div class="py-4" id="participant-card-{{ index }}">
|
||||
<div class="flex items-start space-x-4">
|
||||
<div class="{{ html_classes('w-12 h-12 inline-flex flex-shrink-0 items-center justify-center rounded-full text-white font-bold', {
|
||||
'bg-primary-dark': not showAsError and booking_theme() == 'base',
|
||||
'bg-sbw-primary': not showAsError and booking_theme() == 'sbw',
|
||||
'bg-snz-primary-dark': not showAsError and booking_theme() == 'snz',
|
||||
'bg-ser-primary': not showAsError and booking_theme() == 'ser',
|
||||
<div class="{{ html_classes('w-12 h-12 inline-flex flex-shrink-0 items-center justify-center rounded-full font-bold', {
|
||||
'text-white': not showAsAttention,
|
||||
'bg-yellow-500': showAsAttention,
|
||||
'bg-primary-dark': not showAsError and not showAsAttention and booking_theme() == 'base',
|
||||
'bg-sbw-primary': not showAsError and not showAsAttention and booking_theme() == 'sbw',
|
||||
'bg-snz-primary-dark': not showAsError and not showAsAttention and booking_theme() == 'snz',
|
||||
'bg-ser-primary': not showAsError and not showAsAttention and booking_theme() == 'ser',
|
||||
'bg-red-500': showAsError,
|
||||
'text-2xl': participantNumber < 100,
|
||||
'text-xl': participantNumber >= 100,
|
||||
@@ -37,13 +42,26 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if isCanceled %}
|
||||
<div class="text-xs font-medium text-gray-700" {{ qa_attribute('participant-canceled', index) }}>
|
||||
<div class="text-sm font-medium text-gray-700" {{ qa_attribute('participant-canceled', index) }}>
|
||||
storniert
|
||||
</div>
|
||||
{% elseif showAsError %}
|
||||
<div class="text-xs font-medium text-red-500" {{ qa_attribute('participant-invalid', index) }}>
|
||||
<div class="text-sm font-medium text-red-500" {{ qa_attribute('participant-invalid', index) }}>
|
||||
unvollständige/fehlerhafte Daten
|
||||
</div>
|
||||
{% elseif showAsAttention %}
|
||||
<div class="text-sm font-medium text-red-500" {{ qa_attribute('participant-attention', index) }}>
|
||||
bitte prüfen/ergänzen:
|
||||
</div>
|
||||
{% if attentionLabels|length > 0 %}
|
||||
<div class="mt-2 flex flex-wrap gap-1" {{ qa_attribute('participant-attention-labels', index) }}>
|
||||
{% for label in attentionLabels %}
|
||||
<span class="inline-flex items-center rounded-full bg-yellow-500 px-2 py-0.5 text-xs font-semibold">
|
||||
{{ label }}
|
||||
</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="text-gray-600" {{ qa_attribute('participant-room-name', index) }}>
|
||||
{{ cardData.roomName }}
|
||||
|
||||
@@ -62,18 +62,25 @@
|
||||
} %}
|
||||
{% endif %}
|
||||
|
||||
{# Display validation errors #}
|
||||
{% if bookingEditContext.hasValidationErrors %}
|
||||
{# Display blocking issues first; otherwise show the attention scan as a calm warning #}
|
||||
{% if bookingEditContext.hasBlockingValidationErrors %}
|
||||
{% include '_partials/_alert.html.twig' with {
|
||||
level: 'error',
|
||||
title: 'Bitte überprüfe die Teilnehmerdaten',
|
||||
messages: ['Einige Teilnehmer haben noch unvollständige oder fehlerhafte Angaben. Bitte bearbeite die markierten Teilnehmer.']
|
||||
title: 'Teilnehmerdaten prüfen',
|
||||
messages: ['Die Daten einiger Teilnehmer:innen sind noch unvollständig oder fehlerhaft. Bitte bearbeite die markierten Teilnehmer.']
|
||||
} %}
|
||||
{% elseif bookingEditContext.missingValueLabelsByParticipantIndex|length > 0 %}
|
||||
{% include '_partials/_alert.html.twig' with {
|
||||
level: 'warning',
|
||||
title: 'Teilnehmerdaten prüfen',
|
||||
messages: ['Die Daten von ' ~ (bookingEditContext.missingValueLabelsByParticipantIndex|length) ~ ' Teilnehmer:innen sind noch unvollständig oder fehlerhaft. Bitte bearbeite die markierten Teilnehmer.']
|
||||
} %}
|
||||
{% endif %}
|
||||
|
||||
<div id="participant-cards-grid" class="space-y-4">
|
||||
<div id="participant-cards-grid" class="divide-y divide-gray-200">
|
||||
{% for participant in bookingEditContext.bookingDto.participants %}
|
||||
{% set isCanceled = (bookingEditContext.bookingData.participantsStatus[loop.index0] ?? null) == 'S' %}
|
||||
{% set attentionLabels = bookingEditContext.missingValueLabelsByParticipantIndex[loop.index0]|default([]) %}
|
||||
{% include 'booking/_participant_card.html.twig' with {
|
||||
'cardData': bookingEditContext.cardsData[loop.index0],
|
||||
'index': loop.index0,
|
||||
@@ -82,6 +89,8 @@
|
||||
'bookingId': bookingEditContext.bookingData.id,
|
||||
'isCanceled': isCanceled,
|
||||
'isSubmitted': bookingEditContext.isSubmitted,
|
||||
'needsAttention': attentionLabels is not empty,
|
||||
'attentionLabels': attentionLabels,
|
||||
} %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
@@ -97,13 +106,13 @@
|
||||
class="inline-flex items-center justify-center bg-gray-200 rounded-md w-8 h-8 md:w-10 md:h-10">
|
||||
<svg class="w-6 h-6 md:w-8 md:h-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><line x1="200" y1="56" x2="56" y2="200" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="200" y1="200" x2="56" y2="56" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>
|
||||
</a>
|
||||
{% if bookingEditContext.isDirty %}
|
||||
{% if bookingEditContext.isDirty or bookingEditContext.hasBlockingValidationErrors %}
|
||||
<button type="submit"
|
||||
{% if bookingEditContext.hasValidationErrors %}
|
||||
{% if bookingEditContext.hasBlockingValidationErrors %}
|
||||
disabled
|
||||
title="Bitte prüfe zuerst deine Eingaben"
|
||||
{% endif %}
|
||||
class="button button--primary {{ bookingEditContext.hasValidationErrors ? 'opacity-50 cursor-not-allowed' : '' }}">
|
||||
class="button button--primary {{ bookingEditContext.hasBlockingValidationErrors ? 'opacity-50 cursor-not-allowed' : '' }}">
|
||||
Buchung aktualisieren
|
||||
</button>
|
||||
{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user