Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 33.1
edited by Marco Weber
on 2026/10/05 15:13
Change comment: There is no comment for this version
To version 30.1
edited by Marco Weber
on 2026/10/05 08:02
Change comment: There is no comment for this version

Summary

Details

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