Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 21.1
edited by Marco Weber
on 2026/10/01 14:53
Change comment: Update LiveTable
To version 29.1
edited by Marco Weber
on 2026/10/05 07:59
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,25 +1,225 @@
1 -{{velocity}}
2 -#set ($columnsProperties = {
3 - 'code': {},
4 - 'text_de': {},
5 - 'text_fr': {},
6 - 'text_it': {},
7 - 'valid_start': {"html":true},
8 - 'valid_end': {"html":true},
9 - 'chop_like': {},
10 - 'treat_cat': {},
11 - 'topo_group': {},
12 - 'chcr_only': {}
13 -})
14 -#set ($options = {
15 - 'className': 'CHOPlist.Code.CHOPlistClass',
16 - 'translationPrefix': 'choplist.livetable.',
17 - 'tagCloud': true,
18 - 'rowCount': 15,
19 - 'maxPages': 10,
20 - 'selectedColumn': 'code',
21 - 'defaultOrder': 'asc'
22 -})
23 -#set ($columns = ['code', 'text_de', 'text_fr', 'text_it', 'valid_start', 'valid_end', 'chop_like', 'treat_cat', 'topo_group', 'chcr_only'])
24 -#livetable('choplist' $columns $columnsProperties $options)
25 -{{/velocity}}
1 +{{html clean="false"}}
2 +<style>
3 +/* =========================================================
4 + CHOP-Liste – Live Data Tabellenformatierung
5 + ========================================================= */
6 +
7 +/* Gesamte Tabelle */
8 +#choplist .xwiki-livedata-table {
9 + width: 100%;
10 + table-layout: fixed;
11 + border-collapse: collapse;
12 +}
13 +
14 +/* ---------------------------------------------------------
15 + Tabellenkopf
16 + --------------------------------------------------------- */
17 +
18 +#choplist .xwiki-livedata-table thead th {
19 + font-weight: bold;
20 + font-size: 1.1em;
21 + background-color: #f2f2f2;
22 + border: 1px solid #b5b5b5;
23 + padding: 6px 5px;
24 + vertical-align: middle;
25 +}
26 +
27 +/* ---------------------------------------------------------
28 + Filterzeile
29 + --------------------------------------------------------- */
30 +
31 +#choplist .xwiki-livedata-table thead tr.xwiki-livedata-filter th {
32 + font-weight: normal;
33 + font-size: 1em;
34 + background-color: #fafafa;
35 + border: 1px solid #b5b5b5;
36 + padding: 4px;
37 +}
38 +
39 +/* ---------------------------------------------------------
40 + Datenzellen
41 + --------------------------------------------------------- */
42 +
43 +#choplist .xwiki-livedata-table tbody td {
44 + border: 1px solid #b5b5b5;
45 + padding: 5px;
46 + vertical-align: middle;
47 +}
48 +
49 +/* ---------------------------------------------------------
50 + Spaltenbreiten
51 + Reihenfolge:
52 + 1 code
53 + 2 text_de
54 + 3 text_fr
55 + 4 text_it
56 + 5 valid_start
57 + 6 valid_end
58 + 7 chop_like
59 + 8 treat_cat
60 + 9 topography
61 + 10 chcr_only
62 + --------------------------------------------------------- */
63 +
64 +#choplist .xwiki-livedata-table th:nth-child(1),
65 +#choplist .xwiki-livedata-table td:nth-child(1) {
66 + width: 7%;
67 +}
68 +
69 +#choplist .xwiki-livedata-table th:nth-child(2),
70 +#choplist .xwiki-livedata-table td:nth-child(2) {
71 + width: 19%;
72 +}
73 +
74 +#choplist .xwiki-livedata-table th:nth-child(3),
75 +#choplist .xwiki-livedata-table td:nth-child(3) {
76 + width: 19%;
77 +}
78 +
79 +#choplist .xwiki-livedata-table th:nth-child(4),
80 +#choplist .xwiki-livedata-table td:nth-child(4) {
81 + width: 19%;
82 +}
83 +
84 +#choplist .xwiki-livedata-table th:nth-child(5),
85 +#choplist .xwiki-livedata-table td:nth-child(5) {
86 + width: 7%;
87 +}
88 +
89 +#choplist .xwiki-livedata-table th:nth-child(6),
90 +#choplist .xwiki-livedata-table td:nth-child(6) {
91 + width: 7%;
92 +}
93 +
94 +#choplist .xwiki-livedata-table th:nth-child(7),
95 +#choplist .xwiki-livedata-table td:nth-child(7) {
96 + width: 5%;
97 +}
98 +
99 +#choplist .xwiki-livedata-table th:nth-child(8),
100 +#choplist .xwiki-livedata-table td:nth-child(8) {
101 + width: 7%;
102 +}
103 +
104 +#choplist .xwiki-livedata-table th:nth-child(9),
105 +#choplist .xwiki-livedata-table td:nth-child(9) {
106 + width: 5%;
107 +}
108 +
109 +#choplist .xwiki-livedata-table th:nth-child(10),
110 +#choplist .xwiki-livadata-table td:nth-child(10) {
111 + width: 5%;
112 +}
113 +
114 +/* ---------------------------------------------------------
115 + Zentrierung bestimmter Spalten
116 + --------------------------------------------------------- */
117 +
118 +#choplist .xwiki-livedata-table th:nth-child(1),
119 +#choplist .xwiki-livedata-table td:nth-child(1),
120 +#choplist .xwiki-livedata-table th:nth-child(5),
121 +#choplist .xwiki-livedata-table td:nth-child(5),
122 +#choplist .xwiki-livedata-table th:nth-child(6),
123 +#choplist .xwiki-livedata-table td:nth-child(6),
124 +#choplist .xwiki-livedata-table th:nth-child(7),
125 +#choplist .xwiki-livedata-table td:nth-child(7),
126 +#choplist .xwiki-livedata-table th:nth-child(10),
127 +#choplist .xwiki-livedata-table td:nth-child(10) {
128 + text-align: center;
129 +}
130 +
131 +/* ---------------------------------------------------------
132 + Dropdowns und Filterfelder
133 + --------------------------------------------------------- */
134 +
135 +#choplist .xwiki-livedata-table select,
136 +#choplist .xwiki-livedata-table input {
137 + max-width: 100%;
138 + box-sizing: border-box;
139 +}
140 +
141 +/* ---------------------------------------------------------
142 + Zeilen
143 + --------------------------------------------------------- */
144 +
145 +#choplist .xwiki-livedata-table tbody tr:hover {
146 + background-color: #f7f7f7;
147 +}
148 +</style>
149 +{{/html}}
150 +
151 +{{liveData
152 + id="choplist"
153 + properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topography,chcr_only"
154 + source="liveTable"
155 + sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
156 + sort="code:asc"
157 + limit="15"
158 + layouts="table"
159 + showPageSizeDropdown="true"
160 + pageSizes="15,25,50,100"
161 +}}
162 +{
163 + "meta": {
164 + "propertyDescriptors": [
165 + {
166 + "id": "code",
167 + "sortable": true,
168 + "filterable": true
169 + },
170 + {
171 + "id": "text_de",
172 + "sortable": true,
173 + "filterable": true
174 + },
175 + {
176 + "id": "text_fr",
177 + "sortable": true,
178 + "filterable": true
179 + },
180 + {
181 + "id": "text_it",
182 + "sortable": true,
183 + "filterable": true
184 + },
185 + {
186 + "id": "valid_start",
187 + "sortable": true,
188 + "filterable": true
189 + },
190 + {
191 + "id": "valid_end",
192 + "sortable": true,
193 + "filterable": true
194 + },
195 + {
196 + "id": "chop_like",
197 + "sortable": true,
198 + "filterable": true
199 + },
200 + {
201 + "id": "treat_cat",
202 + "sortable": true,
203 + "filterable": true
204 + },
205 + {
206 + "id": "topography",
207 + "sortable": true,
208 + "filterable": true
209 + },
210 + {
211 + "id": "chcr_only",
212 + "sortable": true,
213 + "filterable": true
214 + }
215 + ],
216 + "pagination": {
217 + "maxShownPages": 10,
218 + "pageSizes": [15, 25, 50, 100],
219 + "showEntryRange": true,
220 + "showNextPrevious": true,
221 + "showFirstLast": true
222 + }
223 + }
224 +}
225 +{{/liveData}}