Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 31.1
edited by Marco Weber
on 2026/10/05 15:10
Change comment: There is no comment for this version
To version 26.1
edited by Marco Weber
on 2026/10/01 15:07
Change comment: There is no comment for this version

Summary

Details

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