Skip to Content

Changes for page CHOPlist

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