... | ... |
@@ -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 %} |