Skip to Content

Changes for page CHOPlist

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

Summary

Details

Page properties
Content
... ... @@ -1,158 +1,197 @@
1 +```text
1 1  {{html clean="false"}}
2 2  <style>
3 -/* ============================================
4 - CHOP-Livetable – allgemeine Formatierung
5 - ============================================ */
6 6  
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;
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;
13 13  }
14 14  
15 -/* ============================================
16 +/* =========================================================
16 16   Kopfzeile
17 - ============================================ */
18 + ========================================================= */
18 18  
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;
20 +table.layout-table-root.responsive-table thead th {
21 + font-weight: bold;
22 + font-size: 1.0em;
23 + background-color: #f2f2f2;
24 + border: 1px solid #999;
25 + padding: 7px 6px;
26 + vertical-align: middle;
26 26  }
27 27  
28 -#choplist .xwiki-livetable-display > thead > tr:first-child > th a {
29 - font-weight: 700 !important;
30 - font-size: inherit !important;
29 +/* Eigentliche Spaltenbezeichnung */
30 +table.layout-table-root.responsive-table thead .property-name {
31 + font-weight: bold;
31 31  }
32 32  
33 -/* ============================================
34 +/* Sortier-Button nicht unnötig hervorheben */
35 +table.layout-table-root.responsive-table thead .handle {
36 + font-weight: bold;
37 +}
38 +
39 +/* =========================================================
34 34   Filterzeile
35 - ============================================ */
41 + ========================================================= */
36 36  
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;
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;
41 41  }
42 42  
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;
49 +/* Filter-Eingabefelder */
50 +table.layout-table-root.responsive-table .livedata-filter {
51 + width: 100%;
52 + box-sizing: border-box;
48 48  }
49 49  
50 -/* ============================================
51 - Datenzellen
52 - ============================================ */
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 +}
53 53  
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;
62 +/* Selectize-Filter */
63 +table.layout-table-root.responsive-table .selectize-control {
64 + width: 100%;
59 59  }
60 60  
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;
67 +table.layout-table-root.responsive-table .selectize-input {
68 + min-height: 28px;
69 + padding: 4px 6px;
70 + box-sizing: border-box;
65 65  }
66 66  
67 -/* ============================================
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 +/* =========================================================
68 68   Spaltenbreiten
69 - ============================================ */
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 + ========================================================= */
70 70  
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;
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%;
76 76  }
77 77  
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;
109 +table.layout-table-root.responsive-table th:nth-child(2),
110 +table.layout-table-root.responsive-table td:nth-child(2) {
111 + width: 19%;
83 83  }
84 84  
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;
114 +table.layout-table-root.responsive-table th:nth-child(3),
115 +table.layout-table-root.responsive-table td:nth-child(3) {
116 + width: 19%;
90 90  }
91 91  
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;
119 +table.layout-table-root.responsive-table th:nth-child(4),
120 +table.layout-table-root.responsive-table td:nth-child(4) {
121 + width: 19%;
97 97  }
98 98  
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;
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%;
104 104  }
105 105  
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;
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%;
111 111  }
112 112  
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;
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%;
118 118  }
119 119  
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;
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%;
125 125  }
126 126  
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;
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%;
132 132  }
133 133  
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;
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%;
139 139  }
140 140  
141 -/* ============================================
142 - Ausrichtung bestimmter Spalten
143 - ============================================ */
154 +/* =========================================================
155 + Ausrichtung
156 + ========================================================= */
144 144  
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;
158 +/* Code */
159 +table.layout-table-root.responsive-table td[data-title="code"] {
160 + text-align: center;
151 151  }
162 +
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"] {
166 + text-align: center;
167 + white-space: nowrap;
168 +}
169 +
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"] {
175 + text-align: center;
176 +}
177 +
178 +/* =========================================================
179 + Header-Ausrichtung
180 + ========================================================= */
181 +
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;
190 +}
191 +
152 152  </style>
153 153  {{/html}}
154 154  
155 -{{velocity}}
156 156  {{liveData
157 157   id="choplist"
158 158   properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
... ... @@ -159,6 +159,9 @@
159 159   source="liveTable"
160 160   sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
161 161   sort="code:asc"
162 - limit="30"
163 -/}}
164 -{{/velocity}}
201 + limit="15"
202 + layouts="table"
203 + showPageSizeDropdown="true"
204 + pageSizes="15,25,50,100"
205 +}}
206 +
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