| ... | ... |
@@ -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 %}
|
| ... | ... |
@@ -3,8 +3,8 @@ |
| 3 | 3 |
<div id="wa-slot-annotation-{{ id }}" class="frame">
|
| 4 | 4 |
<div class="frame__header"> |
| 5 | 5 |
<h3>Info</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 |
</div> |
| 53 | 67 |
{% if modal %}</div>{% endif %}
|
| 1 | 1 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,86 @@ |
| 1 |
+{% block content %}
|
|
| 2 |
+ {% if modal %}<div class="modal-content">{% endif %}
|
|
| 3 |
+ <div id="wa-slot-annotation-{{ id }}" class="frame">
|
|
| 4 |
+ <div class="frame__header"> |
|
| 5 |
+ <h3>Info</h3> |
|
| 6 |
+ <div class="row"> |
|
| 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> |
|
| 12 |
+ <div class="">{{ slot.time|date('d.m.Y H:i') }}</div>
|
|
| 13 |
+ </div> |
|
| 14 |
+ |
|
| 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> |
|
| 30 |
+ <div class="">{{ slot.behaelterAvailable }}</div>
|
|
| 31 |
+ </div> |
|
| 32 |
+ |
|
| 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> |
|
| 38 |
+ <div class="">{{ slot.sorte|join(', ') }}</div>
|
|
| 39 |
+ </div> |
|
| 40 |
+ </div> |
|
| 41 |
+ |
|
| 42 |
+ {% if slot.anmerkungen %}
|
|
| 43 |
+ <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> |
|
| 48 |
+ {{ slot.anmerkungen|raw }}
|
|
| 49 |
+ </div> |
|
| 50 |
+ {% endif %}
|
|
| 51 |
+ </div> |
|
| 52 |
+ </div> |
|
| 53 |
+ {% if modal %}</div>{% endif %}
|
|
| 54 |
+{% endblock %}
|
|
| 55 |
+ |
|
| 56 |
+{% block modal %}
|
|
| 57 |
+ {% if modal %}
|
|
| 58 |
+ <script> |
|
| 59 |
+ (function ($) {
|
|
| 60 |
+ |
|
| 61 |
+ window.modals = window.modals || [] |
|
| 62 |
+ window.modals.wa_slots = window.modals.wa_slots || [] |
|
| 63 |
+ |
|
| 64 |
+ if (window.modals.wa_slots.annotation{{ id }} === undefined)
|
|
| 65 |
+ {
|
|
| 66 |
+ window.modals.wa_slots.annotation{{ id }} = new jBox('Modal', {
|
|
| 67 |
+ closeButton: 'box', |
|
| 68 |
+ content: $('#wa-slot-annotation-{{ id }}'),
|
|
| 69 |
+ maxWidth: 650, |
|
| 70 |
+ minWidth: 100, |
|
| 71 |
+ minHeight: 100, |
|
| 72 |
+ width: 650, |
|
| 73 |
+ overlay: true, |
|
| 74 |
+ closeOnClick: false, |
|
| 75 |
+ zIndex: 'auto', |
|
| 76 |
+ addClass: '' |
|
| 77 |
+ }).open(); |
|
| 78 |
+ } else {
|
|
| 79 |
+ window.modals.wa_slots.annotation{{ id }}.content.empty();
|
|
| 80 |
+ window.modals.wa_slots.annotation{{ id }}.setContent($('#wa-slot-annotation-{{ id }}')).open();
|
|
| 81 |
+ } |
|
| 82 |
+ |
|
| 83 |
+ })(jQuery); |
|
| 84 |
+ </script> |
|
| 85 |
+ {% endif %}
|
|
| 86 |
+{% endblock %}
|