Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 29.1
edited by Marco Weber
on 2026/10/05 07:59
Change comment: There is no comment for this version
To version 15.1
edited by Marco Weber
on 2026/09/30 10:51
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,225 +1,164 @@
1 1  {{html clean="false"}}
2 2  <style>
3 -/* =========================================================
4 - CHOP-Liste – Live Data Tabellenformatierung
5 - ========================================================= */
3 +/* ============================================
4 + CHOP-Livetable – allgemeine Formatierung
5 + ============================================ */
6 6  
7 -/* Gesamte Tabelle */
8 -#choplist .xwiki-livedata-table {
9 - width: 100%;
10 - table-layout: fixed;
11 - 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;
12 12  }
13 13  
14 -/* ---------------------------------------------------------
15 - Tabellenkopf
16 - --------------------------------------------------------- */
15 +/* ============================================
16 + Kopfzeile
17 + ============================================ */
17 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;
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;
25 25  }
26 26  
27 -/* ---------------------------------------------------------
28 +#choplist .xwiki-livetable-display > thead > tr:first-child > th a {
29 + font-weight: 700 !important;
30 + font-size: inherit !important;
31 +}
32 +
33 +/* ============================================
28 28   Filterzeile
29 - --------------------------------------------------------- */
35 + ============================================ */
30 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 +#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;
37 37  }
38 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;
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;
47 47  }
48 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 - --------------------------------------------------------- */
50 +/* ============================================
51 + Datenzellen
52 + ============================================ */
63 63  
64 -#choplist .xwiki-livedata-table th:nth-child(1),
65 -#choplist .xwiki-livedata-table td:nth-child(1) {
66 - 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;
67 67  }
68 68  
69 -#choplist .xwiki-livedata-table th:nth-child(2),
70 -#choplist .xwiki-livedata-table td:nth-child(2) {
71 - 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;
72 72  }
73 73  
74 -#choplist .xwiki-livedata-table th:nth-child(3),
75 -#choplist .xwiki-livedata-table td:nth-child(3) {
76 - 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;
77 77  }
78 78  
79 -#choplist .xwiki-livedata-table th:nth-child(4),
80 -#choplist .xwiki-livedata-table td:nth-child(4) {
81 - 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;
82 82  }
83 83  
84 -#choplist .xwiki-livedata-table th:nth-child(5),
85 -#choplist .xwiki-livedata-table td:nth-child(5) {
86 - 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;
87 87  }
88 88  
89 -#choplist .xwiki-livedata-table th:nth-child(6),
90 -#choplist .xwiki-livedata-table td:nth-child(6) {
91 - 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;
92 92  }
93 93  
94 -#choplist .xwiki-livedata-table th:nth-child(7),
95 -#choplist .xwiki-livedata-table td:nth-child(7) {
96 - 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;
97 97  }
98 98  
99 -#choplist .xwiki-livedata-table th:nth-child(8),
100 -#choplist .xwiki-livedata-table td:nth-child(8) {
101 - 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;
102 102  }
103 103  
104 -#choplist .xwiki-livedata-table th:nth-child(9),
105 -#choplist .xwiki-livedata-table td:nth-child(9) {
106 - 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;
107 107  }
108 108  
109 -#choplist .xwiki-livedata-table th:nth-child(10),
110 -#choplist .xwiki-livadata-table td:nth-child(10) {
111 - 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;
112 112  }
113 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;
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;
129 129  }
130 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;
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;
139 139  }
140 140  
141 -/* ---------------------------------------------------------
142 - Zeilen
143 - --------------------------------------------------------- */
141 +/* ============================================
142 + Ausrichtung bestimmter Spalten
143 + ============================================ */
144 144  
145 -#choplist .xwiki-livedata-table tbody tr:hover {
146 - 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;
147 147  }
148 148  </style>
149 149  {{/html}}
150 150  
155 +{{velocity}}
151 151  {{liveData
152 152   id="choplist"
153 - properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topography,chcr_only"
158 + properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
154 154   source="liveTable"
155 155   sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
156 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}}
162 + limit="30"
163 +/}}
164 +{{/velocity}}
AppWithinMinutes.LiveTableClass[0]
Live Table Columns
... ... @@ -1,1 +1,1 @@
1 -code text_de text_fr text_it valid_start valid_end chop_like treat_cat topo_group chcr_only
1 +code text_de text_fr text_it valid_start valid_end chop_like treat_cat topo_group ChCr_only