Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 31.1
edited by Marco Weber
on 2026/10/05 15:10
Change comment: There is no comment for this version
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,195 +2,156 @@
1 -```text
2 2  {{html clean="false"}}
3 3  <style>
4 -
5 5  /* =========================================================
6 - CHOP LiveData – Tabellenformatierung
4 + 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;
8 +#choplist .xwiki-livedata-table {
9 + width: 100%;
10 + table-layout: fixed;
11 + border-collapse: collapse;
14 14  }
15 15  
16 -/* =========================================================
17 - Kopfzeile
18 - ========================================================= */
14 +/* ---------------------------------------------------------
15 + Tabellenkopf
16 + --------------------------------------------------------- */
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;
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;
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 -/* =========================================================
27 +/* ---------------------------------------------------------
40 40   Filterzeile
41 - ========================================================= */
29 + --------------------------------------------------------- */
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;
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;
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 -/* =========================================================
39 +/* ---------------------------------------------------------
74 74   Datenzellen
75 - ========================================================= */
41 + --------------------------------------------------------- */
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;
43 +#choplist .xwiki-livedata-table tbody td {
44 + border: 1px solid #b5b5b5;
45 + padding: 5px;
46 + vertical-align: middle;
83 83  }
84 84  
85 -/* =========================================================
49 +/* ---------------------------------------------------------
86 86   Spaltenbreiten
87 - ========================================================= */
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 + --------------------------------------------------------- */
88 88  
89 -/* Code */
90 -table.layout-table-root.responsive-table th[data-title="code"],
91 -table.layout-table-root.responsive-table td[data-title="code"] {
92 - width: 7%;
64 +#choplist .xwiki-livedata-table th:nth-child(1),
65 +#choplist .xwiki-livedata-table td:nth-child(1) {
66 + width: 7%;
93 93  }
94 94  
95 -/* Deutsch */
96 -table.layout-table-root.responsive-table th[data-title="text_de"],
97 -table.layout-table-root.responsive-table td[data-title="text_de"] {
98 - width: 19%;
69 +#choplist .xwiki-livedata-table th:nth-child(2),
70 +#choplist .xwiki-livedata-table td:nth-child(2) {
71 + width: 19%;
99 99  }
100 100  
101 -/* Französisch */
102 -table.layout-table-root.responsive-table th[data-title="text_fr"],
103 -table.layout-table-root.responsive-table td[data-title="text_fr"] {
104 - width: 19%;
74 +#choplist .xwiki-livedata-table th:nth-child(3),
75 +#choplist .xwiki-livedata-table td:nth-child(3) {
76 + width: 19%;
105 105  }
106 106  
107 -/* Italienisch */
108 -table.layout-table-root.responsive-table th[data-title="text_it"],
109 -table.layout-table-root.responsive-table td[data-title="text_it"] {
110 - width: 19%;
79 +#choplist .xwiki-livedata-table th:nth-child(4),
80 +#choplist .xwiki-livedata-table td:nth-child(4) {
81 + width: 19%;
111 111  }
112 112  
113 -/* Gültig ab */
114 -table.layout-table-root.responsive-table th[data-title="valid_start"],
115 -table.layout-table-root.responsive-table td[data-title="valid_start"] {
116 - width: 7%;
84 +#choplist .xwiki-livedata-table th:nth-child(5),
85 +#choplist .xwiki-livedata-table td:nth-child(5) {
86 + width: 7%;
117 117  }
118 118  
119 -/* Gültig bis */
120 -table.layout-table-root.responsive-table th[data-title="valid_end"],
121 -table.layout-table-root.responsive-table td[data-title="valid_end"] {
122 - width: 7%;
89 +#choplist .xwiki-livedata-table th:nth-child(6),
90 +#choplist .xwiki-livedata-table td:nth-child(6) {
91 + width: 7%;
123 123  }
124 124  
125 -/* CHOP-like */
126 -table.layout-table-root.responsive-table th[data-title="chop_like"],
127 -table.layout-table-root.responsive-table td[data-title="chop_like"] {
128 - width: 5%;
94 +#choplist .xwiki-livedata-table th:nth-child(7),
95 +#choplist .xwiki-livedata-table td:nth-child(7) {
96 + width: 5%;
129 129  }
130 130  
131 -/* Behandlungskategorie */
132 -table.layout-table-root.responsive-table th[data-title="treat_cat"],
133 -table.layout-table-root.responsive-table td[data-title="treat_cat"] {
134 - width: 7%;
99 +#choplist .xwiki-livedata-table th:nth-child(8),
100 +#choplist .xwiki-livedata-table td:nth-child(8) {
101 + width: 7%;
135 135  }
136 136  
137 -/* Topographie */
138 -table.layout-table-root.responsive-table th[data-title="topo_group"],
139 -table.layout-table-root.responsive-table td[data-title="topo_group"] {
140 - width: 5%;
104 +#choplist .xwiki-livedata-table th:nth-child(9),
105 +#choplist .xwiki-livedata-table td:nth-child(9) {
106 + width: 5%;
141 141  }
142 142  
143 -/* ChCr only */
144 -table.layout-table-root.responsive-table th[data-title="chcr_only"],
145 -table.layout-table-root.responsive-table td[data-title="chcr_only"] {
146 - width: 5%;
109 +#choplist .xwiki-livedata-table th:nth-child(10),
110 +#choplist .xwiki-livadata-table td:nth-child(10) {
111 + width: 5%;
147 147  }
148 148  
149 -/* =========================================================
150 - Ausrichtung
151 - ========================================================= */
114 +/* ---------------------------------------------------------
115 + Zentrierung bestimmter Spalten
116 + --------------------------------------------------------- */
152 152  
153 -/* Code */
154 -table.layout-table-root.responsive-table td[data-title="code"] {
155 - text-align: center;
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;
156 156  }
157 157  
158 -/* Datumsfelder */
159 -table.layout-table-root.responsive-table td[data-title="valid_start"],
160 -table.layout-table-root.responsive-table td[data-title="valid_end"] {
161 - text-align: center;
162 - white-space: nowrap;
163 -}
131 +/* ---------------------------------------------------------
132 + Dropdowns und Filterfelder
133 + --------------------------------------------------------- */
164 164  
165 -/* Kleine Klassifikationsfelder */
166 -table.layout-table-root.responsive-table td[data-title="chop_like"],
167 -table.layout-table-root.responsive-table td[data-title="treat_cat"],
168 -table.layout-table-root.responsive-table td[data-title="topo_group"],
169 -table.layout-table-root.responsive-table td[data-title="chcr_only"] {
170 - text-align: center;
135 +#choplist .xwiki-livedata-table select,
136 +#choplist .xwiki-livedata-table input {
137 + max-width: 100%;
138 + box-sizing: border-box;
171 171  }
172 172  
173 -/* =========================================================
174 - Header-Ausrichtung
175 - ========================================================= */
141 +/* ---------------------------------------------------------
142 + Zeilen
143 + --------------------------------------------------------- */
176 176  
177 -table.layout-table-root.responsive-table th[data-title="code"],
178 -table.layout-table-root.responsive-table th[data-title="valid_start"],
179 -table.layout-table-root.responsive-table th[data-title="valid_end"],
180 -table.layout-table-root.responsive-table th[data-title="chop_like"],
181 -table.layout-table-root.responsive-table th[data-title="treat_cat"],
182 -table.layout-table-root.responsive-table th[data-title="topo_group"],
183 -table.layout-table-root.responsive-table th[data-title="chcr_only"] {
184 - text-align: center;
145 +#choplist .xwiki-livedata-table tbody tr:hover {
146 + background-color: #f7f7f7;
185 185  }
186 -
187 187  </style>
188 188  {{/html}}
189 189  
190 190  {{liveData
191 191   id="choplist"
192 - properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
153 + properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topography,chcr_only"
193 193   source="liveTable"
194 194   sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
195 195   sort="code:asc"
... ... @@ -198,4 +198,67 @@
198 198   showPageSizeDropdown="true"
199 199   pageSizes="15,25,50,100"
200 200  }}
201 -
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}}