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 %}
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-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 %}
Browse code

Lot's of changes and improvements

Benjamin Roth authored on29/08/2023 15:05:02
Showing1 changed files
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 %}