Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 9.1
edited by Marco Weber
on 2026/09/29 15:56
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,193 +1,225 @@
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 +
1 1  {{html clean="false"}}
2 2  <style>
3 -/* ============================================
4 - CHOP-Livetable – allgemeine Formatierung
5 - ============================================ */
79 +/* =========================================================
80 + CHOP-Liste – Live Data Tabellenformatierung
81 + ========================================================= */
6 6  
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;
83 +/* Gesamte Tabelle */
84 +#choplist .xwiki-livedata-table {
85 + width: 100%;
86 + table-layout: fixed;
87 + border-collapse: collapse;
13 13  }
14 14  
15 -/* ============================================
16 - Kopfzeile
17 - ============================================ */
90 +/* ---------------------------------------------------------
91 + Tabellenkopf
92 + --------------------------------------------------------- */
18 18  
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;
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;
26 26  }
27 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 -/* ============================================
103 +/* ---------------------------------------------------------
34 34   Filterzeile
35 - ============================================ */
105 + --------------------------------------------------------- */
36 36  
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;
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;
41 41  }
42 42  
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;
48 -}
49 -
50 -/* ============================================
115 +/* ---------------------------------------------------------
51 51   Datenzellen
52 - ============================================ */
117 + --------------------------------------------------------- */
53 53  
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;
119 +#choplist .xwiki-livedata-table tbody td {
120 + border: 1px solid #b5b5b5;
121 + padding: 5px;
122 + vertical-align: middle;
59 59  }
60 60  
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;
65 -}
66 -
67 -/* ============================================
125 +/* ---------------------------------------------------------
68 68   Spaltenbreiten
69 - ============================================ */
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 + --------------------------------------------------------- */
70 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;
140 +#choplist .xwiki-livedata-table th:nth-child(1),
141 +#choplist .xwiki-livedata-table td:nth-child(1) {
142 + width: 7%;
76 76  }
77 77  
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;
145 +#choplist .xwiki-livedata-table th:nth-child(2),
146 +#choplist .xwiki-livedata-table td:nth-child(2) {
147 + width: 19%;
83 83  }
84 84  
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;
150 +#choplist .xwiki-livedata-table th:nth-child(3),
151 +#choplist .xwiki-livedata-table td:nth-child(3) {
152 + width: 19%;
90 90  }
91 91  
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;
155 +#choplist .xwiki-livedata-table th:nth-child(4),
156 +#choplist .xwiki-livedata-table td:nth-child(4) {
157 + width: 19%;
97 97  }
98 98  
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;
160 +#choplist .xwiki-livedata-table th:nth-child(5),
161 +#choplist .xwiki-livedata-table td:nth-child(5) {
162 + width: 7%;
104 104  }
105 105  
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;
165 +#choplist .xwiki-livedata-table th:nth-child(6),
166 +#choplist .xwiki-livedata-table td:nth-child(6) {
167 + width: 7%;
111 111  }
112 112  
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;
170 +#choplist .xwiki-livedata-table th:nth-child(7),
171 +#choplist .xwiki-livedata-table td:nth-child(7) {
172 + width: 5%;
118 118  }
119 119  
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;
175 +#choplist .xwiki-livedata-table th:nth-child(8),
176 +#choplist .xwiki-livedata-table td:nth-child(8) {
177 + width: 7%;
125 125  }
126 126  
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;
180 +#choplist .xwiki-livedata-table th:nth-child(9),
181 +#choplist .xwiki-livedata-table td:nth-child(9) {
182 + width: 5%;
132 132  }
133 133  
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;
185 +#choplist .xwiki-livedata-table th:nth-child(10),
186 +#choplist .xwiki-livadata-table td:nth-child(10) {
187 + width: 5%;
139 139  }
140 140  
141 -/* ============================================
142 - Ausrichtung bestimmter Spalten
143 - ============================================ */
190 +/* ---------------------------------------------------------
191 + Zentrierung bestimmter Spalten
192 + --------------------------------------------------------- */
144 144  
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;
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;
151 151  }
152 -</style>
153 -{{/html}}
154 154  
155 -{{velocity}}
156 -#set ($columnsProperties = {
157 - 'code': {},
158 - 'text_de': {},
159 - 'text_fr': {},
160 - 'text_it': {},
161 - 'valid_start': {"html":true},
162 - 'valid_end': {"html":true},
163 - 'chop_like': {},
164 - 'treat_cat': {},
165 - 'topography': {},
166 - 'chcr_only': {}
167 -})
207 +/* ---------------------------------------------------------
208 + Dropdowns und Filterfelder
209 + --------------------------------------------------------- */
168 168  
169 -#set ($options = {
170 - 'className': 'CHOPlist.Code.CHOPlistClass',
171 - 'translationPrefix': 'choplist.livetable.',
172 - 'tagCloud': true,
173 - 'rowCount': 30,
174 - 'maxPages': 10,
175 - 'selectedColumn': 'code',
176 - 'defaultOrder': 'asc'
177 -})
211 +#choplist .xwiki-livedata-table select,
212 +#choplist .xwiki-livedata-table input {
213 + max-width: 100%;
214 + box-sizing: border-box;
215 +}
178 178  
179 -#set ($columns = [
180 - 'code',
181 - 'text_de',
182 - 'text_fr',
183 - 'text_it',
184 - 'valid_start',
185 - 'valid_end',
186 - 'chop_like',
187 - 'treat_cat',
188 - 'topo_group',
189 - 'ChCr_only'
190 -])
217 +/* ---------------------------------------------------------
218 + Zeilen
219 + --------------------------------------------------------- */
191 191  
192 -#livetable('choplist' $columns $columnsProperties $options)
193 -{{/velocity}}
221 +#choplist .xwiki-livedata-table tbody tr:hover {
222 + background-color: #f7f7f7;
223 +}
224 +</style>
225 +{{/html}}
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