Browse code
Update
Benjamin Roth authored on31/08/2023 14:20:49 Showing1 changed files
| ... | ... |
@@ -86,7 +86,7 @@ |
| 86 | 86 |
</div> |
| 87 | 87 |
</div> |
| 88 | 88 |
<div class="col u-text-right"> |
| 89 |
- <div><a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ reservation.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Bearbeiten</a></div>
|
|
| 89 |
+ <div><a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ reservation.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--sm m-0">Bearbeiten</a></div>
|
|
| 90 | 90 |
</div> |
| 91 | 91 |
</li> |
| 92 | 92 |
{% endfor %}
|
Browse code
Update
Benjamin Roth authored on31/08/2023 14:16:35 Showing1 changed files
| ... | ... |
@@ -126,7 +126,7 @@ |
| 126 | 126 |
{% endfor %}
|
| 127 | 127 |
</fieldset> |
| 128 | 128 |
<fieldset> |
| 129 |
- <legend>Lage(n)</legend> |
|
| 129 |
+ <legend>Lage(n)<sup class="text-danger">*</sup></legend> |
|
| 130 | 130 |
{% for value,label in buchen.lage %}
|
| 131 | 131 |
<label><input type="checkbox" name="lage[]" value="{{ value }}"> <span class="checkable">{{ label }}</span></label><br>
|
| 132 | 132 |
{% endfor %}
|
Browse code
Update
Benjamin Roth authored on30/08/2023 22:08:09 Showing1 changed files
| ... | ... |
@@ -31,7 +31,7 @@ |
| 31 | 31 |
<div class="grid-c-6 mb-2 mb-0-md"> |
| 32 | 32 |
<div class="u-flex u-items-center u-gap-1"> |
| 33 | 33 |
<i class="icon-schere-outline"></i> |
| 34 |
- <div class="t-label">Ernteart</div> |
|
| 34 |
+ <div class="t-label">Erntearten</div> |
|
| 35 | 35 |
</div> |
| 36 | 36 |
<div class="">{{ ernteart|join(', ') }}</div>
|
| 37 | 37 |
</div> |
| ... | ... |
@@ -47,9 +47,9 @@ |
| 47 | 47 |
<div class="grid-c-6 mb-2 mb-0-md"> |
| 48 | 48 |
<div class="u-flex u-items-center u-gap-1"> |
| 49 | 49 |
<i class="icon-lage-outline"></i> |
| 50 |
- <div class="t-label">Lage</div> |
|
| 50 |
+ <div class="t-label">Lagen</div> |
|
| 51 | 51 |
</div> |
| 52 |
- <div class="">{{ lage.title }}</div>
|
|
| 52 |
+ <div class="">{{ lage|join(', ') }}</div>
|
|
| 53 | 53 |
</div> |
| 54 | 54 |
|
| 55 | 55 |
{% if slot.anmerkungen %}
|
| ... | ... |
@@ -105,7 +105,7 @@ |
| 105 | 105 |
<form hx-post="/_ajax/vr_wa/v1/slot?do=reservate" enctype="multipart/form-data"> |
| 106 | 106 |
<input type="hidden" name="id" value="{{ id }}">
|
| 107 | 107 |
<fieldset> |
| 108 |
- <label for="res-behaelter">Liefernde Behältermenge</label> |
|
| 108 |
+ <label for="res-behaelter"><strong>Liefernde Behältermenge<sup class="text-danger">*</sup></strong></label> |
|
| 109 | 109 |
<select id="res-behaelter" name="behaelter" required> |
| 110 | 110 |
<option value="">-</option> |
| 111 | 111 |
{% for option in buchen.behaelter %}
|
| ... | ... |
@@ -114,13 +114,25 @@ |
| 114 | 114 |
</select> |
| 115 | 115 |
</fieldset> |
| 116 | 116 |
<fieldset> |
| 117 |
- <legend>Anliefernde Rebsorte(n)</legend> |
|
| 117 |
+ <legend>Anliefernde Rebsorte(n)<sup class="text-danger">*</sup></legend> |
|
| 118 | 118 |
{% for value,label in buchen.sorten %}
|
| 119 | 119 |
<label><input type="checkbox" name="sorten[]" value="{{ value }}"> <span class="checkable">{{ label }}</span></label><br>
|
| 120 | 120 |
{% endfor %}
|
| 121 | 121 |
</fieldset> |
| 122 | 122 |
<fieldset> |
| 123 |
- <label for="res-upload">Dateianhang</label> |
|
| 123 |
+ <legend>Ernteart(en)<sup class="text-danger">*</sup></legend> |
|
| 124 |
+ {% for value,label in buchen.ernteart %}
|
|
| 125 |
+ <label><input type="checkbox" name="ernteart[]" value="{{ value }}"> <span class="checkable">{{ label }}</span></label><br>
|
|
| 126 |
+ {% endfor %}
|
|
| 127 |
+ </fieldset> |
|
| 128 |
+ <fieldset> |
|
| 129 |
+ <legend>Lage(n)</legend> |
|
| 130 |
+ {% for value,label in buchen.lage %}
|
|
| 131 |
+ <label><input type="checkbox" name="lage[]" value="{{ value }}"> <span class="checkable">{{ label }}</span></label><br>
|
|
| 132 |
+ {% endfor %}
|
|
| 133 |
+ </fieldset> |
|
| 134 |
+ <fieldset> |
|
| 135 |
+ <label for="res-upload"><strong>Dateianhang</strong></label> |
|
| 124 | 136 |
<input type="file" id="res-upload" name="upload"> |
| 125 | 137 |
</fieldset> |
| 126 | 138 |
<fieldset> |
Browse code
Lot's of changes and improvements
Benjamin Roth authored on30/08/2023 17:18:43 Showing1 changed files
| ... | ... |
@@ -3,8 +3,8 @@ |
| 3 | 3 |
<div id="wa-slot-{{ id }}" class="frame" hx-get="/_ajax/vr_wa/v1/slot?do=details&id={{ id }}&modal=false" hx-target="this" hx-swap="outerHTML" hx-trigger="updateWaBooking from:body">
|
| 4 | 4 |
<div class="frame__header"> |
| 5 | 5 |
<h3>Zeitslot</h3> |
| 6 |
- <div class="row"> |
|
| 7 |
- <div class="col-md-6"> |
|
| 6 |
+ <div class="grid-md u-gap-2"> |
|
| 7 |
+ <div class="grid-c-6 mb-2 mb-0-md"> |
|
| 8 | 8 |
<div class="u-flex u-items-center u-gap-1"> |
| 9 | 9 |
<i class="icon-uhr-outline"></i> |
| 10 | 10 |
<div class="t-label">Tag/Urzeit</div> |
| ... | ... |
@@ -12,17 +12,15 @@ |
| 12 | 12 |
<div class="">{{ slot.time|date('d.m.Y H:i') }}</div>
|
| 13 | 13 |
</div> |
| 14 | 14 |
|
| 15 |
- <div class="col-md-6"> |
|
| 15 |
+ <div class="grid-c-6 mb-2 mb-0-md"> |
|
| 16 | 16 |
<div class="u-flex u-items-center u-gap-1"> |
| 17 |
- <i class="icon-uhr-standort"></i> |
|
| 17 |
+ <i class="icon-standort-outline"></i> |
|
| 18 | 18 |
<div class="t-label">Standort</div> |
| 19 | 19 |
</div> |
| 20 | 20 |
<div class="">{{ standort.title }}</div>
|
| 21 | 21 |
</div> |
| 22 |
- </div> |
|
| 23 | 22 |
|
| 24 |
- <div class="row"> |
|
| 25 |
- <div class="col-md-6"> |
|
| 23 |
+ <div class="grid-c-6 mb-2 mb-0-md"> |
|
| 26 | 24 |
<div class="u-flex u-items-center u-gap-1"> |
| 27 | 25 |
<i class="icon-behaelter-outline"></i> |
| 28 | 26 |
<div class="t-label">Verfügbare Behälterkapazität</div> |
| ... | ... |
@@ -30,24 +28,40 @@ |
| 30 | 28 |
<div class="">{{ slot.behaelterAvailable }}</div>
|
| 31 | 29 |
</div> |
| 32 | 30 |
|
| 33 |
- <div class="col-md-6"> |
|
| 31 |
+ <div class="grid-c-6 mb-2 mb-0-md"> |
|
| 32 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 33 |
+ <i class="icon-schere-outline"></i> |
|
| 34 |
+ <div class="t-label">Ernteart</div> |
|
| 35 |
+ </div> |
|
| 36 |
+ <div class="">{{ ernteart|join(', ') }}</div>
|
|
| 37 |
+ </div> |
|
| 38 |
+ |
|
| 39 |
+ <div class="grid-c-6 mb-2 mb-0-md"> |
|
| 34 | 40 |
<div class="u-flex u-items-center u-gap-1"> |
| 35 | 41 |
<i class="icon-reben-outline"></i> |
| 36 | 42 |
<div class="t-label">Verarbeitete Sorten</div> |
| 37 | 43 |
</div> |
| 38 | 44 |
<div class="">{{ slot.sorte|join(', ') }}</div>
|
| 39 | 45 |
</div> |
| 40 |
- </div> |
|
| 41 | 46 |
|
| 42 |
- {% if slot.anmerkungen %}
|
|
| 43 |
- <div> |
|
| 47 |
+ <div class="grid-c-6 mb-2 mb-0-md"> |
|
| 44 | 48 |
<div class="u-flex u-items-center u-gap-1"> |
| 45 |
- <i class="icon-info-outline"></i> |
|
| 46 |
- <div class="t-label">Anmerkungen</div> |
|
| 49 |
+ <i class="icon-lage-outline"></i> |
|
| 50 |
+ <div class="t-label">Lage</div> |
|
| 47 | 51 |
</div> |
| 48 |
- {{ slot.anmerkungen|raw }}
|
|
| 52 |
+ <div class="">{{ lage.title }}</div>
|
|
| 49 | 53 |
</div> |
| 50 |
- {% endif %}
|
|
| 54 |
+ |
|
| 55 |
+ {% if slot.anmerkungen %}
|
|
| 56 |
+ <div class="grid-c-12 mb-2 mb-0-md"> |
|
| 57 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 58 |
+ <i class="icon-info-outline"></i> |
|
| 59 |
+ <div class="t-label">Anmerkungen</div> |
|
| 60 |
+ </div> |
|
| 61 |
+ {{ slot.anmerkungen|raw }}
|
|
| 62 |
+ </div> |
|
| 63 |
+ {% endif %}
|
|
| 64 |
+ </div> |
|
| 51 | 65 |
</div> |
| 52 | 66 |
|
| 53 | 67 |
{% if reservations|length %}
|
Browse code
Lot's of changes and improvements
Benjamin Roth authored on29/08/2023 15:05:02 Showing1 changed files
| ... | ... |
@@ -4,28 +4,47 @@ |
| 4 | 4 |
<div class="frame__header"> |
| 5 | 5 |
<h3>Zeitslot</h3> |
| 6 | 6 |
<div class="row"> |
| 7 |
- <div class="col"> |
|
| 8 |
- <i class="icon-uhr-outline u-justify-center"></i> |
|
| 9 |
- <div class="t-label">Tag/Urzeit</div> |
|
| 7 |
+ <div class="col-md-6"> |
|
| 8 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 9 |
+ <i class="icon-uhr-outline"></i> |
|
| 10 |
+ <div class="t-label">Tag/Urzeit</div> |
|
| 11 |
+ </div> |
|
| 10 | 12 |
<div class="">{{ slot.time|date('d.m.Y H:i') }}</div>
|
| 11 | 13 |
</div> |
| 12 | 14 |
|
| 13 |
- <div class="col"> |
|
| 14 |
- <i class="icon-behaelter-outline u-justify-center"></i> |
|
| 15 |
- <div class="t-label">Verfügbare Behälterkapazität</div> |
|
| 15 |
+ <div class="col-md-6"> |
|
| 16 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 17 |
+ <i class="icon-uhr-standort"></i> |
|
| 18 |
+ <div class="t-label">Standort</div> |
|
| 19 |
+ </div> |
|
| 20 |
+ <div class="">{{ standort.title }}</div>
|
|
| 21 |
+ </div> |
|
| 22 |
+ </div> |
|
| 23 |
+ |
|
| 24 |
+ <div class="row"> |
|
| 25 |
+ <div class="col-md-6"> |
|
| 26 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 27 |
+ <i class="icon-behaelter-outline"></i> |
|
| 28 |
+ <div class="t-label">Verfügbare Behälterkapazität</div> |
|
| 29 |
+ </div> |
|
| 16 | 30 |
<div class="">{{ slot.behaelterAvailable }}</div>
|
| 17 | 31 |
</div> |
| 18 | 32 |
|
| 19 |
- <div class="col"> |
|
| 20 |
- <i class="icon-reben-outline u-justify-center"></i> |
|
| 21 |
- <div class="t-label">Verarbeitete Sorten</div> |
|
| 33 |
+ <div class="col-md-6"> |
|
| 34 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 35 |
+ <i class="icon-reben-outline"></i> |
|
| 36 |
+ <div class="t-label">Verarbeitete Sorten</div> |
|
| 37 |
+ </div> |
|
| 22 | 38 |
<div class="">{{ slot.sorte|join(', ') }}</div>
|
| 23 | 39 |
</div> |
| 24 | 40 |
</div> |
| 25 | 41 |
|
| 26 | 42 |
{% if slot.anmerkungen %}
|
| 27 | 43 |
<div> |
| 28 |
- <div class="t-label">Anmerkungen</div> |
|
| 44 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 45 |
+ <i class="icon-info-outline"></i> |
|
| 46 |
+ <div class="t-label">Anmerkungen</div> |
|
| 47 |
+ </div> |
|
| 29 | 48 |
{{ slot.anmerkungen|raw }}
|
| 30 | 49 |
</div> |
| 31 | 50 |
{% endif %}
|
| ... | ... |
@@ -41,10 +60,16 @@ |
| 41 | 60 |
{% for reservation in reservations %}
|
| 42 | 61 |
<li class="row u-items-center p-0"> |
| 43 | 62 |
<div class="col-2"> |
| 44 |
- <div class="icon-behaelter-outline">{{ reservation.behaelter }}</div>
|
|
| 63 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 64 |
+ <i class="icon-behaelter-outline"></i> |
|
| 65 |
+ {{ reservation.behaelter }}
|
|
| 66 |
+ </div> |
|
| 45 | 67 |
</div> |
| 46 | 68 |
<div class="col-6"> |
| 47 |
- <div class="icon-reben-outline">{{ reservation.sorten|join(', ') }}</div>
|
|
| 69 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 70 |
+ <i class="icon-reben-outline"></i> |
|
| 71 |
+ {{ reservation.sorten|join(', ') }}
|
|
| 72 |
+ </div> |
|
| 48 | 73 |
</div> |
| 49 | 74 |
<div class="col u-text-right"> |
| 50 | 75 |
<div><a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ reservation.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Bearbeiten</a></div>
|
Browse code
Update
Benjamin Roth authored on15/08/2023 15:29:18 Showing1 changed files
| ... | ... |
@@ -59,8 +59,11 @@ |
| 59 | 59 |
|
| 60 | 60 |
<div class="frame__body"> |
| 61 | 61 |
<h4>Reservieren</h4> |
| 62 |
+ {% if toast is defined %}
|
|
| 63 |
+ {{ toast|raw }}
|
|
| 64 |
+ {% endif %}
|
|
| 62 | 65 |
{% if buchen.buchbar %}
|
| 63 |
- <form hx-post="/_ajax/vr_wa/v1/slot?do=reservate"> |
|
| 66 |
+ <form hx-post="/_ajax/vr_wa/v1/slot?do=reservate" enctype="multipart/form-data"> |
|
| 64 | 67 |
<input type="hidden" name="id" value="{{ id }}">
|
| 65 | 68 |
<fieldset> |
| 66 | 69 |
<label for="res-behaelter">Liefernde Behältermenge</label> |
| ... | ... |
@@ -78,6 +81,10 @@ |
| 78 | 81 |
{% endfor %}
|
| 79 | 82 |
</fieldset> |
| 80 | 83 |
<fieldset> |
| 84 |
+ <label for="res-upload">Dateianhang</label> |
|
| 85 |
+ <input type="file" id="res-upload" name="upload"> |
|
| 86 |
+ </fieldset> |
|
| 87 |
+ <fieldset> |
|
| 81 | 88 |
<button type="submit">Reservieren</button> |
| 82 | 89 |
</fieldset> |
| 83 | 90 |
</form> |
Browse code
Update
Benjamin Roth authored on15/08/2023 00:23:42 Showing1 changed files
| ... | ... |
@@ -22,6 +22,13 @@ |
| 22 | 22 |
<div class="">{{ slot.sorte|join(', ') }}</div>
|
| 23 | 23 |
</div> |
| 24 | 24 |
</div> |
| 25 |
+ |
|
| 26 |
+ {% if slot.anmerkungen %}
|
|
| 27 |
+ <div> |
|
| 28 |
+ <div class="t-label">Anmerkungen</div> |
|
| 29 |
+ {{ slot.anmerkungen|raw }}
|
|
| 30 |
+ </div> |
|
| 31 |
+ {% endif %}
|
|
| 25 | 32 |
</div> |
| 26 | 33 |
|
| 27 | 34 |
{% if reservations|length %}
|
Browse code
Update
Benjamin Roth authored on10/08/2023 16:00:36 Showing1 changed files
| ... | ... |
@@ -1,42 +1,61 @@ |
| 1 | 1 |
{% block content %}
|
| 2 | 2 |
{% if modal %}<div class="modal-content">{% endif %}
|
| 3 |
- <div id="wa-slot-{{ id }}" hx-get="/_ajax/vr_wa/v1/slot?do=details&id={{ id }}&modal=false" hx-target="this" hx-swap="outerHTML" hx-trigger="updateWaBooking from:body">
|
|
| 4 |
- <dl> |
|
| 5 |
- <dt>Tag/Uhrzeit</dt> |
|
| 6 |
- <dd>{{ slot.time|date('d.m.Y H:i') }}</dd>
|
|
| 3 |
+ <div id="wa-slot-{{ id }}" class="frame" hx-get="/_ajax/vr_wa/v1/slot?do=details&id={{ id }}&modal=false" hx-target="this" hx-swap="outerHTML" hx-trigger="updateWaBooking from:body">
|
|
| 4 |
+ <div class="frame__header"> |
|
| 5 |
+ <h3>Zeitslot</h3> |
|
| 6 |
+ <div class="row"> |
|
| 7 |
+ <div class="col"> |
|
| 8 |
+ <i class="icon-uhr-outline u-justify-center"></i> |
|
| 9 |
+ <div class="t-label">Tag/Urzeit</div> |
|
| 10 |
+ <div class="">{{ slot.time|date('d.m.Y H:i') }}</div>
|
|
| 11 |
+ </div> |
|
| 7 | 12 |
|
| 8 |
- <dt>Verfügbare Behälterkapazität</dt> |
|
| 9 |
- <dd>{{ slot.behaelterAvailable }}</dd>
|
|
| 13 |
+ <div class="col"> |
|
| 14 |
+ <i class="icon-behaelter-outline u-justify-center"></i> |
|
| 15 |
+ <div class="t-label">Verfügbare Behälterkapazität</div> |
|
| 16 |
+ <div class="">{{ slot.behaelterAvailable }}</div>
|
|
| 17 |
+ </div> |
|
| 10 | 18 |
|
| 11 |
- <dt>Verarbeitete Sorten</dt> |
|
| 12 |
- <dd>{{ slot.sorte|join(', ') }}</dd>
|
|
| 13 |
- </dl> |
|
| 19 |
+ <div class="col"> |
|
| 20 |
+ <i class="icon-reben-outline u-justify-center"></i> |
|
| 21 |
+ <div class="t-label">Verarbeitete Sorten</div> |
|
| 22 |
+ <div class="">{{ slot.sorte|join(', ') }}</div>
|
|
| 23 |
+ </div> |
|
| 24 |
+ </div> |
|
| 25 |
+ </div> |
|
| 14 | 26 |
|
| 15 | 27 |
{% if reservations|length %}
|
| 16 |
- <h4>Ihre Reservierungen</h4> |
|
| 17 |
- <ul class="reservations"> |
|
| 18 |
- {% for reservation in reservations %}
|
|
| 19 |
- <li class="flex align-items-center"> |
|
| 20 |
- <div class="full fifth-500"> |
|
| 21 |
- <div class="icon-behaelter-outline">{{ reservation.behaelter }}</div>
|
|
| 22 |
- </div> |
|
| 23 |
- <div class="full three-fifth-500"> |
|
| 24 |
- <div class="icon-reben-outline">{{ reservation.sorten|join(', ') }}</div>
|
|
| 25 |
- </div> |
|
| 26 |
- <div class="full fifth-500"> |
|
| 27 |
- <div><a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ reservation.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;">Bearbeiten</a></div>
|
|
| 28 |
- </div> |
|
| 29 |
- </li> |
|
| 30 |
- {% endfor %}
|
|
| 31 |
- </ul> |
|
| 28 |
+ <div class="divider m-0 mb-2"></div> |
|
| 29 |
+ |
|
| 30 |
+ <div class="frame__body"> |
|
| 31 |
+ |
|
| 32 |
+ <h4>Ihre Reservierungen</h4> |
|
| 33 |
+ <ul class="no-bullets mx-0 reservations"> |
|
| 34 |
+ {% for reservation in reservations %}
|
|
| 35 |
+ <li class="row u-items-center p-0"> |
|
| 36 |
+ <div class="col-2"> |
|
| 37 |
+ <div class="icon-behaelter-outline">{{ reservation.behaelter }}</div>
|
|
| 38 |
+ </div> |
|
| 39 |
+ <div class="col-6"> |
|
| 40 |
+ <div class="icon-reben-outline">{{ reservation.sorten|join(', ') }}</div>
|
|
| 41 |
+ </div> |
|
| 42 |
+ <div class="col u-text-right"> |
|
| 43 |
+ <div><a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ reservation.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Bearbeiten</a></div>
|
|
| 44 |
+ </div> |
|
| 45 |
+ </li> |
|
| 46 |
+ {% endfor %}
|
|
| 47 |
+ </ul> |
|
| 48 |
+ </div> |
|
| 32 | 49 |
{% endif %}
|
| 33 | 50 |
|
| 34 |
- <h3>Reservieren</h3> |
|
| 35 |
- {% if buchen.buchbar %}
|
|
| 36 |
- <form hx-post="/_ajax/vr_wa/v1/slot?do=reservate"> |
|
| 37 |
- <input type="hidden" name="id" value="{{ id }}">
|
|
| 38 |
- <div class="dflex"> |
|
| 39 |
- <div> |
|
| 51 |
+ <div class="divider m-0 mb-2"></div> |
|
| 52 |
+ |
|
| 53 |
+ <div class="frame__body"> |
|
| 54 |
+ <h4>Reservieren</h4> |
|
| 55 |
+ {% if buchen.buchbar %}
|
|
| 56 |
+ <form hx-post="/_ajax/vr_wa/v1/slot?do=reservate"> |
|
| 57 |
+ <input type="hidden" name="id" value="{{ id }}">
|
|
| 58 |
+ <fieldset> |
|
| 40 | 59 |
<label for="res-behaelter">Liefernde Behältermenge</label> |
| 41 | 60 |
<select id="res-behaelter" name="behaelter" required> |
| 42 | 61 |
<option value="">-</option> |
| ... | ... |
@@ -44,21 +63,24 @@ |
| 44 | 63 |
<option value="{{ option }}">{{ option }}</option>
|
| 45 | 64 |
{% endfor %}
|
| 46 | 65 |
</select> |
| 47 |
- </div> |
|
| 66 |
+ </fieldset> |
|
| 48 | 67 |
<fieldset> |
| 49 | 68 |
<legend>Anliefernde Rebsorte(n)</legend> |
| 50 | 69 |
{% for value,label in buchen.sorten %}
|
| 51 | 70 |
<label><input type="checkbox" name="sorten[]" value="{{ value }}"> <span class="checkable">{{ label }}</span></label><br>
|
| 52 | 71 |
{% endfor %}
|
| 53 | 72 |
</fieldset> |
| 54 |
- <div> |
|
| 73 |
+ <fieldset> |
|
| 55 | 74 |
<button type="submit">Reservieren</button> |
| 56 |
- </div> |
|
| 75 |
+ </fieldset> |
|
| 76 |
+ </form> |
|
| 77 |
+ {% else %}
|
|
| 78 |
+ <div class="toast toast--warning mx-0"> |
|
| 79 |
+ <p class="warning">Dieser Zeit-Slot ist bereits ausgebucht</p> |
|
| 57 | 80 |
</div> |
| 58 |
- </form> |
|
| 59 |
- {% else %}
|
|
| 60 |
- <p class="warning">Dieser Zeit-Slot ist bereits ausgebucht</p> |
|
| 61 |
- {% endif %}
|
|
| 81 |
+ {% endif %}
|
|
| 82 |
+ |
|
| 83 |
+ </div> |
|
| 62 | 84 |
</div> |
| 63 | 85 |
{% if modal %}</div>{% endif %}
|
| 64 | 86 |
{% endblock %}
|
Browse code
Update
Benjamin Roth authored on09/08/2023 16:04:53 Showing1 changed files
| ... | ... |
@@ -1,66 +1,96 @@ |
| 1 |
-<div class="modal-content"> |
|
| 2 |
- <div id="wa-slot-{{ id }}">
|
|
| 3 |
- <dl> |
|
| 4 |
- <dt>Tag/Uhrzeit</dt> |
|
| 5 |
- <dd>{{ slot.time|date('d.m.Y H:i') }}</dd>
|
|
| 1 |
+{% block content %}
|
|
| 2 |
+ {% if modal %}<div class="modal-content">{% endif %}
|
|
| 3 |
+ <div id="wa-slot-{{ id }}" hx-get="/_ajax/vr_wa/v1/slot?do=details&id={{ id }}&modal=false" hx-target="this" hx-swap="outerHTML" hx-trigger="updateWaBooking from:body">
|
|
| 4 |
+ <dl> |
|
| 5 |
+ <dt>Tag/Uhrzeit</dt> |
|
| 6 |
+ <dd>{{ slot.time|date('d.m.Y H:i') }}</dd>
|
|
| 6 | 7 |
|
| 7 |
- <dt>Verfügbare Behälterkapazität</dt> |
|
| 8 |
- <dd>{{ slot.behaelterAvailable }}</dd>
|
|
| 8 |
+ <dt>Verfügbare Behälterkapazität</dt> |
|
| 9 |
+ <dd>{{ slot.behaelterAvailable }}</dd>
|
|
| 9 | 10 |
|
| 10 |
- <dt>Verarbeitete Sorten</dt> |
|
| 11 |
- <dd>{{ slot.sorte|join(', ') }}</dd>
|
|
| 12 |
- </dl> |
|
| 13 |
- <h3>Reservieren</h3> |
|
| 14 |
- {% if buchen.buchbar %}
|
|
| 15 |
- <form hx-post="/_ajax/vr_wa/v1/slot?do=reservate"> |
|
| 16 |
- <input type="hidden" name="id" value="{{ id }}">
|
|
| 17 |
- <div class="dflex"> |
|
| 18 |
- <div> |
|
| 19 |
- <label for="res-behaelter">Liefernde Behältermenge</label> |
|
| 20 |
- <select id="res-behaelter" name="behaelter" required> |
|
| 21 |
- <option value="">-</option> |
|
| 22 |
- {% for option in buchen.behaelter %}
|
|
| 23 |
- <option value="{{ option }}">{{ option }}</option>
|
|
| 11 |
+ <dt>Verarbeitete Sorten</dt> |
|
| 12 |
+ <dd>{{ slot.sorte|join(', ') }}</dd>
|
|
| 13 |
+ </dl> |
|
| 14 |
+ |
|
| 15 |
+ {% if reservations|length %}
|
|
| 16 |
+ <h4>Ihre Reservierungen</h4> |
|
| 17 |
+ <ul class="reservations"> |
|
| 18 |
+ {% for reservation in reservations %}
|
|
| 19 |
+ <li class="flex align-items-center"> |
|
| 20 |
+ <div class="full fifth-500"> |
|
| 21 |
+ <div class="icon-behaelter-outline">{{ reservation.behaelter }}</div>
|
|
| 22 |
+ </div> |
|
| 23 |
+ <div class="full three-fifth-500"> |
|
| 24 |
+ <div class="icon-reben-outline">{{ reservation.sorten|join(', ') }}</div>
|
|
| 25 |
+ </div> |
|
| 26 |
+ <div class="full fifth-500"> |
|
| 27 |
+ <div><a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ reservation.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;">Bearbeiten</a></div>
|
|
| 28 |
+ </div> |
|
| 29 |
+ </li> |
|
| 30 |
+ {% endfor %}
|
|
| 31 |
+ </ul> |
|
| 32 |
+ {% endif %}
|
|
| 33 |
+ |
|
| 34 |
+ <h3>Reservieren</h3> |
|
| 35 |
+ {% if buchen.buchbar %}
|
|
| 36 |
+ <form hx-post="/_ajax/vr_wa/v1/slot?do=reservate"> |
|
| 37 |
+ <input type="hidden" name="id" value="{{ id }}">
|
|
| 38 |
+ <div class="dflex"> |
|
| 39 |
+ <div> |
|
| 40 |
+ <label for="res-behaelter">Liefernde Behältermenge</label> |
|
| 41 |
+ <select id="res-behaelter" name="behaelter" required> |
|
| 42 |
+ <option value="">-</option> |
|
| 43 |
+ {% for option in buchen.behaelter %}
|
|
| 44 |
+ <option value="{{ option }}">{{ option }}</option>
|
|
| 45 |
+ {% endfor %}
|
|
| 46 |
+ </select> |
|
| 47 |
+ </div> |
|
| 48 |
+ <fieldset> |
|
| 49 |
+ <legend>Anliefernde Rebsorte(n)</legend> |
|
| 50 |
+ {% for value,label in buchen.sorten %}
|
|
| 51 |
+ <label><input type="checkbox" name="sorten[]" value="{{ value }}"> <span class="checkable">{{ label }}</span></label><br>
|
|
| 24 | 52 |
{% endfor %}
|
| 25 |
- </select> |
|
| 53 |
+ </fieldset> |
|
| 54 |
+ <div> |
|
| 55 |
+ <button type="submit">Reservieren</button> |
|
| 56 |
+ </div> |
|
| 26 | 57 |
</div> |
| 27 |
- <fieldset> |
|
| 28 |
- <legend>Anliefernde Rebsorte(n)</legend> |
|
| 29 |
- {% for value,label in buchen.sorten %}
|
|
| 30 |
- <label><input type="checkbox" name="sorten[]" value="{{ value }}"> <span class="checkable">{{ label }}</span></label><br>
|
|
| 31 |
- {% endfor %}
|
|
| 32 |
- </fieldset> |
|
| 33 |
- <div> |
|
| 34 |
- <button type="submit">Reservieren</button> |
|
| 35 |
- </div> |
|
| 36 |
- </div> |
|
| 37 |
- </form> |
|
| 38 |
- {% else %}
|
|
| 39 |
- <p class="warning">Dieser Zeit-Slot ist bereits ausgebucht</p> |
|
| 40 |
- {% endif %}
|
|
| 41 |
- </div> |
|
| 42 |
-</div> |
|
| 43 |
-<script> |
|
| 44 |
- (function ($) {
|
|
| 58 |
+ </form> |
|
| 59 |
+ {% else %}
|
|
| 60 |
+ <p class="warning">Dieser Zeit-Slot ist bereits ausgebucht</p> |
|
| 61 |
+ {% endif %}
|
|
| 62 |
+ </div> |
|
| 63 |
+ {% if modal %}</div>{% endif %}
|
|
| 64 |
+{% endblock %}
|
|
| 65 |
+ |
|
| 66 |
+{% block modal %}
|
|
| 67 |
+ {% if modal %}
|
|
| 68 |
+ <script> |
|
| 69 |
+ (function ($) {
|
|
| 45 | 70 |
|
| 46 |
- window.modals = window.modals || [] |
|
| 47 |
- window.modals.wa_slots = window.modals.wa_slots || [] |
|
| 71 |
+ window.modals = window.modals || [] |
|
| 72 |
+ window.modals.wa_slots = window.modals.wa_slots || [] |
|
| 48 | 73 |
|
| 49 |
- if (window.modals.wa_slots.details{{ id }} === undefined)
|
|
| 50 |
- {
|
|
| 51 |
- window.modals.wa_slots.details{{ id }} = new jBox('Modal', {
|
|
| 52 |
- closeButton: 'box', |
|
| 53 |
- content: $('#wa-slot-{{ id }}'),
|
|
| 54 |
- maxWidth: 650, |
|
| 55 |
- minWidth: 100, |
|
| 56 |
- minHeight: 100, |
|
| 57 |
- width: 650, |
|
| 58 |
- addClass: '' |
|
| 59 |
- }).open(); |
|
| 60 |
- } else {
|
|
| 61 |
- window.modals.wa_slots.details{{ id }}.content.empty();
|
|
| 62 |
- window.modals.wa_slots.details{{ id }}.setContent($('#wa-slot-{{ id }}')).open();
|
|
| 63 |
- } |
|
| 74 |
+ if (window.modals.wa_slots.details{{ id }} === undefined)
|
|
| 75 |
+ {
|
|
| 76 |
+ window.modals.wa_slots.details{{ id }} = new jBox('Modal', {
|
|
| 77 |
+ closeButton: 'box', |
|
| 78 |
+ content: $('#wa-slot-{{ id }}'),
|
|
| 79 |
+ maxWidth: 650, |
|
| 80 |
+ minWidth: 100, |
|
| 81 |
+ minHeight: 100, |
|
| 82 |
+ width: 650, |
|
| 83 |
+ overlay: true, |
|
| 84 |
+ closeOnClick: false, |
|
| 85 |
+ zIndex: 'auto', |
|
| 86 |
+ addClass: '' |
|
| 87 |
+ }).open(); |
|
| 88 |
+ } else {
|
|
| 89 |
+ window.modals.wa_slots.details{{ id }}.content.empty();
|
|
| 90 |
+ window.modals.wa_slots.details{{ id }}.setContent($('#wa-slot-{{ id }}')).open();
|
|
| 91 |
+ } |
|
| 64 | 92 |
|
| 65 |
- })(jQuery); |
|
| 66 |
-</script> |
|
| 93 |
+ })(jQuery); |
|
| 94 |
+ </script> |
|
| 95 |
+ {% endif %}
|
|
| 96 |
+{% endblock %}
|
Browse code
Update
Benjamin Roth authored on09/08/2023 01:02:13 Showing1 changed files
| ... | ... |
@@ -5,16 +5,42 @@ |
| 5 | 5 |
<dd>{{ slot.time|date('d.m.Y H:i') }}</dd>
|
| 6 | 6 |
|
| 7 | 7 |
<dt>Verfügbare Behälterkapazität</dt> |
| 8 |
- <dd>{{ slot.behaelter }}</dd>
|
|
| 8 |
+ <dd>{{ slot.behaelterAvailable }}</dd>
|
|
| 9 | 9 |
|
| 10 | 10 |
<dt>Verarbeitete Sorten</dt> |
| 11 | 11 |
<dd>{{ slot.sorte|join(', ') }}</dd>
|
| 12 | 12 |
</dl> |
| 13 |
- |
|
| 13 |
+ <h3>Reservieren</h3> |
|
| 14 |
+ {% if buchen.buchbar %}
|
|
| 15 |
+ <form hx-post="/_ajax/vr_wa/v1/slot?do=reservate"> |
|
| 16 |
+ <input type="hidden" name="id" value="{{ id }}">
|
|
| 17 |
+ <div class="dflex"> |
|
| 18 |
+ <div> |
|
| 19 |
+ <label for="res-behaelter">Liefernde Behältermenge</label> |
|
| 20 |
+ <select id="res-behaelter" name="behaelter" required> |
|
| 21 |
+ <option value="">-</option> |
|
| 22 |
+ {% for option in buchen.behaelter %}
|
|
| 23 |
+ <option value="{{ option }}">{{ option }}</option>
|
|
| 24 |
+ {% endfor %}
|
|
| 25 |
+ </select> |
|
| 26 |
+ </div> |
|
| 27 |
+ <fieldset> |
|
| 28 |
+ <legend>Anliefernde Rebsorte(n)</legend> |
|
| 29 |
+ {% for value,label in buchen.sorten %}
|
|
| 30 |
+ <label><input type="checkbox" name="sorten[]" value="{{ value }}"> <span class="checkable">{{ label }}</span></label><br>
|
|
| 31 |
+ {% endfor %}
|
|
| 32 |
+ </fieldset> |
|
| 33 |
+ <div> |
|
| 34 |
+ <button type="submit">Reservieren</button> |
|
| 35 |
+ </div> |
|
| 36 |
+ </div> |
|
| 37 |
+ </form> |
|
| 38 |
+ {% else %}
|
|
| 39 |
+ <p class="warning">Dieser Zeit-Slot ist bereits ausgebucht</p> |
|
| 40 |
+ {% endif %}
|
|
| 14 | 41 |
</div> |
| 15 | 42 |
</div> |
| 16 | 43 |
<script> |
| 17 |
- |
|
| 18 | 44 |
(function ($) {
|
| 19 | 45 |
|
| 20 | 46 |
window.modals = window.modals || [] |
Browse code
Update
Benjamin Roth authored on08/08/2023 12:37:24 Showing1 changed files
Browse code
Update
Benjamin Roth authored on08/08/2023 12:03:12 Showing1 changed files
| 1 | 1 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,40 @@ |
| 1 |
+<div class="modal-content"> |
|
| 2 |
+ <div id="wa-slot-{{ id }}">
|
|
| 3 |
+ <dl> |
|
| 4 |
+ <dt>Tag/Uhrzeit</dt> |
|
| 5 |
+ <dd>{{ slot.time|date('d.m.Y H:i') }}</dd>
|
|
| 6 |
+ |
|
| 7 |
+ <dt>Verfügbare Behälterkapazität</dt> |
|
| 8 |
+ <dd>{{ slot.behaelter }}</dd>
|
|
| 9 |
+ |
|
| 10 |
+ <dt>Verarbeitete Sorten</dt> |
|
| 11 |
+ <dd>{{ slot.sorte }}</dd>
|
|
| 12 |
+ </dl> |
|
| 13 |
+ |
|
| 14 |
+ </div> |
|
| 15 |
+</div> |
|
| 16 |
+<script> |
|
| 17 |
+ |
|
| 18 |
+ (function ($) {
|
|
| 19 |
+ |
|
| 20 |
+ window.modals = window.modals || [] |
|
| 21 |
+ window.modals.wa_slots = window.modals.wa_slots || [] |
|
| 22 |
+ |
|
| 23 |
+ if (window.modals.wa_slots.details{{ id }} === undefined)
|
|
| 24 |
+ {
|
|
| 25 |
+ window.modals.wa_slots.details{{ id }} = new jBox('Modal', {
|
|
| 26 |
+ closeButton: 'box', |
|
| 27 |
+ content: $('#wa-slot-{{ id }}'),
|
|
| 28 |
+ maxWidth: 650, |
|
| 29 |
+ minWidth: 100, |
|
| 30 |
+ minHeight: 100, |
|
| 31 |
+ width: 650, |
|
| 32 |
+ addClass: '' |
|
| 33 |
+ }).open(); |
|
| 34 |
+ } else {
|
|
| 35 |
+ window.modals.wa_slots.details{{ id }}.content.empty();
|
|
| 36 |
+ window.modals.wa_slots.details{{ id }}.setContent($('#wa-slot-{{ id }}')).open();
|
|
| 37 |
+ } |
|
| 38 |
+ |
|
| 39 |
+ })(jQuery); |
|
| 40 |
+</script> |