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 8.1
edited by Marco Weber
on 2026/09/29 15:55
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,205 +1,193 @@
1 1  {{html clean="false"}}
2 2  <style>
3 +/* ============================================
4 + CHOP-Livetable – allgemeine Formatierung
5 + ============================================ */
3 3  
4 -/* =========================================================
5 - CHOP LiveData – Tabellenformatierung
6 - ========================================================= */
7 -
8 -/* Gesamte Tabelle */
9 -table.layout-table-root.responsive-table {
10 - width: 100%;
11 - border-collapse: collapse;
12 - 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;
13 13  }
14 14  
15 -/* =========================================================
15 +/* ============================================
16 16   Kopfzeile
17 - ========================================================= */
17 + ============================================ */
18 18  
19 -table.layout-table-root.responsive-table thead th {
20 - font-weight: bold;
21 - font-size: 0.95em;
22 - background-color: #00BFFF;
23 - border: 1px solid #999;
24 - padding: 7px 6px;
25 - 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;
26 26  }
27 27  
28 -/* Eigentliche Spaltenbezeichnung */
29 -table.layout-table-root.responsive-table thead .property-name {
30 - font-weight: bold;
28 +#choplist .xwiki-livetable-display > thead > tr:first-child > th a {
29 + font-weight: 700 !important;
30 + font-size: inherit !important;
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 -}
37 -
38 -/* =========================================================
33 +/* ============================================
39 39   Filterzeile
40 - ========================================================= */
35 + ============================================ */
41 41  
42 -table.layout-table-root.responsive-table thead tr.column-filters th {
43 - background-color: #fafafa;
44 - border: 1px solid #bbb;
45 - 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;
46 46  }
47 47  
48 -/* Filter-Eingabefelder */
49 -table.layout-table-root.responsive-table .livedata-filter {
50 - width: 100%;
51 - 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;
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 -}
50 +/* ============================================
51 + Datenzellen
52 + ============================================ */
60 60  
61 -/* Selectize-Filter */
62 -table.layout-table-root.responsive-table .selectize-control {
63 - 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;
64 64  }
65 65  
66 -table.layout-table-root.responsive-table .selectize-input {
67 - min-height: 28px;
68 - padding: 4px 6px;
69 - 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;
70 70  }
71 71  
72 -/* =========================================================
73 - Datenzellen
74 - ========================================================= */
75 -
76 -table.layout-table-root.responsive-table tbody td {
77 - border: 1px solid #bbb;
78 - padding: 6px 6px;
79 - vertical-align: top;
80 - overflow-wrap: break-word;
81 - word-wrap: break-word;
82 -}
83 -
84 -/* =========================================================
67 +/* ============================================
85 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 - ========================================================= */
69 + ============================================ */
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%;
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;
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%;
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;
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%;
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;
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%;
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;
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) {
125 - width: 7%;
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;
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) {
130 - width: 7%;
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;
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%;
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;
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%;
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;
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%;
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;
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%;
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;
151 151  }
152 152  
153 -/* =========================================================
154 - Ausrichtung
155 - ========================================================= */
141 +/* ============================================
142 + Ausrichtung bestimmter Spalten
143 + ============================================ */
156 156  
157 -/* Code */
158 -table.layout-table-root.responsive-table td[data-title="code"] {
159 - 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;
160 160  }
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"] {
165 - text-align: center;
166 - white-space: nowrap;
167 -}
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"] {
174 - text-align: center;
175 -}
176 -
177 -/* =========================================================
178 - Header-Ausrichtung
179 - ========================================================= */
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;
189 -}
190 -
191 191  </style>
192 192  {{/html}}
193 193  
194 -{{liveData
195 - id="choplist"
196 - properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
197 - source="liveTable"
198 - sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
199 - sort="code:asc"
200 - limit="30"
201 - layouts="table"
202 - showPageSizeDropdown="true"
203 - pageSizes="15,30,50,100"
204 -}}
155 +{{velocity}}
156 +#set ($columnsProperties = {
157 + 'code': {},
158 + 'text_de': {},
159 + 'text_fr': {},
160 + 'text_it': {},
161 + 'valid_start': {"html":true},
162 + 'valid_end': {"html":true},
163 + 'chop_like': {},
164 + 'treat_cat': {},
165 + 'topography': {},
166 + 'chcr_only': {}
167 +})
205 205  
169 +#set ($options = {
170 + 'className': 'CHOPlist.Code.CHOPlistClass',
171 + 'translationPrefix': 'choplist.livetable.',
172 + 'tagCloud': true,
173 + 'rowCount': 30,
174 + 'maxPages': 10,
175 + 'selectedColumn': 'code',
176 + 'defaultOrder': 'asc'
177 +})
178 +
179 +#set ($columns = [
180 + 'code',
181 + 'text_de',
182 + 'text_fr',
183 + 'text_it',
184 + 'valid_start',
185 + 'valid_end',
186 + 'chop_like',
187 + 'treat_cat',
188 + 'topo_group',
189 + 'chcr_only'
190 +])
191 +
192 +#livetable('choplist' $columns $columnsProperties $options)
193 +{{/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