Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41

From version 30.1
edited by Marco Weber
on 2026/10/05 08:02
Change comment: There is no comment for this version
To version 24.1
edited by Marco Weber
on 2026/10/01 14:57
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,225 +77,166 @@
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 -
77 77  {{html clean="false"}}
78 78  <style>
79 -/* =========================================================
80 - CHOP-Liste – Live Data Tabellenformatierung
81 - ========================================================= */
3 +/* ============================================
4 + CHOP-Livetable – allgemeine Formatierung
5 + ============================================ */
82 82  
83 -/* Gesamte Tabelle */
84 -#choplist .xwiki-livedata-table {
85 - width: 100%;
86 - table-layout: fixed;
87 - border-collapse: collapse;
7 +/* Innere Tabelle */
8 +#choplist .xwiki-livetable-display {
9 + width: 100% !important;
10 + border-collapse: collapse !important;
11 + border-spacing: 0 !important;
12 + table-layout: fixed !important;
88 88  }
89 89  
90 -/* ---------------------------------------------------------
91 - Tabellenkopf
92 - --------------------------------------------------------- */
15 +/* ============================================
16 + Kopfzeile
17 + ============================================ */
93 93  
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;
19 +#choplist .xwiki-livetable-display > thead > tr:first-child > th {
20 + font-weight: 700 !important;
21 + font-size: 1.1em !important;
22 + padding: 8px 6px !important;
23 + border: 1px solid #999 !important;
24 + background-color: #1E90FF !important;
25 + vertical-align: middle !important;
101 101  }
102 102  
103 -/* ---------------------------------------------------------
28 +#choplist .xwiki-livetable-display > thead > tr:first-child > th a {
29 + font-weight: 700 !important;
30 + font-size: inherit !important;
31 +}
32 +
33 +/* ============================================
104 104   Filterzeile
105 - --------------------------------------------------------- */
35 + ============================================ */
106 106  
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;
37 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td {
38 + border: 1px solid #bbbbbb !important;
39 + padding: 4px !important;
40 + vertical-align: middle !important;
113 113  }
114 114  
115 -/* ---------------------------------------------------------
116 - Datenzellen
117 - --------------------------------------------------------- */
118 -
119 -#choplist .xwiki-livedata-table tbody td {
120 - border: 1px solid #b5b5b5;
121 - padding: 5px;
122 - vertical-align: middle;
43 +/* Filterfelder möglichst über die ganze Spalte */
44 +#choplist .xwiki-livetable-display-filters input[type="text"],
45 +#choplist .xwiki-livetable-display-filters select {
46 + max-width: 100% !important;
47 + box-sizing: border-box !important;
123 123  }
124 124  
125 -/* ---------------------------------------------------------
126 - Spaltenbreiten
127 - Reihenfolge:
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
137 - 10 chcr_only
138 - --------------------------------------------------------- */
50 +/* ============================================
51 + Datenzellen
52 + ============================================ */
139 139  
140 -#choplist .xwiki-livedata-table th:nth-child(1),
141 -#choplist .xwiki-livedata-table td:nth-child(1) {
142 - width: 7%;
54 +#choplist .xwiki-livetable-display > tbody > tr > td {
55 + border: 1px solid #cccccc !important;
56 + padding: 6px 8px !important;
57 + vertical-align: top !important;
58 + overflow-wrap: anywhere !important;
143 143  }
144 144  
145 -#choplist .xwiki-livedata-table th:nth-child(2),
146 -#choplist .xwiki-livedata-table td:nth-child(2) {
147 - width: 19%;
61 +/* Abstand der <p>-Elemente in den Datumsfeldern */
62 +#choplist .xwiki-livetable-display > tbody > tr > td.valid_start p,
63 +#choplist .xwiki-livetable-display > tbody > tr > td.valid_end p {
64 + margin: 0 !important;
148 148  }
149 149  
150 -#choplist .xwiki-livedata-table th:nth-child(3),
151 -#choplist .xwiki-livedata-table td:nth-child(3) {
152 - width: 19%;
67 +/* ============================================
68 + Spaltenbreiten
69 + ============================================ */
70 +
71 +/* 1 – Code */
72 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(1),
73 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(1),
74 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(1) {
75 + width: 5% !important;
153 153  }
154 154  
155 -#choplist .xwiki-livedata-table th:nth-child(4),
156 -#choplist .xwiki-livedata-table td:nth-child(4) {
157 - width: 19%;
78 +/* 2 – Deutsch */
79 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(2),
80 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(2),
81 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(2) {
82 + width: 20% !important;
158 158  }
159 159  
160 -#choplist .xwiki-livedata-table th:nth-child(5),
161 -#choplist .xwiki-livedata-table td:nth-child(5) {
162 - width: 7%;
85 +/* 3 – Französisch */
86 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(3),
87 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(3),
88 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(3) {
89 + width: 20% !important;
163 163  }
164 164  
165 -#choplist .xwiki-livedata-table th:nth-child(6),
166 -#choplist .xwiki-livedata-table td:nth-child(6) {
167 - width: 7%;
92 +/* 4 – Italienisch */
93 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(4),
94 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(4),
95 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(4) {
96 + width: 20% !important;
168 168  }
169 169  
170 -#choplist .xwiki-livedata-table th:nth-child(7),
171 -#choplist .xwiki-livedata-table td:nth-child(7) {
172 - width: 5%;
99 +/* 5 – gültig ab */
100 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(5),
101 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(5),
102 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(5) {
103 + width: 5% !important;
173 173  }
174 174  
175 -#choplist .xwiki-livedata-table th:nth-child(8),
176 -#choplist .xwiki-livedata-table td:nth-child(8) {
177 - width: 7%;
106 +/* 6 – gültig bis */
107 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(6),
108 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(6),
109 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(6) {
110 + width: 5% !important;
178 178  }
179 179  
180 -#choplist .xwiki-livedata-table th:nth-child(9),
181 -#choplist .xwiki-livedata-table td:nth-child(9) {
182 - width: 5%;
113 +/* 7 – CHOP like */
114 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(7),
115 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(7),
116 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(7) {
117 + width: 5% !important;
183 183  }
184 184  
185 -#choplist .xwiki-livedata-table th:nth-child(10),
186 -#choplist .xwiki-livadata-table td:nth-child(10) {
187 - width: 5%;
120 +/* 8 – Behandlungskategorie */
121 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(8),
122 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(8),
123 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(8) {
124 + width: 5% !important;
188 188  }
189 189  
190 -/* ---------------------------------------------------------
191 - Zentrierung bestimmter Spalten
192 - --------------------------------------------------------- */
193 -
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;
127 +/* 9 – Topographie */
128 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(9),
129 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(9),
130 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(9) {
131 + width: 8% !important;
205 205  }
206 206  
207 -/* ---------------------------------------------------------
208 - Dropdowns und Filterfelder
209 - --------------------------------------------------------- */
210 -
211 -#choplist .xwiki-livedata-table select,
212 -#choplist .xwiki-livedata-table input {
213 - max-width: 100%;
214 - box-sizing: border-box;
134 +/* 10 – ChCr only */
135 +#choplist .xwiki-livetable-display > thead > tr:first-child > th:nth-child(10),
136 +#choplist .xwiki-livetable-display > thead > tr.xwiki-livetable-display-filters > td:nth-child(10),
137 +#choplist .xwiki-livetable-display > tbody > tr > td:nth-child(10) {
138 + width: 5% !important;
215 215  }
216 216  
217 -/* ---------------------------------------------------------
218 - Zeilen
219 - --------------------------------------------------------- */
141 +/* ============================================
142 + Ausrichtung bestimmter Spalten
143 + ============================================ */
220 220  
221 -#choplist .xwiki-livedata-table tbody tr:hover {
222 - background-color: #f7f7f7;
145 +#choplist .xwiki-livetable-display > tbody > tr > td.code,
146 +#choplist .xwiki-livetable-display > tbody > tr > td.valid_start,
147 +#choplist .xwiki-livetable-display > tbody > tr > td.valid_end,
148 +#choplist .xwiki-livetable-display > tbody > tr > td.chop_like,
149 +#choplist .xwiki-livetable-display > tbody > tr > td.chcr_only {
150 + text-align: center !important;
223 223  }
224 224  </style>
225 225  {{/html}}
154 +
155 +
156 +
157 +{{velocity}}
158 +{{liveData
159 + id="choplist"
160 + properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
161 + source="liveTable"
162 + sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
163 + sort="code:asc"
164 + limit="30"
165 +/}}
166 +{{/velocity}}