Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 25.1
edited by Marco Weber
on 2026/10/01 15:06
Change comment: There is no comment for this version
To version 12.1
edited by Marco Weber
on 2026/09/30 10:46
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,196 +1,193 @@
1 -{{html}}
1 +{{html clean="false"}}
2 2  <style>
3 +/* ============================================
4 + CHOP-Livetable – allgemeine Formatierung
5 + ============================================ */
3 3  
4 -/* ============================================================
5 - CHOP-LIVETABLE
6 - ============================================================ */
7 -
8 -/* Gesamte Livetable */
9 -#choplist {
10 - width: 100%;
11 -}
12 -
13 -/* Die eigentliche Datentabelle */
7 +/* Innere Tabelle */
14 14  #choplist .xwiki-livetable-display {
15 - width: 100%;
16 - border-collapse: collapse;
17 - table-layout: fixed;
9 + width: 100% !important;
10 + border-collapse: collapse !important;
11 + border-spacing: 0 !important;
12 + table-layout: fixed !important;
18 18  }
19 19  
20 -/* ============================================================
21 - KOPFZEILE
22 - ============================================================ */
15 +/* ============================================
16 + Kopfzeile
17 + ============================================ */
23 23  
24 -#choplist .xwiki-livetable-display-header th {
25 - font-weight: bold;
26 - font-size: 1.1em;
27 - background-color: #f0f0f0;
28 - border: 1px solid #b5b5b5;
29 - padding: 8px 10px;
30 - 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;
31 31  }
32 32  
33 -/* Auch die Links in den Überschriften fett */
34 -#choplist .xwiki-livetable-display-header th a {
35 - font-weight: bold;
28 +#choplist .xwiki-livetable-display > thead > tr:first-child > th a {
29 + font-weight: 700 !important;
30 + font-size: inherit !important;
36 36  }
37 37  
38 -/* ============================================================
39 - FILTERZEILE
40 - ============================================================ */
33 +/* ============================================
34 + Filterzeile
35 + ============================================ */
41 41  
42 -#choplist .xwiki-livetable-display-filters td {
43 - border: 1px solid #b5b5b5;
44 - padding: 5px;
45 - background-color: #fafafa;
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 -/* Filterfelder möglichst breit innerhalb ihrer Spalte */
49 -#choplist .xwiki-livetable-display-filters input[type="text"] {
50 - box-sizing: border-box;
51 - max-width: 100%;
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 -/* ============================================================
55 - DATENZELLEN
56 - ============================================================ */
50 +/* ============================================
51 + Datenzellen
52 + ============================================ */
57 57  
58 -#choplist .xwiki-livetable-display-body td {
59 - border: 1px solid #d0d0d0;
60 - padding: 6px 8px;
61 - vertical-align: top;
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 62  }
63 63  
64 -/* ============================================================
65 - SPALTENBREITEN
66 - ============================================================ */
67 -
68 -/* Code – schmal */
69 -#choplist .xwiki-livetable-display .code {
70 - width: 7%;
71 - white-space: nowrap;
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;
72 72  }
73 73  
74 -/* Deutsch – breit */
75 -#choplist .xwiki-livetable-display .text_de {
76 - width: 19%;
77 -}
67 +/* ============================================
68 + Spaltenbreiten
69 + ============================================ */
78 78  
79 -/* Französisch – breit */
80 -#choplist .xwiki-livetable-display .text_fr {
81 - width: 19%;
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;
82 82  }
83 83  
84 -/* Italienisch – breit */
85 -#choplist .xwiki-livetable-display .text_it {
86 - width: 19%;
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;
87 87  }
88 88  
89 -/* Gültig ab */
90 -#choplist .xwiki-livetable-display .valid_start {
91 - width: 7%;
92 - white-space: nowrap;
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;
93 93  }
94 94  
95 -/* Gültig bis */
96 -#choplist .xwiki-livetable-display .valid_end {
97 - width: 7%;
98 - white-space: nowrap;
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;
99 99  }
100 100  
101 -/* CHOP like */
102 -#choplist .xwiki-livetable-display .chop_like {
103 - width: 6%;
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;
104 104  }
105 105  
106 -/* Treatment category */
107 -#choplist .xwiki-livetable-display .treat_cat {
108 - width: 8%;
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;
109 109  }
110 110  
111 -/* Topography */
112 -#choplist .xwiki-livetable-display .topography {
113 - width: 8%;
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;
114 114  }
115 115  
116 -/* ChCr only */
117 -#choplist .xwiki-livetable-display .chcr_only {
118 - width: 6%;
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;
119 119  }
120 120  
121 -
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;
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;
132 132  }
133 133  
134 -
135 -/* ============================================================
136 - AUSRICHTUNG
137 - ============================================================ */
138 -
139 -/* Code zentrieren */
140 -#choplist .code {
141 - text-align: center;
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;
142 142  }
143 143  
144 -/* Datumsfelder zentrieren */
145 -#choplist .valid_start,
146 -#choplist .valid_end {
147 - text-align: center;
148 -}
141 +/* ============================================
142 + Ausrichtung bestimmter Spalten
143 + ============================================ */
149 149  
150 -/* Ja/Nein-Felder zentrieren */
151 -#choplist .chop_like,
152 -#choplist .chcr_only {
153 - 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;
154 154  }
155 -
156 -
157 -/* ============================================================
158 - ZEBRA-EFFEKT
159 - ============================================================ */
160 -
161 -#choplist .xwiki-livetable-display-body tr:nth-child(even) td {
162 - background-color: #f8f8f8;
163 -}
164 -
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 -
184 184  </style>
185 185  {{/html}}
186 186  
187 187  {{velocity}}
188 -{{liveData
189 - id="choplist"
190 - properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
191 - source="liveTable"
192 - sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
193 - sort="code:asc"
194 - limit="30"
195 -/}}
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 + 'topo_group': {},
166 + 'chcr_only': {}
167 +})
168 +
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)
196 196  {{/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