Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 25.1
edited by Marco Weber
on 2026/10/01 15:06
Change comment: There is no comment for this version
To version 39.1
edited by Marco Weber
on 2026/10/05 15:19
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,190 +1,197 @@
1 -{{html}}
1 +```text
2 +{{html clean="false"}}
2 2  <style>
3 3  
4 -/* ============================================================
5 - CHOP-LIVETABLE
6 - ============================================================ */
5 +/* =========================================================
6 + CHOP LiveData – Tabellenformatierung
7 + ========================================================= */
7 7  
8 -/* Gesamte Livetable */
9 -#choplist {
9 +/* Gesamte Tabelle */
10 +table.layout-table-root.responsive-table {
10 10   width: 100%;
11 -}
12 -
13 -/* Die eigentliche Datentabelle */
14 -#choplist .xwiki-livetable-display {
15 - width: 100%;
16 16   border-collapse: collapse;
17 17   table-layout: fixed;
18 18  }
19 19  
20 -/* ============================================================
21 - KOPFZEILE
22 - ============================================================ */
16 +/* =========================================================
17 + Kopfzeile
18 + ========================================================= */
23 23  
24 -#choplist .xwiki-livetable-display-header th {
20 +table.layout-table-root.responsive-table thead th {
25 25   font-weight: bold;
26 - font-size: 1.1em;
27 - background-color: #f0f0f0;
28 - border: 1px solid #b5b5b5;
29 - padding: 8px 10px;
22 + font-size: 1.0em;
23 + background-color: #00BFFF;
24 + border: 1px solid #999;
25 + padding: 7px 6px;
30 30   vertical-align: middle;
31 31  }
32 32  
33 -/* Auch die Links in den Überschriften fett */
34 -#choplist .xwiki-livetable-display-header th a {
29 +/* Eigentliche Spaltenbezeichnung */
30 +table.layout-table-root.responsive-table thead .property-name {
35 35   font-weight: bold;
36 36  }
37 37  
38 -/* ============================================================
39 - FILTERZEILE
40 - ============================================================ */
34 +/* Sortier-Button nicht unnötig hervorheben */
35 +table.layout-table-root.responsive-table thead .handle {
36 + font-weight: bold;
37 +}
41 41  
42 -#choplist .xwiki-livetable-display-filters td {
43 - border: 1px solid #b5b5b5;
44 - padding: 5px;
39 +/* =========================================================
40 + Filterzeile
41 + ========================================================= */
42 +
43 +table.layout-table-root.responsive-table thead tr.column-filters th {
45 45   background-color: #fafafa;
45 + border: 1px solid #bbb;
46 + padding: 4px 5px;
46 46  }
47 47  
48 -/* Filterfelder möglichst breit innerhalb ihrer Spalte */
49 -#choplist .xwiki-livetable-display-filters input[type="text"] {
49 +/* Filter-Eingabefelder */
50 +table.layout-table-root.responsive-table .livedata-filter {
51 + width: 100%;
50 50   box-sizing: border-box;
51 - max-width: 100%;
52 52  }
53 53  
54 -/* ============================================================
55 - DATENZELLEN
56 - ============================================================ */
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 +}
57 57  
58 -#choplist .xwiki-livetable-display-body td {
59 - border: 1px solid #d0d0d0;
60 - padding: 6px 8px;
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 +/* =========================================================
74 + Datenzellen
75 + ========================================================= */
76 +
77 +table.layout-table-root.responsive-table tbody td {
78 + border: 1px solid #bbb;
79 + padding: 6px 6px;
61 61   vertical-align: top;
81 + overflow-wrap: break-word;
82 + word-wrap: break-word;
62 62  }
63 63  
64 -/* ============================================================
65 - SPALTENBREITEN
66 - ============================================================ */
85 +/* =========================================================
86 + Spaltenbreiten
87 + ========================================================= */
88 +```text
89 +/* =========================================================
90 + Spaltenbreiten
91 + Reihenfolge:
92 + 1 code
93 + 2 text_de
94 + 3 text_fr
95 + 4 text_it
96 + 5 valid_start
97 + 6 valid_end
98 + 7 chop_like
99 + 8 treat_cat
100 + 9 topo_group
101 + 10 chcr_only
102 + ========================================================= */
67 67  
68 -/* Code – schmal */
69 -#choplist .xwiki-livetable-display .code {
70 - width: 7%;
71 - white-space: nowrap;
104 +table.layout-table-root.responsive-table th:nth-child(1),
105 +table.layout-table-root.responsive-table td:nth-child(1) {
106 + width: 5%;
72 72  }
73 73  
74 -/* Deutsch – breit */
75 -#choplist .xwiki-livetable-display .text_de {
109 +table.layout-table-root.responsive-table th:nth-child(2),
110 +table.layout-table-root.responsive-table td:nth-child(2) {
76 76   width: 19%;
77 77  }
78 78  
79 -/* Französisch – breit */
80 -#choplist .xwiki-livetable-display .text_fr {
114 +table.layout-table-root.responsive-table th:nth-child(3),
115 +table.layout-table-root.responsive-table td:nth-child(3) {
81 81   width: 19%;
82 82  }
83 83  
84 -/* Italienisch – breit */
85 -#choplist .xwiki-livetable-display .text_it {
119 +table.layout-table-root.responsive-table th:nth-child(4),
120 +table.layout-table-root.responsive-table td:nth-child(4) {
86 86   width: 19%;
87 87  }
88 88  
89 -/* Gültig ab */
90 -#choplist .xwiki-livetable-display .valid_start {
91 - width: 7%;
92 - white-space: nowrap;
124 +table.layout-table-root.responsive-table th:nth-child(5),
125 +table.layout-table-root.responsive-table td:nth-child(5) {
126 + width: 5%;
93 93  }
94 94  
95 -/* Gültig bis */
96 -#choplist .xwiki-livetable-display .valid_end {
97 - width: 7%;
98 - white-space: nowrap;
129 +table.layout-table-root.responsive-table th:nth-child(6),
130 +table.layout-table-root.responsive-table td:nth-child(6) {
131 + width: 5%;
99 99  }
100 100  
101 -/* CHOP like */
102 -#choplist .xwiki-livetable-display .chop_like {
103 - width: 6%;
134 +table.layout-table-root.responsive-table th:nth-child(7),
135 +table.layout-table-root.responsive-table td:nth-child(7) {
136 + width: 7%;
104 104  }
105 105  
106 -/* Treatment category */
107 -#choplist .xwiki-livetable-display .treat_cat {
108 - width: 8%;
139 +table.layout-table-root.responsive-table th:nth-child(8),
140 +table.layout-table-root.responsive-table td:nth-child(8) {
141 + width: 7%;
109 109  }
110 110  
111 -/* Topography */
112 -#choplist .xwiki-livetable-display .topography {
113 - width: 8%;
144 +table.layout-table-root.responsive-table th:nth-child(9),
145 +table.layout-table-root.responsive-table td:nth-child(9) {
146 + width: 7%;
114 114  }
115 115  
116 -/* ChCr only */
117 -#choplist .xwiki-livetable-display .chcr_only {
118 - width: 6%;
149 +table.layout-table-root.responsive-table th:nth-child(10),
150 +table.layout-table-root.responsive-table td:nth-child(10) {
151 + width: 7%;
119 119  }
120 120  
154 +/* =========================================================
155 + Ausrichtung
156 + ========================================================= */
121 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;
132 -}
133 -
134 -
135 -/* ============================================================
136 - AUSRICHTUNG
137 - ============================================================ */
138 -
139 -/* Code zentrieren */
140 -#choplist .code {
158 +/* Code */
159 +table.layout-table-root.responsive-table td[data-title="code"] {
141 141   text-align: center;
142 142  }
143 143  
144 -/* Datumsfelder zentrieren */
145 -#choplist .valid_start,
146 -#choplist .valid_end {
163 +/* Datumsfelder */
164 +table.layout-table-root.responsive-table td[data-title="valid_start"],
165 +table.layout-table-root.responsive-table td[data-title="valid_end"] {
147 147   text-align: center;
167 + white-space: nowrap;
148 148  }
149 149  
150 -/* Ja/Nein-Felder zentrieren */
151 -#choplist .chop_like,
152 -#choplist .chcr_only {
170 +/* Kleine Klassifikationsfelder */
171 +table.layout-table-root.responsive-table td[data-title="chop_like"],
172 +table.layout-table-root.responsive-table td[data-title="treat_cat"],
173 +table.layout-table-root.responsive-table td[data-title="topo_group"],
174 +table.layout-table-root.responsive-table td[data-title="chcr_only"] {
153 153   text-align: center;
154 154  }
155 155  
178 +/* =========================================================
179 + Header-Ausrichtung
180 + ========================================================= */
156 156  
157 -/* ============================================================
158 - ZEBRA-EFFEKT
159 - ============================================================ */
160 -
161 -#choplist .xwiki-livetable-display-body tr:nth-child(even) td {
162 - background-color: #f8f8f8;
182 +table.layout-table-root.responsive-table th[data-title="code"],
183 +table.layout-table-root.responsive-table th[data-title="valid_start"],
184 +table.layout-table-root.responsive-table th[data-title="valid_end"],
185 +table.layout-table-root.responsive-table th[data-title="chop_like"],
186 +table.layout-table-root.responsive-table th[data-title="treat_cat"],
187 +table.layout-table-root.responsive-table th[data-title="topo_group"],
188 +table.layout-table-root.responsive-table th[data-title="chcr_only"] {
189 + text-align: center;
163 163  }
164 164  
165 -
166 -/* ============================================================
167 - HOVER
168 - ============================================================ */
169 -
170 -#choplist .xwiki-livetable-display-body tr:hover td {
171 - background-color: #eef4f8;
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 186  
187 -{{velocity}}
188 188  {{liveData
189 189   id="choplist"
190 190   properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
... ... @@ -191,6 +191,9 @@
191 191   source="liveTable"
192 192   sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
193 193   sort="code:asc"
194 - limit="30"
195 -/}}
196 -{{/velocity}}
201 + limit="15"
202 + layouts="table"
203 + showPageSizeDropdown="true"
204 + pageSizes="15,25,50,100"
205 +}}
206 +