Browse code
Update
Benjamin Roth authored on17/08/2023 00:07:19 Showing1 changed files
| 1 | 1 |
deleted file mode 100644 |
| ... | ... |
@@ -1,95 +0,0 @@ |
| 1 |
-<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="updateWaList from:body, updateWaBooking from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
|
| 2 |
- |
|
| 3 |
- {% block filter %}
|
|
| 4 |
- <form hx-get="{{ pageUrl is defined ? pageUrl : '' }}" hx-push-url="true" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
|
| 5 |
- <div class="row"> |
|
| 6 |
- <div class="col-md-3 kapazitaet"> |
|
| 7 |
- <select name="filter_kapazitaet"> |
|
| 8 |
- <option value="">-</option> |
|
| 9 |
- {% for option in filter.kapazitaet.options %}
|
|
| 10 |
- <option value="{{ option }}"{% if filter.kapazitaet.selected is defined and filter.kapazitaet.selected == option %} selected{% endif %}>{{ option }}</option>
|
|
| 11 |
- {% endfor %}
|
|
| 12 |
- </select> |
|
| 13 |
- </div> |
|
| 14 |
- <div class="col-md-3 sorte"> |
|
| 15 |
- <select name="filter_sorte"> |
|
| 16 |
- <option value="">-</option> |
|
| 17 |
- {% for key, option in filter.sorte.options %}
|
|
| 18 |
- <option value="{{ key }}"{% if filter.sorte.selected is defined and filter.sorte.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 19 |
- {% endfor %}
|
|
| 20 |
- </select> |
|
| 21 |
- </div> |
|
| 22 |
- <div class="col-md-3 leseart"> |
|
| 23 |
- <select name="filter_leseart"> |
|
| 24 |
- <option value="">-</option> |
|
| 25 |
- {% for key, option in filter.leseart.options %}
|
|
| 26 |
- <option value="{{ key }}"{% if filter.leseart.selected is defined and filter.leseart.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 27 |
- {% endfor %}
|
|
| 28 |
- </select> |
|
| 29 |
- </div> |
|
| 30 |
- <div class="col submit"><button class="u-block w-100p">Filter übernehmen</button></div> |
|
| 31 |
- </div> |
|
| 32 |
- </form> |
|
| 33 |
- {% endblock %}
|
|
| 34 |
- |
|
| 35 |
- {% block content %}
|
|
| 36 |
- {% if days is defined and days|length %}
|
|
| 37 |
- <div class="list"> |
|
| 38 |
- {% for day,slots in days %}
|
|
| 39 |
- <h3 class="toggler-dis u-flex u-items-center mt-2">{{ day|date('d.m.Y') }}</h3>
|
|
| 40 |
- <div class="accordion-dis"> |
|
| 41 |
- <div class="slots"> |
|
| 42 |
- {% for slot in slots %}
|
|
| 43 |
- <div class="row u-items-center{{ not slot.buchbar ? ' error' : '' }}{{ slot.gebucht ? ' booked' : '' }}">
|
|
| 44 |
- <div class="col-2 time icon-uhr-outline"> |
|
| 45 |
- <span class="t-label">Uhrzeit</span> |
|
| 46 |
- {{ slot.time|date('H:i') }}
|
|
| 47 |
- </div> |
|
| 48 |
- <div class="col-3 behaelter icon-behaelter-outline"> |
|
| 49 |
- <span class="t-label">Verfügbare Behälterkapazität</span> |
|
| 50 |
- {{ slot.behaelterAvailable }}
|
|
| 51 |
- </div> |
|
| 52 |
- <div class="col-5 rebsorten icon-reben-outline"> |
|
| 53 |
- <span class="t-label">Verarbeitete Sorten</span> |
|
| 54 |
- {{ slot.sorte|join(', ') }}
|
|
| 55 |
- </div> |
|
| 56 |
- <div class="col u-text-right action"> |
|
| 57 |
- <a hx-get="/_ajax/vr_wa/v1/slot?do=details&id={{ slot.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Anzeigen & Buchen</a>
|
|
| 58 |
- </div> |
|
| 59 |
- </div> |
|
| 60 |
- {% endfor %}
|
|
| 61 |
- </div> |
|
| 62 |
- </div> |
|
| 63 |
- {% endfor %}
|
|
| 64 |
- </div> |
|
| 65 |
- {% else %}
|
|
| 66 |
- <div class="placeholder"> |
|
| 67 |
- <h6 class="placeholder-title">Derzeit sind keine buchbaren Anlieferungszeiten verfügbar</h6> |
|
| 68 |
- <div class="placeholder-subtitle">Sie können uns auch gerne anrufen.</div> |
|
| 69 |
- </div> |
|
| 70 |
- {% endif %}
|
|
| 71 |
- {% endblock %}
|
|
| 72 |
- |
|
| 73 |
- {% block script %}
|
|
| 74 |
- {#<script>
|
|
| 75 |
- jQuery(function($) {
|
|
| 76 |
- $(".mod_wa_slots_list").accordion({
|
|
| 77 |
- // Put custom options here |
|
| 78 |
- heightStyle: 'content', |
|
| 79 |
- header: '.toggler', |
|
| 80 |
- collapsible: true, |
|
| 81 |
- create: function(event, ui) {
|
|
| 82 |
- ui.header.addClass('active');
|
|
| 83 |
- $('.toggler').attr('tabindex', 0);
|
|
| 84 |
- }, |
|
| 85 |
- activate: function(event, ui) {
|
|
| 86 |
- ui.newHeader.addClass('active');
|
|
| 87 |
- ui.oldHeader.removeClass('active');
|
|
| 88 |
- $('.toggler').attr('tabindex', 0);
|
|
| 89 |
- } |
|
| 90 |
- }); |
|
| 91 |
- }); |
|
| 92 |
- </script>#} |
|
| 93 |
- {% endblock %}
|
|
| 94 |
- |
|
| 95 |
-</div> |
Browse code
Update
Benjamin Roth authored on16/08/2023 10:47:52 Showing1 changed files
| ... | ... |
@@ -1,37 +1,35 @@ |
| 1 | 1 |
<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="updateWaList from:body, updateWaBooking from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
| 2 | 2 |
|
| 3 | 3 |
{% block filter %}
|
| 4 |
- {% if days is defined and days|length %}
|
|
| 5 |
- <form hx-get="{{ insert_tag('env::request') }}" hx-push-url="true" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
|
| 6 |
- <div class="row"> |
|
| 7 |
- <div class="col-md-3 kapazitaet"> |
|
| 8 |
- <select name="filter_kapazitaet"> |
|
| 9 |
- <option value="">-</option> |
|
| 10 |
- {% for option in filter.kapazitaet.options %}
|
|
| 11 |
- <option value="{{ option }}"{% if filter.kapazitaet.selected is defined and filter.kapazitaet.selected == option %} selected{% endif %}>{{ option }}</option>
|
|
| 12 |
- {% endfor %}
|
|
| 13 |
- </select> |
|
| 14 |
- </div> |
|
| 15 |
- <div class="col-md-3 sorte"> |
|
| 16 |
- <select name="filter_sorte"> |
|
| 17 |
- <option value="">-</option> |
|
| 18 |
- {% for key, option in filter.sorte.options %}
|
|
| 19 |
- <option value="{{ key }}"{% if filter.sorte.selected is defined and filter.sorte.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 20 |
- {% endfor %}
|
|
| 21 |
- </select> |
|
| 22 |
- </div> |
|
| 23 |
- <div class="col-md-3 leseart"> |
|
| 24 |
- <select name="filter_leseart"> |
|
| 25 |
- <option value="">-</option> |
|
| 26 |
- {% for key, option in filter.leseart.options %}
|
|
| 27 |
- <option value="{{ key }}"{% if filter.leseart.selected is defined and filter.leseart.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 28 |
- {% endfor %}
|
|
| 29 |
- </select> |
|
| 30 |
- </div> |
|
| 31 |
- <div class="col submit"><button class="u-block w-100p">Filter übernehmen</button></div> |
|
| 4 |
+ <form hx-get="{{ pageUrl is defined ? pageUrl : '' }}" hx-push-url="true" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
|
| 5 |
+ <div class="row"> |
|
| 6 |
+ <div class="col-md-3 kapazitaet"> |
|
| 7 |
+ <select name="filter_kapazitaet"> |
|
| 8 |
+ <option value="">-</option> |
|
| 9 |
+ {% for option in filter.kapazitaet.options %}
|
|
| 10 |
+ <option value="{{ option }}"{% if filter.kapazitaet.selected is defined and filter.kapazitaet.selected == option %} selected{% endif %}>{{ option }}</option>
|
|
| 11 |
+ {% endfor %}
|
|
| 12 |
+ </select> |
|
| 32 | 13 |
</div> |
| 33 |
- </form> |
|
| 34 |
- {% endif %}
|
|
| 14 |
+ <div class="col-md-3 sorte"> |
|
| 15 |
+ <select name="filter_sorte"> |
|
| 16 |
+ <option value="">-</option> |
|
| 17 |
+ {% for key, option in filter.sorte.options %}
|
|
| 18 |
+ <option value="{{ key }}"{% if filter.sorte.selected is defined and filter.sorte.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 19 |
+ {% endfor %}
|
|
| 20 |
+ </select> |
|
| 21 |
+ </div> |
|
| 22 |
+ <div class="col-md-3 leseart"> |
|
| 23 |
+ <select name="filter_leseart"> |
|
| 24 |
+ <option value="">-</option> |
|
| 25 |
+ {% for key, option in filter.leseart.options %}
|
|
| 26 |
+ <option value="{{ key }}"{% if filter.leseart.selected is defined and filter.leseart.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 27 |
+ {% endfor %}
|
|
| 28 |
+ </select> |
|
| 29 |
+ </div> |
|
| 30 |
+ <div class="col submit"><button class="u-block w-100p">Filter übernehmen</button></div> |
|
| 31 |
+ </div> |
|
| 32 |
+ </form> |
|
| 35 | 33 |
{% endblock %}
|
| 36 | 34 |
|
| 37 | 35 |
{% block content %}
|
Browse code
Update
Benjamin Roth authored on15/08/2023 15:29:18 Showing1 changed files
| ... | ... |
@@ -1,35 +1,37 @@ |
| 1 | 1 |
<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="updateWaList from:body, updateWaBooking from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
| 2 | 2 |
|
| 3 | 3 |
{% block filter %}
|
| 4 |
- <form hx-get="{{ insert_tag('env::request') }}" hx-push-url="true" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
|
| 5 |
- <div class="row"> |
|
| 6 |
- <div class="col-md-3 kapazitaet"> |
|
| 7 |
- <select name="filter_kapazitaet"> |
|
| 8 |
- <option value="">-</option> |
|
| 9 |
- {% for option in filter.kapazitaet.options %}
|
|
| 10 |
- <option value="{{ option }}"{% if filter.kapazitaet.selected is defined and filter.kapazitaet.selected == option %} selected{% endif %}>{{ option }}</option>
|
|
| 11 |
- {% endfor %}
|
|
| 12 |
- </select> |
|
| 13 |
- </div> |
|
| 14 |
- <div class="col-md-3 sorte"> |
|
| 15 |
- <select name="filter_sorte"> |
|
| 16 |
- <option value="">-</option> |
|
| 17 |
- {% for key, option in filter.sorte.options %}
|
|
| 18 |
- <option value="{{ key }}"{% if filter.sorte.selected is defined and filter.sorte.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 19 |
- {% endfor %}
|
|
| 20 |
- </select> |
|
| 21 |
- </div> |
|
| 22 |
- <div class="col-md-3 leseart"> |
|
| 23 |
- <select name="filter_leseart"> |
|
| 24 |
- <option value="">-</option> |
|
| 25 |
- {% for key, option in filter.leseart.options %}
|
|
| 26 |
- <option value="{{ key }}"{% if filter.leseart.selected is defined and filter.leseart.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 27 |
- {% endfor %}
|
|
| 28 |
- </select> |
|
| 4 |
+ {% if days is defined and days|length %}
|
|
| 5 |
+ <form hx-get="{{ insert_tag('env::request') }}" hx-push-url="true" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
|
| 6 |
+ <div class="row"> |
|
| 7 |
+ <div class="col-md-3 kapazitaet"> |
|
| 8 |
+ <select name="filter_kapazitaet"> |
|
| 9 |
+ <option value="">-</option> |
|
| 10 |
+ {% for option in filter.kapazitaet.options %}
|
|
| 11 |
+ <option value="{{ option }}"{% if filter.kapazitaet.selected is defined and filter.kapazitaet.selected == option %} selected{% endif %}>{{ option }}</option>
|
|
| 12 |
+ {% endfor %}
|
|
| 13 |
+ </select> |
|
| 14 |
+ </div> |
|
| 15 |
+ <div class="col-md-3 sorte"> |
|
| 16 |
+ <select name="filter_sorte"> |
|
| 17 |
+ <option value="">-</option> |
|
| 18 |
+ {% for key, option in filter.sorte.options %}
|
|
| 19 |
+ <option value="{{ key }}"{% if filter.sorte.selected is defined and filter.sorte.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 20 |
+ {% endfor %}
|
|
| 21 |
+ </select> |
|
| 22 |
+ </div> |
|
| 23 |
+ <div class="col-md-3 leseart"> |
|
| 24 |
+ <select name="filter_leseart"> |
|
| 25 |
+ <option value="">-</option> |
|
| 26 |
+ {% for key, option in filter.leseart.options %}
|
|
| 27 |
+ <option value="{{ key }}"{% if filter.leseart.selected is defined and filter.leseart.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 28 |
+ {% endfor %}
|
|
| 29 |
+ </select> |
|
| 30 |
+ </div> |
|
| 31 |
+ <div class="col submit"><button class="u-block w-100p">Filter übernehmen</button></div> |
|
| 29 | 32 |
</div> |
| 30 |
- <div class="col submit"><button class="u-block w-100p">Filter übernehmen</button></div> |
|
| 31 |
- </div> |
|
| 32 |
- </form> |
|
| 33 |
+ </form> |
|
| 34 |
+ {% endif %}
|
|
| 33 | 35 |
{% endblock %}
|
| 34 | 36 |
|
| 35 | 37 |
{% block content %}
|
| ... | ... |
@@ -62,6 +64,11 @@ |
| 62 | 64 |
</div> |
| 63 | 65 |
{% endfor %}
|
| 64 | 66 |
</div> |
| 67 |
+ {% else %}
|
|
| 68 |
+ <div class="placeholder"> |
|
| 69 |
+ <h6 class="placeholder-title">Derzeit sind keine buchbaren Anlieferungszeiten verfügbar</h6> |
|
| 70 |
+ <div class="placeholder-subtitle">Sie können uns auch gerne anrufen.</div> |
|
| 71 |
+ </div> |
|
| 65 | 72 |
{% endif %}
|
| 66 | 73 |
{% endblock %}
|
| 67 | 74 |
|
Browse code
Update
Benjamin Roth authored on15/08/2023 11:42:04 Showing1 changed files
| ... | ... |
@@ -1,7 +1,7 @@ |
| 1 | 1 |
<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="updateWaList from:body, updateWaBooking from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
| 2 | 2 |
|
| 3 | 3 |
{% block filter %}
|
| 4 |
- <form hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
|
| 4 |
+ <form hx-get="{{ insert_tag('env::request') }}" hx-push-url="true" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
|
| 5 | 5 |
<div class="row"> |
| 6 | 6 |
<div class="col-md-3 kapazitaet"> |
| 7 | 7 |
<select name="filter_kapazitaet"> |
| ... | ... |
@@ -27,7 +27,7 @@ |
| 27 | 27 |
{% endfor %}
|
| 28 | 28 |
</select> |
| 29 | 29 |
</div> |
| 30 |
- <div class="col submit"><button>Filter übernehmen</button></div> |
|
| 30 |
+ <div class="col submit"><button class="u-block w-100p">Filter übernehmen</button></div> |
|
| 31 | 31 |
</div> |
| 32 | 32 |
</form> |
| 33 | 33 |
{% endblock %}
|
Browse code
Update
Benjamin Roth authored on15/08/2023 10:36:04 Showing1 changed files
| ... | ... |
@@ -3,7 +3,7 @@ |
| 3 | 3 |
{% block filter %}
|
| 4 | 4 |
<form hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
| 5 | 5 |
<div class="row"> |
| 6 |
- <div class="col-md-5 kapazitaet"> |
|
| 6 |
+ <div class="col-md-3 kapazitaet"> |
|
| 7 | 7 |
<select name="filter_kapazitaet"> |
| 8 | 8 |
<option value="">-</option> |
| 9 | 9 |
{% for option in filter.kapazitaet.options %}
|
| ... | ... |
@@ -11,7 +11,7 @@ |
| 11 | 11 |
{% endfor %}
|
| 12 | 12 |
</select> |
| 13 | 13 |
</div> |
| 14 |
- <div class="col-md-5 sorte"> |
|
| 14 |
+ <div class="col-md-3 sorte"> |
|
| 15 | 15 |
<select name="filter_sorte"> |
| 16 | 16 |
<option value="">-</option> |
| 17 | 17 |
{% for key, option in filter.sorte.options %}
|
| ... | ... |
@@ -19,6 +19,14 @@ |
| 19 | 19 |
{% endfor %}
|
| 20 | 20 |
</select> |
| 21 | 21 |
</div> |
| 22 |
+ <div class="col-md-3 leseart"> |
|
| 23 |
+ <select name="filter_leseart"> |
|
| 24 |
+ <option value="">-</option> |
|
| 25 |
+ {% for key, option in filter.leseart.options %}
|
|
| 26 |
+ <option value="{{ key }}"{% if filter.leseart.selected is defined and filter.leseart.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 27 |
+ {% endfor %}
|
|
| 28 |
+ </select> |
|
| 29 |
+ </div> |
|
| 22 | 30 |
<div class="col submit"><button>Filter übernehmen</button></div> |
| 23 | 31 |
</div> |
| 24 | 32 |
</form> |
Browse code
Update
Benjamin Roth authored on10/08/2023 16:26:56 Showing1 changed files
| ... | ... |
@@ -28,7 +28,7 @@ |
| 28 | 28 |
{% if days is defined and days|length %}
|
| 29 | 29 |
<div class="list"> |
| 30 | 30 |
{% for day,slots in days %}
|
| 31 |
- <h3 class="toggler-dis u-flex u-items-center">{{ day|date('d.m.Y') }}</h3>
|
|
| 31 |
+ <h3 class="toggler-dis u-flex u-items-center mt-2">{{ day|date('d.m.Y') }}</h3>
|
|
| 32 | 32 |
<div class="accordion-dis"> |
| 33 | 33 |
<div class="slots"> |
| 34 | 34 |
{% for slot in slots %}
|
Browse code
Update
Benjamin Roth authored on10/08/2023 16:00:36 Showing1 changed files
| ... | ... |
@@ -2,8 +2,8 @@ |
| 2 | 2 |
|
| 3 | 3 |
{% block filter %}
|
| 4 | 4 |
<form hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
| 5 |
- <div class="flex"> |
|
| 6 |
- <div class="full two-fifth-500 kapazitaet"> |
|
| 5 |
+ <div class="row"> |
|
| 6 |
+ <div class="col-md-5 kapazitaet"> |
|
| 7 | 7 |
<select name="filter_kapazitaet"> |
| 8 | 8 |
<option value="">-</option> |
| 9 | 9 |
{% for option in filter.kapazitaet.options %}
|
| ... | ... |
@@ -11,7 +11,7 @@ |
| 11 | 11 |
{% endfor %}
|
| 12 | 12 |
</select> |
| 13 | 13 |
</div> |
| 14 |
- <div class="full two-fifth-500 sorte"> |
|
| 14 |
+ <div class="col-md-5 sorte"> |
|
| 15 | 15 |
<select name="filter_sorte"> |
| 16 | 16 |
<option value="">-</option> |
| 17 | 17 |
{% for key, option in filter.sorte.options %}
|
| ... | ... |
@@ -19,7 +19,7 @@ |
| 19 | 19 |
{% endfor %}
|
| 20 | 20 |
</select> |
| 21 | 21 |
</div> |
| 22 |
- <div class="full fifth-500 submit"><button>Filter übernehmen</button></div> |
|
| 22 |
+ <div class="col submit"><button>Filter übernehmen</button></div> |
|
| 23 | 23 |
</div> |
| 24 | 24 |
</form> |
| 25 | 25 |
{% endblock %}
|
| ... | ... |
@@ -28,27 +28,25 @@ |
| 28 | 28 |
{% if days is defined and days|length %}
|
| 29 | 29 |
<div class="list"> |
| 30 | 30 |
{% for day,slots in days %}
|
| 31 |
- <h3 class="toggler-dis">{{ day|date('d.m.Y') }}<span class="counter">{{ slots|length }}</span></h3>
|
|
| 31 |
+ <h3 class="toggler-dis u-flex u-items-center">{{ day|date('d.m.Y') }}</h3>
|
|
| 32 | 32 |
<div class="accordion-dis"> |
| 33 | 33 |
<div class="slots"> |
| 34 | 34 |
{% for slot in slots %}
|
| 35 |
- <div class="row{{ not slot.buchbar ? ' error' : '' }}{{ slot.gebucht ? ' booked' : '' }}">
|
|
| 36 |
- <div class="flex align-items-center"> |
|
| 37 |
- <div class="full half-500 third-900 time"> |
|
| 38 |
- <span class="title">Uhrzeit</span> |
|
| 39 |
- {{ slot.time|date('H:i') }}
|
|
| 40 |
- </div> |
|
| 41 |
- <div class="full half-500 fourth-900 behaelter"> |
|
| 42 |
- <span class="title">Verfügbare Behälterkapazität</span> |
|
| 43 |
- {{ slot.behaelterAvailable }}
|
|
| 44 |
- </div> |
|
| 45 |
- <div class="full two-third-500 fourth-900 rebsorten"> |
|
| 46 |
- <span class="title">Verarbeitete Sorten</span> |
|
| 47 |
- {{ slot.sorte|join(', ') }}
|
|
| 48 |
- </div> |
|
| 49 |
- <div class="full third-500 sixth-900 align-right action"> |
|
| 50 |
- <a hx-get="/_ajax/vr_wa/v1/slot?do=details&id={{ slot.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="button{{ not slot.buchbar ? ' pseudo' : '' }}">Anzeigen</a>
|
|
| 51 |
- </div> |
|
| 35 |
+ <div class="row u-items-center{{ not slot.buchbar ? ' error' : '' }}{{ slot.gebucht ? ' booked' : '' }}">
|
|
| 36 |
+ <div class="col-2 time icon-uhr-outline"> |
|
| 37 |
+ <span class="t-label">Uhrzeit</span> |
|
| 38 |
+ {{ slot.time|date('H:i') }}
|
|
| 39 |
+ </div> |
|
| 40 |
+ <div class="col-3 behaelter icon-behaelter-outline"> |
|
| 41 |
+ <span class="t-label">Verfügbare Behälterkapazität</span> |
|
| 42 |
+ {{ slot.behaelterAvailable }}
|
|
| 43 |
+ </div> |
|
| 44 |
+ <div class="col-5 rebsorten icon-reben-outline"> |
|
| 45 |
+ <span class="t-label">Verarbeitete Sorten</span> |
|
| 46 |
+ {{ slot.sorte|join(', ') }}
|
|
| 47 |
+ </div> |
|
| 48 |
+ <div class="col u-text-right action"> |
|
| 49 |
+ <a hx-get="/_ajax/vr_wa/v1/slot?do=details&id={{ slot.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="btn btn--xs m-0">Anzeigen & Buchen</a>
|
|
| 52 | 50 |
</div> |
| 53 | 51 |
</div> |
| 54 | 52 |
{% endfor %}
|
Browse code
Update
Benjamin Roth authored on09/08/2023 16:04:53 Showing1 changed files
| ... | ... |
@@ -1,4 +1,4 @@ |
| 1 |
-<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="updateWaList from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
|
| 1 |
+<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="updateWaList from:body, updateWaBooking from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
|
| 2 | 2 |
|
| 3 | 3 |
{% block filter %}
|
| 4 | 4 |
<form hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
Browse code
Update
Benjamin Roth authored on09/08/2023 09:01:03 Showing1 changed files
| ... | ... |
@@ -32,7 +32,7 @@ |
| 32 | 32 |
<div class="accordion-dis"> |
| 33 | 33 |
<div class="slots"> |
| 34 | 34 |
{% for slot in slots %}
|
| 35 |
- <div class="row{{ not slot.buchbar ? ' error' : '' }}">
|
|
| 35 |
+ <div class="row{{ not slot.buchbar ? ' error' : '' }}{{ slot.gebucht ? ' booked' : '' }}">
|
|
| 36 | 36 |
<div class="flex align-items-center"> |
| 37 | 37 |
<div class="full half-500 third-900 time"> |
| 38 | 38 |
<span class="title">Uhrzeit</span> |
Browse code
Update
Benjamin Roth authored on09/08/2023 01:02:13 Showing1 changed files
| ... | ... |
@@ -1,26 +1,57 @@ |
| 1 |
-<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"SR-Ajax": "CommunityFriendsModule"}' hx-trigger="updateWaList from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
|
| 1 |
+<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="updateWaList from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
|
| 2 |
+ |
|
| 3 |
+ {% block filter %}
|
|
| 4 |
+ <form hx-get="{{ insert_tag('env::request') }}" hx-headers='{"VR-Ajax": "WaSlotsModule"}' hx-trigger="change, submit" hx-target="closest .content-wrapper" class="filter">
|
|
| 5 |
+ <div class="flex"> |
|
| 6 |
+ <div class="full two-fifth-500 kapazitaet"> |
|
| 7 |
+ <select name="filter_kapazitaet"> |
|
| 8 |
+ <option value="">-</option> |
|
| 9 |
+ {% for option in filter.kapazitaet.options %}
|
|
| 10 |
+ <option value="{{ option }}"{% if filter.kapazitaet.selected is defined and filter.kapazitaet.selected == option %} selected{% endif %}>{{ option }}</option>
|
|
| 11 |
+ {% endfor %}
|
|
| 12 |
+ </select> |
|
| 13 |
+ </div> |
|
| 14 |
+ <div class="full two-fifth-500 sorte"> |
|
| 15 |
+ <select name="filter_sorte"> |
|
| 16 |
+ <option value="">-</option> |
|
| 17 |
+ {% for key, option in filter.sorte.options %}
|
|
| 18 |
+ <option value="{{ key }}"{% if filter.sorte.selected is defined and filter.sorte.selected == key %} selected{% endif %}>{{ option }}</option>
|
|
| 19 |
+ {% endfor %}
|
|
| 20 |
+ </select> |
|
| 21 |
+ </div> |
|
| 22 |
+ <div class="full fifth-500 submit"><button>Filter übernehmen</button></div> |
|
| 23 |
+ </div> |
|
| 24 |
+ </form> |
|
| 25 |
+ {% endblock %}
|
|
| 2 | 26 |
|
| 3 | 27 |
{% block content %}
|
| 4 |
- {% if slots is defined and slots|length %}
|
|
| 28 |
+ {% if days is defined and days|length %}
|
|
| 5 | 29 |
<div class="list"> |
| 6 |
- {% for slot in slots %}
|
|
| 7 |
- <div class="row"> |
|
| 8 |
- <div class="flex align-items-center"> |
|
| 9 |
- <div class="full half-500 third-900 time"> |
|
| 10 |
- <span class="title">Tag/Uhrzeit</span> |
|
| 11 |
- {{ slot.time|date('d.m.Y H:i') }}
|
|
| 12 |
- </div> |
|
| 13 |
- <div class="full half-500 fourth-900 behaelter"> |
|
| 14 |
- <span class="title">Verfügbare Behälterkapazität</span> |
|
| 15 |
- {{ slot.behaelter }}
|
|
| 16 |
- </div> |
|
| 17 |
- <div class="full two-third-500 fourth-900 rebsorten"> |
|
| 18 |
- <span class="title">Verarbeitete Sorten</span> |
|
| 19 |
- {{ slot.sorte }}
|
|
| 20 |
- </div> |
|
| 21 |
- <div class="full third-500 sixth-900 align-right action"> |
|
| 22 |
- <a href="javascript:;" class="button">Anzeigen</a> |
|
| 23 |
- </div> |
|
| 30 |
+ {% for day,slots in days %}
|
|
| 31 |
+ <h3 class="toggler-dis">{{ day|date('d.m.Y') }}<span class="counter">{{ slots|length }}</span></h3>
|
|
| 32 |
+ <div class="accordion-dis"> |
|
| 33 |
+ <div class="slots"> |
|
| 34 |
+ {% for slot in slots %}
|
|
| 35 |
+ <div class="row{{ not slot.buchbar ? ' error' : '' }}">
|
|
| 36 |
+ <div class="flex align-items-center"> |
|
| 37 |
+ <div class="full half-500 third-900 time"> |
|
| 38 |
+ <span class="title">Uhrzeit</span> |
|
| 39 |
+ {{ slot.time|date('H:i') }}
|
|
| 40 |
+ </div> |
|
| 41 |
+ <div class="full half-500 fourth-900 behaelter"> |
|
| 42 |
+ <span class="title">Verfügbare Behälterkapazität</span> |
|
| 43 |
+ {{ slot.behaelterAvailable }}
|
|
| 44 |
+ </div> |
|
| 45 |
+ <div class="full two-third-500 fourth-900 rebsorten"> |
|
| 46 |
+ <span class="title">Verarbeitete Sorten</span> |
|
| 47 |
+ {{ slot.sorte|join(', ') }}
|
|
| 48 |
+ </div> |
|
| 49 |
+ <div class="full third-500 sixth-900 align-right action"> |
|
| 50 |
+ <a hx-get="/_ajax/vr_wa/v1/slot?do=details&id={{ slot.id }}" hx-target="body" hx-swap="beforeend" href="javascript:;" class="button{{ not slot.buchbar ? ' pseudo' : '' }}">Anzeigen</a>
|
|
| 51 |
+ </div> |
|
| 52 |
+ </div> |
|
| 53 |
+ </div> |
|
| 54 |
+ {% endfor %}
|
|
| 24 | 55 |
</div> |
| 25 | 56 |
</div> |
| 26 | 57 |
{% endfor %}
|
| ... | ... |
@@ -28,4 +59,26 @@ |
| 28 | 59 |
{% endif %}
|
| 29 | 60 |
{% endblock %}
|
| 30 | 61 |
|
| 62 |
+ {% block script %}
|
|
| 63 |
+ {#<script>
|
|
| 64 |
+ jQuery(function($) {
|
|
| 65 |
+ $(".mod_wa_slots_list").accordion({
|
|
| 66 |
+ // Put custom options here |
|
| 67 |
+ heightStyle: 'content', |
|
| 68 |
+ header: '.toggler', |
|
| 69 |
+ collapsible: true, |
|
| 70 |
+ create: function(event, ui) {
|
|
| 71 |
+ ui.header.addClass('active');
|
|
| 72 |
+ $('.toggler').attr('tabindex', 0);
|
|
| 73 |
+ }, |
|
| 74 |
+ activate: function(event, ui) {
|
|
| 75 |
+ ui.newHeader.addClass('active');
|
|
| 76 |
+ ui.oldHeader.removeClass('active');
|
|
| 77 |
+ $('.toggler').attr('tabindex', 0);
|
|
| 78 |
+ } |
|
| 79 |
+ }); |
|
| 80 |
+ }); |
|
| 81 |
+ </script>#} |
|
| 82 |
+ {% endblock %}
|
|
| 83 |
+ |
|
| 31 | 84 |
</div> |
Browse code
Update
Benjamin Roth authored on07/08/2023 23:01:36 Showing1 changed files
| ... | ... |
@@ -1,9 +1,31 @@ |
| 1 | 1 |
<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"SR-Ajax": "CommunityFriendsModule"}' hx-trigger="updateWaList from:body" class="{{ class }} content-wrapper block"{{ cssID }}{% if style is defined and style is not empty %} style="{{ style }}"{% endif %}>
|
| 2 | 2 |
|
| 3 |
-{% block content %}
|
|
| 4 |
- {% for slot in slots %}
|
|
| 5 |
- {{ slot.time|date('d.m.Y H:i') }}
|
|
| 6 |
- {% endfor %}
|
|
| 7 |
-{% endblock %}
|
|
| 3 |
+ {% block content %}
|
|
| 4 |
+ {% if slots is defined and slots|length %}
|
|
| 5 |
+ <div class="list"> |
|
| 6 |
+ {% for slot in slots %}
|
|
| 7 |
+ <div class="row"> |
|
| 8 |
+ <div class="flex align-items-center"> |
|
| 9 |
+ <div class="full half-500 third-900 time"> |
|
| 10 |
+ <span class="title">Tag/Uhrzeit</span> |
|
| 11 |
+ {{ slot.time|date('d.m.Y H:i') }}
|
|
| 12 |
+ </div> |
|
| 13 |
+ <div class="full half-500 fourth-900 behaelter"> |
|
| 14 |
+ <span class="title">Verfügbare Behälterkapazität</span> |
|
| 15 |
+ {{ slot.behaelter }}
|
|
| 16 |
+ </div> |
|
| 17 |
+ <div class="full two-third-500 fourth-900 rebsorten"> |
|
| 18 |
+ <span class="title">Verarbeitete Sorten</span> |
|
| 19 |
+ {{ slot.sorte }}
|
|
| 20 |
+ </div> |
|
| 21 |
+ <div class="full third-500 sixth-900 align-right action"> |
|
| 22 |
+ <a href="javascript:;" class="button">Anzeigen</a> |
|
| 23 |
+ </div> |
|
| 24 |
+ </div> |
|
| 25 |
+ </div> |
|
| 26 |
+ {% endfor %}
|
|
| 27 |
+ </div> |
|
| 28 |
+ {% endif %}
|
|
| 29 |
+ {% endblock %}
|
|
| 8 | 30 |
|
| 9 | 31 |
</div> |
Browse code
Update
Benjamin Roth authored on07/08/2023 16:41:30 Showing1 changed files
| 1 | 1 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,9 @@ |
| 1 |
+<div hx-get="{{ insert_tag('env::request') }}" hx-headers='{"SR-Ajax": "CommunityFriendsModule"}' hx-trigger="updateWaList 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 |
+ {% for slot in slots %}
|
|
| 5 |
+ {{ slot.time|date('d.m.Y H:i') }}
|
|
| 6 |
+ {% endfor %}
|
|
| 7 |
+{% endblock %}
|
|
| 8 |
+ |
|
| 9 |
+</div> |