Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 32.1
edited by Marco Weber
on 2026/10/05 15:12
Change comment: There is no comment for this version
To version 15.1
edited by Marco Weber
on 2026/09/30 10:51
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,192 +2,158 @@
1 -```text
2 2  {{html clean="false"}}
3 3  <style>
3 +/* ============================================
4 + CHOP-Livetable – allgemeine Formatierung
5 + ============================================ */
4 4  
5 -/* =========================================================
6 - CHOP LiveData – Tabellenformatierung
7 - ========================================================= */
8 -
9 -/* Gesamte Tabelle */
10 -table.layout-table-root.responsive-table {
11 - width: 100%;
12 - border-collapse: collapse;
13 - table-layout: fixed;
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;
14 14  }
15 15  
16 -/* =========================================================
15 +/* ============================================
17 17   Kopfzeile
18 - ========================================================= */
17 + ============================================ */
19 19  
20 -table.layout-table-root.responsive-table thead th {
21 - font-weight: bold;
22 - font-size: 1.1em;
23 - background-color: #f2f2f2;
24 - border: 1px solid #999;
25 - padding: 7px 6px;
26 - vertical-align: middle;
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;
27 27  }
28 28  
29 -/* Eigentliche Spaltenbezeichnung */
30 -table.layout-table-root.responsive-table thead .property-name {
31 - font-weight: bold;
28 +#choplist .xwiki-livetable-display > thead > tr:first-child > th a {
29 + font-weight: 700 !important;
30 + font-size: inherit !important;
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 -/* =========================================================
33 +/* ============================================
40 40   Filterzeile
41 - ========================================================= */
35 + ============================================ */
42 42  
43 -table.layout-table-root.responsive-table thead tr.column-filters th {
44 - background-color: #fafafa;
45 - border: 1px solid #bbb;
46 - padding: 4px 5px;
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;
47 47  }
48 48  
49 -/* Filter-Eingabefelder */
50 -table.layout-table-root.responsive-table .livedata-filter {
51 - width: 100%;
52 - box-sizing: border-box;
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;
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 -}
50 +/* ============================================
51 + Datenzellen
52 + ============================================ */
61 61  
62 -/* Selectize-Filter */
63 -table.layout-table-root.responsive-table .selectize-control {
64 - width: 100%;
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;
65 65  }
66 66  
67 -table.layout-table-root.responsive-table .selectize-input {
68 - min-height: 28px;
69 - padding: 4px 6px;
70 - box-sizing: border-box;
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;
71 71  }
72 72  
73 -/* =========================================================
74 - Datenzellen
75 - ========================================================= */
76 -
77 -table.layout-table-root.responsive-table tbody td {
78 - border: 1px solid #bbb;
79 - padding: 6px 6px;
80 - vertical-align: top;
81 - overflow-wrap: break-word;
82 - word-wrap: break-word;
83 -}
84 -
85 -/* =========================================================
67 +/* ============================================
86 86   Spaltenbreiten
87 - ========================================================= */
69 + ============================================ */
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"] {
92 - width: 5%;
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;
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: 20%;
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;
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"] {
104 - width: 20%;
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;
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"] {
110 - width: 20%;
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;
111 111  }
112 112  
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"] {
116 - width: 5%;
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;
117 117  }
118 118  
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"] {
122 - width: 5%;
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;
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%;
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;
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: 5%;
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;
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: 7%;
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;
141 141  }
142 142  
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%;
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;
147 147  }
148 148  
149 -/* =========================================================
150 - Ausrichtung
151 - ========================================================= */
141 +/* ============================================
142 + Ausrichtung bestimmter Spalten
143 + ============================================ */
152 152  
153 -/* Code */
154 -table.layout-table-root.responsive-table td[data-title="code"] {
155 - text-align: center;
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;
156 156  }
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"] {
161 - text-align: center;
162 - white-space: nowrap;
163 -}
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"] {
170 - text-align: center;
171 -}
172 -
173 -/* =========================================================
174 - Header-Ausrichtung
175 - ========================================================= */
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;
185 -}
186 -
187 187  </style>
188 188  {{/html}}
189 189  
155 +{{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 -
162 + limit="30"
163 +/}}
164 +{{/velocity}}
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