Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 26.1
edited by Marco Weber
on 2026/10/01 15:07
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,196 +1,225 @@
1 -{{html}}
2 -<style>
3 -
4 -/* ============================================================
5 - CHOP-LIVETABLE
6 - ============================================================ */
7 -
8 -/* Gesamte Livetable */
9 -#choplist {
10 - width: 100%;
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 + }
11 11  }
75 +{{/liveData}}
12 12  
13 -/* Die eigentliche Datentabelle */
14 -#choplist .xwiki-livetable-display {
15 - width: 100%;
16 - border-collapse: collapse;
17 - table-layout: fixed;
18 -}
77 +{{html clean="false"}}
78 +<style>
79 +/* =========================================================
80 + CHOP-Liste – Live Data Tabellenformatierung
81 + ========================================================= */
19 19  
20 -/* ============================================================
21 - KOPFZEILE
22 - ============================================================ */
23 -
24 -#choplist .xwiki-livetable-display-header th {
25 - font-weight: bold;
26 - font-size: 1.1em;
27 - background-color: #f0f0f0;
28 - border: 1px solid #b5b5b5;
29 - padding: 8px 10px;
30 - vertical-align: middle;
83 +/* Gesamte Tabelle */
84 +#choplist .xwiki-livedata-table {
85 + width: 100%;
86 + table-layout: fixed;
87 + border-collapse: collapse;
31 31  }
32 32  
33 -/* Auch die Links in den Überschriften fett */
34 -#choplist .xwiki-livetable-display-header th a {
35 - font-weight: bold;
36 -}
90 +/* ---------------------------------------------------------
91 + Tabellenkopf
92 + --------------------------------------------------------- */
37 37  
38 -/* ============================================================
39 - FILTERZEILE
40 - ============================================================ */
41 -
42 -#choplist .xwiki-livetable-display-filters td {
43 - border: 1px solid #b5b5b5;
44 - padding: 5px;
45 - background-color: #fafafa;
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;
46 46  }
47 47  
48 -/* Filterfelder möglichst breit innerhalb ihrer Spalte */
49 -#choplist .xwiki-livetable-display-filters input[type="text"] {
50 - box-sizing: border-box;
51 - max-width: 100%;
52 -}
103 +/* ---------------------------------------------------------
104 + Filterzeile
105 + --------------------------------------------------------- */
53 53  
54 -/* ============================================================
55 - DATENZELLEN
56 - ============================================================ */
57 -
58 -#choplist .xwiki-livetable-display-body td {
59 - border: 1px solid #d0d0d0;
60 - padding: 6px 8px;
61 - vertical-align: top;
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;
62 62  }
63 63  
64 -/* ============================================================
65 - SPALTENBREITEN
66 - ============================================================ */
115 +/* ---------------------------------------------------------
116 + Datenzellen
117 + --------------------------------------------------------- */
67 67  
68 -/* Code – schmal */
69 -#choplist .xwiki-livetable-display .code {
70 - width: 7%;
71 - white-space: nowrap;
119 +#choplist .xwiki-livedata-table tbody td {
120 + border: 1px solid #b5b5b5;
121 + padding: 5px;
122 + vertical-align: middle;
72 72  }
73 73  
74 -/* Deutsch – breit */
75 -#choplist .xwiki-livetable-display .text_de {
76 - width: 3%;
77 -}
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 + --------------------------------------------------------- */
78 78  
79 -/* Französisch – breit */
80 -#choplist .xwiki-livetable-display .text_fr {
81 - width: 19%;
140 +#choplist .xwiki-livedata-table th:nth-child(1),
141 +#choplist .xwiki-livedata-table td:nth-child(1) {
142 + width: 7%;
82 82  }
83 83  
84 -/* Italienisch – breit */
85 -#choplist .xwiki-livetable-display .text_it {
86 - width: 19%;
145 +#choplist .xwiki-livedata-table th:nth-child(2),
146 +#choplist .xwiki-livedata-table td:nth-child(2) {
147 + width: 19%;
87 87  }
88 88  
89 -/* Gültig ab */
90 -#choplist .xwiki-livetable-display .valid_start {
91 - width: 7%;
92 - white-space: nowrap;
150 +#choplist .xwiki-livedata-table th:nth-child(3),
151 +#choplist .xwiki-livedata-table td:nth-child(3) {
152 + width: 19%;
93 93  }
94 94  
95 -/* Gültig bis */
96 -#choplist .xwiki-livetable-display .valid_end {
97 - width: 7%;
98 - white-space: nowrap;
155 +#choplist .xwiki-livedata-table th:nth-child(4),
156 +#choplist .xwiki-livedata-table td:nth-child(4) {
157 + width: 19%;
99 99  }
100 100  
101 -/* CHOP like */
102 -#choplist .xwiki-livetable-display .chop_like {
103 - width: 6%;
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 -/* Treatment category */
107 -#choplist .xwiki-livetable-display .treat_cat {
108 - width: 8%;
165 +#choplist .xwiki-livedata-table th:nth-child(6),
166 +#choplist .xwiki-livedata-table td:nth-child(6) {
167 + width: 7%;
109 109  }
110 110  
111 -/* Topography */
112 -#choplist .xwiki-livetable-display .topography {
113 - width: 8%;
170 +#choplist .xwiki-livedata-table th:nth-child(7),
171 +#choplist .xwiki-livedata-table td:nth-child(7) {
172 + width: 5%;
114 114  }
115 115  
116 -/* ChCr only */
117 -#choplist .xwiki-livetable-display .chcr_only {
118 - width: 6%;
175 +#choplist .xwiki-livedata-table th:nth-child(8),
176 +#choplist .xwiki-livedata-table td:nth-child(8) {
177 + width: 7%;
119 119  }
120 120  
121 -
122 -/* ============================================================
123 - TEXTUMBRUCH
124 - ============================================================ */
125 -
126 -/* Lange Texte sollen innerhalb der Spalte umbrechen */
127 -#choplist .text_de,
128 -#choplist .text_fr,
129 -#choplist .text_it {
130 - overflow-wrap: break-word;
131 - word-wrap: break-word;
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 -
135 -/* ============================================================
136 - AUSRICHTUNG
137 - ============================================================ */
138 -
139 -/* Code zentrieren */
140 -#choplist .code {
141 - text-align: center;
185 +#choplist .xwiki-livedata-table th:nth-child(10),
186 +#choplist .xwiki-livadata-table td:nth-child(10) {
187 + width: 5%;
142 142  }
143 143  
144 -/* Datumsfelder zentrieren */
145 -#choplist .valid_start,
146 -#choplist .valid_end {
147 - text-align: center;
148 -}
190 +/* ---------------------------------------------------------
191 + Zentrierung bestimmter Spalten
192 + --------------------------------------------------------- */
149 149  
150 -/* Ja/Nein-Felder zentrieren */
151 -#choplist .chop_like,
152 -#choplist .chcr_only {
153 - 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;
154 154  }
155 155  
207 +/* ---------------------------------------------------------
208 + Dropdowns und Filterfelder
209 + --------------------------------------------------------- */
156 156  
157 -/* ============================================================
158 - ZEBRA-EFFEKT
159 - ============================================================ */
160 -
161 -#choplist .xwiki-livetable-display-body tr:nth-child(even) td {
162 - background-color: #f8f8f8;
211 +#choplist .xwiki-livedata-table select,
212 +#choplist .xwiki-livedata-table input {
213 + max-width: 100%;
214 + box-sizing: border-box;
163 163  }
164 164  
217 +/* ---------------------------------------------------------
218 + Zeilen
219 + --------------------------------------------------------- */
165 165  
166 -/* ============================================================
167 - HOVER
168 - ============================================================ */
169 -
170 -#choplist .xwiki-livetable-display-body tr:hover td {
171 - background-color: #eef4f8;
221 +#choplist .xwiki-livedata-table tbody tr:hover {
222 + background-color: #f7f7f7;
172 172  }
173 -
174 -
175 -/* ============================================================
176 - DATUM – ABSTAND DES P-TAGS ENTFERNEN
177 - ============================================================ */
178 -
179 -#choplist .valid_start p,
180 -#choplist .valid_end p {
181 - margin: 0;
182 -}
183 -
184 184  </style>
185 185  {{/html}}
186 -
187 -{{velocity}}
188 -{{liveData
189 - id="choplist"
190 - properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
191 - source="liveTable"
192 - sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
193 - sort="code:asc"
194 - limit="30"
195 -/}}
196 -{{/velocity}}