Browse code
Add list page picker to booking list module
Benjamin Roth authored on08/09/2023 13:01:36 Showing1 changed files
| ... | ... |
@@ -82,9 +82,11 @@ |
| 82 | 82 |
<h6 class="placeholder-title">Sie haben noch keine Anlieferungszeiten reserviert</h6> |
| 83 | 83 |
<div class="placeholder-subtitle">Sobald Sie Anlieferungszeiten reserviert haben, werden diese hier aufgelistet.</div> |
| 84 | 84 |
<div class="placeholder-commands u-center"> |
| 85 |
- <div class="m-1"> |
|
| 86 |
- <a href="{{ insert_tag('link_url::2') }}" class="btn btn-info">Zur Reservierung</a>
|
|
| 87 |
- </div> |
|
| 85 |
+ {% if listPageUrl is defined %}
|
|
| 86 |
+ <div class="m-1"> |
|
| 87 |
+ <a href="{{ listPageUrl }}" class="btn btn-info">Zur Reservierung</a>
|
|
| 88 |
+ </div> |
|
| 89 |
+ {% endif %}
|
|
| 88 | 90 |
</div> |
| 89 | 91 |
</div> |
| 90 | 92 |
{% endif %}
|
Browse code
Update
Benjamin Roth authored on31/08/2023 14:20:49 Showing1 changed files
| ... | ... |
@@ -68,8 +68,8 @@ |
| 68 | 68 |
</div> |
| 69 | 69 |
|
| 70 | 70 |
<div class="col u-text-right u-text-nowrap action"> |
| 71 |
- <a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Ändern</a>
|
|
| 72 |
- <a hx-get="/_ajax/vr_wa/v1/slot?do=delete&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" hx-confirm="Sind Sie sicher, dass Sie diese Reservierung löschen möchten?" href="javascript:;" class="btn btn--xs btn-danger m-0">Löschen</a>
|
|
| 71 |
+ <a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--sm btn-info m-0">Ändern</a>
|
|
| 72 |
+ <a hx-get="/_ajax/vr_wa/v1/slot?do=delete&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" hx-confirm="Sind Sie sicher, dass Sie diese Reservierung löschen möchten?" href="javascript:;" class="btn btn--sm btn-danger m-0">Löschen</a>
|
|
| 73 | 73 |
</div> |
| 74 | 74 |
</div> |
| 75 | 75 |
{% endfor %}
|
Browse code
Update
Benjamin Roth authored on30/08/2023 22:08:09 Showing1 changed files
| ... | ... |
@@ -8,39 +8,60 @@ |
| 8 | 8 |
<div class="accordion-dis"> |
| 9 | 9 |
<div class="bookings"> |
| 10 | 10 |
{% for booking in bookings %}
|
| 11 |
- <div class="row u-flex-nowrap-md u-items-center"> |
|
| 11 |
+ <div class="row py-2 u-flex-nowrap-md u-items-center"> |
|
| 12 | 12 |
<div class="col-12"> |
| 13 |
- <div class="row"> |
|
| 14 |
- <div class="col-3 time pl-0"> |
|
| 15 |
- <div class="icon-uhr-outline u-flex u-items-center u-gap-1"> |
|
| 13 |
+ <div class="grid-md u-gap-1"> |
|
| 14 |
+ <div class="grid-c-3 time bg-white p-1"> |
|
| 15 |
+ <div class="u-flex u-items-center u-gap-1"> |
|
| 16 |
+ <i class="icon-uhr-outline"></i> |
|
| 16 | 17 |
<span class="t-label">Uhrzeit</span> |
| 17 | 18 |
{{ booking.slot.time|date('H:i') }}
|
| 18 | 19 |
</div> |
| 19 |
- <div class="icon-standort-outline u-flex u-items-center u-gap-1"> |
|
| 20 |
- <span class="t-label">Standort</span> |
|
| 21 |
- {{ booking.standort }}
|
|
| 22 |
- </div> |
|
| 23 | 20 |
</div> |
| 24 |
- <div class="col-3 behaelter"> |
|
| 25 |
- <div class="icon-behaelter-outline u-flex u-items-center u-gap-1"> |
|
| 21 |
+ <div class="grid-c-3 behaelter bg-white p-1"> |
|
| 22 |
+ <div class="u-flex u-flex-wrap u-gap-1"> |
|
| 23 |
+ <i class="icon-behaelter-outline"></i> |
|
| 26 | 24 |
<span class="t-label">Gebuchte Behälterkapazität</span> |
| 27 | 25 |
{{ booking.behaelter }}
|
| 28 | 26 |
</div> |
| 29 | 27 |
</div> |
| 30 |
- <div class="col-6 rebsorten pr-0"> |
|
| 31 |
- <div class="icon-reben-outline u-flex u-items-center u-gap-1"> |
|
| 28 |
+ <div class="grid-c-6 rebsorten bg-white p-1"> |
|
| 29 |
+ <div class="u-flex u-flex-wrap u-gap-1"> |
|
| 30 |
+ <i class="icon-reben-outline"></i> |
|
| 32 | 31 |
<div class="t-label">Anliefernde Sorten</div> |
| 33 | 32 |
|
| 34 | 33 |
</div> |
| 35 | 34 |
{{ booking.sorte|join(', ') }}
|
| 36 | 35 |
</div> |
| 36 |
+ <div class="grid-c-3 standort bg-white p-1"> |
|
| 37 |
+ <div class="u-flex u-flex-wrap u-gap-1"> |
|
| 38 |
+ <i class="icon-standort-outline"></i> |
|
| 39 |
+ <span class="t-label">Standort</span> |
|
| 40 |
+ {{ booking.standort }}
|
|
| 41 |
+ </div> |
|
| 42 |
+ </div> |
|
| 43 |
+ <div class="grid-c-3 ernteart bg-white p-1"> |
|
| 44 |
+ <div class="u-flex u-flex-wrap u-gap-1"> |
|
| 45 |
+ <i class="icon-schere-outline"></i> |
|
| 46 |
+ <div class="t-label">Erntearten</div> |
|
| 47 |
+ {{ booking.ernteart|join(', ') }}
|
|
| 48 |
+ </div> |
|
| 49 |
+ </div> |
|
| 50 |
+ <div class="grid-c-6 lage bg-white p-1"> |
|
| 51 |
+ <div class="u-flex u-flex-wrap u-gap-1"> |
|
| 52 |
+ <i class="icon-lage-outline"></i> |
|
| 53 |
+ <span class="t-label">Lagen</span> |
|
| 54 |
+ {{ booking.lage|join(', ') }}
|
|
| 55 |
+ </div> |
|
| 56 |
+ </div> |
|
| 37 | 57 |
{% if booking.slot.anmerkungen is defined and booking.slot.anmerkungen %}
|
| 38 |
- <div class="col-12 px-0"> |
|
| 39 |
- <div class="icon-info-outline u-flex u-items-center u-gap-1"> |
|
| 58 |
+ <div class="grid-c-12 bg-white p-1"> |
|
| 59 |
+ <div class="u-flex u-flex-wrap u-gap-1"> |
|
| 60 |
+ <i class="icon-info-outline"></i> |
|
| 40 | 61 |
<span class="t-label">Anmerkungen</span> |
| 62 |
+ {{ booking.slot.anmerkungen|raw }}
|
|
| 63 |
+ <a hx-get="/_ajax/vr_wa/v1/slot?do=annotation&id={{ booking.slot.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;">mehr lesen</a>
|
|
| 41 | 64 |
</div> |
| 42 |
- {{ booking.slot.anmerkungen|raw }}
|
|
| 43 |
- <a hx-get="/_ajax/vr_wa/v1/slot?do=annotation&id={{ booking.slot.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;">mehr lesen</a>
|
|
| 44 | 65 |
</div> |
| 45 | 66 |
{% endif %}
|
| 46 | 67 |
</div> |
Browse code
Lot's of changes and improvements
Benjamin Roth authored on30/08/2023 17:18:43 Showing1 changed files
| ... | ... |
@@ -8,15 +8,15 @@ |
| 8 | 8 |
<div class="accordion-dis"> |
| 9 | 9 |
<div class="bookings"> |
| 10 | 10 |
{% for booking in bookings %}
|
| 11 |
- <div class="row u-items-center"> |
|
| 12 |
- <div class="col-10"> |
|
| 11 |
+ <div class="row u-flex-nowrap-md u-items-center"> |
|
| 12 |
+ <div class="col-12"> |
|
| 13 | 13 |
<div class="row"> |
| 14 | 14 |
<div class="col-3 time pl-0"> |
| 15 | 15 |
<div class="icon-uhr-outline u-flex u-items-center u-gap-1"> |
| 16 | 16 |
<span class="t-label">Uhrzeit</span> |
| 17 | 17 |
{{ booking.slot.time|date('H:i') }}
|
| 18 | 18 |
</div> |
| 19 |
- <div class="icon-uhr-standort u-flex u-items-center u-gap-1"> |
|
| 19 |
+ <div class="icon-standort-outline u-flex u-items-center u-gap-1"> |
|
| 20 | 20 |
<span class="t-label">Standort</span> |
| 21 | 21 |
{{ booking.standort }}
|
| 22 | 22 |
</div> |
| ... | ... |
@@ -30,6 +30,7 @@ |
| 30 | 30 |
<div class="col-6 rebsorten pr-0"> |
| 31 | 31 |
<div class="icon-reben-outline u-flex u-items-center u-gap-1"> |
| 32 | 32 |
<div class="t-label">Anliefernde Sorten</div> |
| 33 |
+ |
|
| 33 | 34 |
</div> |
| 34 | 35 |
{{ booking.sorte|join(', ') }}
|
| 35 | 36 |
</div> |
| ... | ... |
@@ -45,7 +46,7 @@ |
| 45 | 46 |
</div> |
| 46 | 47 |
</div> |
| 47 | 48 |
|
| 48 |
- <div class="col u-text-right action"> |
|
| 49 |
+ <div class="col u-text-right u-text-nowrap action"> |
|
| 49 | 50 |
<a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Ändern</a>
|
| 50 | 51 |
<a hx-get="/_ajax/vr_wa/v1/slot?do=delete&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" hx-confirm="Sind Sie sicher, dass Sie diese Reservierung löschen möchten?" href="javascript:;" class="btn btn--xs btn-danger m-0">Löschen</a>
|
| 51 | 52 |
</div> |
Browse code
Lot's of changes and improvements
Benjamin Roth authored on29/08/2023 15:05:02 Showing1 changed files
| ... | ... |
@@ -9,20 +9,44 @@ |
| 9 | 9 |
<div class="bookings"> |
| 10 | 10 |
{% for booking in bookings %}
|
| 11 | 11 |
<div class="row u-items-center"> |
| 12 |
- <div class="col-2 time icon-uhr-outline"> |
|
| 13 |
- <span class="t-label">Uhrzeit</span> |
|
| 14 |
- {{ booking.slot.time|date('H:i') }}
|
|
| 15 |
- </div> |
|
| 16 |
- <div class="col-3 behaelter icon-behaelter-outline"> |
|
| 17 |
- <span class="t-label">Gebuchte Behälterkapazität</span> |
|
| 18 |
- {{ booking.behaelter }}
|
|
| 19 |
- </div> |
|
| 20 |
- <div class="col-5 rebsorten icon-reben-outline"> |
|
| 21 |
- <span class="t-label">Anliefernde Sorten</span> |
|
| 22 |
- {{ booking.sorte|join(', ') }}
|
|
| 12 |
+ <div class="col-10"> |
|
| 13 |
+ <div class="row"> |
|
| 14 |
+ <div class="col-3 time pl-0"> |
|
| 15 |
+ <div class="icon-uhr-outline u-flex u-items-center u-gap-1"> |
|
| 16 |
+ <span class="t-label">Uhrzeit</span> |
|
| 17 |
+ {{ booking.slot.time|date('H:i') }}
|
|
| 18 |
+ </div> |
|
| 19 |
+ <div class="icon-uhr-standort u-flex u-items-center u-gap-1"> |
|
| 20 |
+ <span class="t-label">Standort</span> |
|
| 21 |
+ {{ booking.standort }}
|
|
| 22 |
+ </div> |
|
| 23 |
+ </div> |
|
| 24 |
+ <div class="col-3 behaelter"> |
|
| 25 |
+ <div class="icon-behaelter-outline u-flex u-items-center u-gap-1"> |
|
| 26 |
+ <span class="t-label">Gebuchte Behälterkapazität</span> |
|
| 27 |
+ {{ booking.behaelter }}
|
|
| 28 |
+ </div> |
|
| 29 |
+ </div> |
|
| 30 |
+ <div class="col-6 rebsorten pr-0"> |
|
| 31 |
+ <div class="icon-reben-outline u-flex u-items-center u-gap-1"> |
|
| 32 |
+ <div class="t-label">Anliefernde Sorten</div> |
|
| 33 |
+ </div> |
|
| 34 |
+ {{ booking.sorte|join(', ') }}
|
|
| 35 |
+ </div> |
|
| 36 |
+ {% if booking.slot.anmerkungen is defined and booking.slot.anmerkungen %}
|
|
| 37 |
+ <div class="col-12 px-0"> |
|
| 38 |
+ <div class="icon-info-outline u-flex u-items-center u-gap-1"> |
|
| 39 |
+ <span class="t-label">Anmerkungen</span> |
|
| 40 |
+ </div> |
|
| 41 |
+ {{ booking.slot.anmerkungen|raw }}
|
|
| 42 |
+ <a hx-get="/_ajax/vr_wa/v1/slot?do=annotation&id={{ booking.slot.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;">mehr lesen</a>
|
|
| 43 |
+ </div> |
|
| 44 |
+ {% endif %}
|
|
| 45 |
+ </div> |
|
| 23 | 46 |
</div> |
| 47 |
+ |
|
| 24 | 48 |
<div class="col u-text-right action"> |
| 25 |
- <a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Anzeigen</a>
|
|
| 49 |
+ <a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Ändern</a>
|
|
| 26 | 50 |
<a hx-get="/_ajax/vr_wa/v1/slot?do=delete&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" hx-confirm="Sind Sie sicher, dass Sie diese Reservierung löschen möchten?" href="javascript:;" class="btn btn--xs btn-danger m-0">Löschen</a>
|
| 27 | 51 |
</div> |
| 28 | 52 |
</div> |
Browse code
Update
Benjamin Roth authored on17/08/2023 00:07:19 Showing1 changed files
| 1 | 1 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,47 @@ |
| 1 |
+<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaBookedModule"}' hx-trigger="updateWaBooking from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
|
| 2 |
+ |
|
| 3 |
+ {% block content %}
|
|
| 4 |
+ {% if days is defined and days|length %}
|
|
| 5 |
+ <div class="list"> |
|
| 6 |
+ {% for day,bookings in days %}
|
|
| 7 |
+ <h3 class="toggler-dis u-flex u-items-center mt-2">{{ day|date('d.m.Y') }}</h3>
|
|
| 8 |
+ <div class="accordion-dis"> |
|
| 9 |
+ <div class="bookings"> |
|
| 10 |
+ {% for booking in bookings %}
|
|
| 11 |
+ <div class="row u-items-center"> |
|
| 12 |
+ <div class="col-2 time icon-uhr-outline"> |
|
| 13 |
+ <span class="t-label">Uhrzeit</span> |
|
| 14 |
+ {{ booking.slot.time|date('H:i') }}
|
|
| 15 |
+ </div> |
|
| 16 |
+ <div class="col-3 behaelter icon-behaelter-outline"> |
|
| 17 |
+ <span class="t-label">Gebuchte Behälterkapazität</span> |
|
| 18 |
+ {{ booking.behaelter }}
|
|
| 19 |
+ </div> |
|
| 20 |
+ <div class="col-5 rebsorten icon-reben-outline"> |
|
| 21 |
+ <span class="t-label">Anliefernde Sorten</span> |
|
| 22 |
+ {{ booking.sorte|join(', ') }}
|
|
| 23 |
+ </div> |
|
| 24 |
+ <div class="col u-text-right action"> |
|
| 25 |
+ <a hx-get="/_ajax/vr_wa/v1/slot?do=booking&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Anzeigen</a>
|
|
| 26 |
+ <a hx-get="/_ajax/vr_wa/v1/slot?do=delete&id={{ booking.id }}" hx-target="body" hx-swap="beforeend" hx-confirm="Sind Sie sicher, dass Sie diese Reservierung löschen möchten?" href="javascript:;" class="btn btn--xs btn-danger m-0">Löschen</a>
|
|
| 27 |
+ </div> |
|
| 28 |
+ </div> |
|
| 29 |
+ {% endfor %}
|
|
| 30 |
+ </div> |
|
| 31 |
+ </div> |
|
| 32 |
+ {% endfor %}
|
|
| 33 |
+ </div> |
|
| 34 |
+ {% else %}
|
|
| 35 |
+ <div class="placeholder"> |
|
| 36 |
+ <h6 class="placeholder-title">Sie haben noch keine Anlieferungszeiten reserviert</h6> |
|
| 37 |
+ <div class="placeholder-subtitle">Sobald Sie Anlieferungszeiten reserviert haben, werden diese hier aufgelistet.</div> |
|
| 38 |
+ <div class="placeholder-commands u-center"> |
|
| 39 |
+ <div class="m-1"> |
|
| 40 |
+ <a href="{{ insert_tag('link_url::2') }}" class="btn btn-info">Zur Reservierung</a>
|
|
| 41 |
+ </div> |
|
| 42 |
+ </div> |
|
| 43 |
+ </div> |
|
| 44 |
+ {% endif %}
|
|
| 45 |
+ {% endblock %}
|
|
| 46 |
+ |
|
| 47 |
+</div> |