Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41

From version 21.1
edited by Marco Weber
on 2026/10/01 14:53
Change comment: Update LiveTable
To version 25.1
edited by Marco Weber
on 2026/10/01 15:06
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,25 +1,196 @@
1 +{{html}}
2 +<style>
3 +
4 +/* ============================================================
5 + CHOP-LIVETABLE
6 + ============================================================ */
7 +
8 +/* Gesamte Livetable */
9 +#choplist {
10 + width: 100%;
11 +}
12 +
13 +/* Die eigentliche Datentabelle */
14 +#choplist .xwiki-livetable-display {
15 + width: 100%;
16 + border-collapse: collapse;
17 + table-layout: fixed;
18 +}
19 +
20 +/* ============================================================
21 + KOPFZEILE
22 + ============================================================ */
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;
31 +}
32 +
33 +/* Auch die Links in den Überschriften fett */
34 +#choplist .xwiki-livetable-display-header th a {
35 + font-weight: bold;
36 +}
37 +
38 +/* ============================================================
39 + FILTERZEILE
40 + ============================================================ */
41 +
42 +#choplist .xwiki-livetable-display-filters td {
43 + border: 1px solid #b5b5b5;
44 + padding: 5px;
45 + background-color: #fafafa;
46 +}
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%;
52 +}
53 +
54 +/* ============================================================
55 + DATENZELLEN
56 + ============================================================ */
57 +
58 +#choplist .xwiki-livetable-display-body td {
59 + border: 1px solid #d0d0d0;
60 + padding: 6px 8px;
61 + vertical-align: top;
62 +}
63 +
64 +/* ============================================================
65 + SPALTENBREITEN
66 + ============================================================ */
67 +
68 +/* Code – schmal */
69 +#choplist .xwiki-livetable-display .code {
70 + width: 7%;
71 + white-space: nowrap;
72 +}
73 +
74 +/* Deutsch – breit */
75 +#choplist .xwiki-livetable-display .text_de {
76 + width: 19%;
77 +}
78 +
79 +/* Französisch – breit */
80 +#choplist .xwiki-livetable-display .text_fr {
81 + width: 19%;
82 +}
83 +
84 +/* Italienisch – breit */
85 +#choplist .xwiki-livetable-display .text_it {
86 + width: 19%;
87 +}
88 +
89 +/* Gültig ab */
90 +#choplist .xwiki-livetable-display .valid_start {
91 + width: 7%;
92 + white-space: nowrap;
93 +}
94 +
95 +/* Gültig bis */
96 +#choplist .xwiki-livetable-display .valid_end {
97 + width: 7%;
98 + white-space: nowrap;
99 +}
100 +
101 +/* CHOP like */
102 +#choplist .xwiki-livetable-display .chop_like {
103 + width: 6%;
104 +}
105 +
106 +/* Treatment category */
107 +#choplist .xwiki-livetable-display .treat_cat {
108 + width: 8%;
109 +}
110 +
111 +/* Topography */
112 +#choplist .xwiki-livetable-display .topography {
113 + width: 8%;
114 +}
115 +
116 +/* ChCr only */
117 +#choplist .xwiki-livetable-display .chcr_only {
118 + width: 6%;
119 +}
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;
132 +}
133 +
134 +
135 +/* ============================================================
136 + AUSRICHTUNG
137 + ============================================================ */
138 +
139 +/* Code zentrieren */
140 +#choplist .code {
141 + text-align: center;
142 +}
143 +
144 +/* Datumsfelder zentrieren */
145 +#choplist .valid_start,
146 +#choplist .valid_end {
147 + text-align: center;
148 +}
149 +
150 +/* Ja/Nein-Felder zentrieren */
151 +#choplist .chop_like,
152 +#choplist .chcr_only {
153 + text-align: center;
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 +</style>
185 +{{/html}}
186 +
1 1  {{velocity}}
2 -#set ($columnsProperties = {
3 - 'code': {},
4 - 'text_de': {},
5 - 'text_fr': {},
6 - 'text_it': {},
7 - 'valid_start': {"html":true},
8 - 'valid_end': {"html":true},
9 - 'chop_like': {},
10 - 'treat_cat': {},
11 - 'topo_group': {},
12 - 'chcr_only': {}
13 -})
14 -#set ($options = {
15 - 'className': 'CHOPlist.Code.CHOPlistClass',
16 - 'translationPrefix': 'choplist.livetable.',
17 - 'tagCloud': true,
18 - 'rowCount': 15,
19 - 'maxPages': 10,
20 - 'selectedColumn': 'code',
21 - 'defaultOrder': 'asc'
22 -})
23 -#set ($columns = ['code', 'text_de', 'text_fr', 'text_it', 'valid_start', 'valid_end', 'chop_like', 'treat_cat', 'topo_group', 'chcr_only'])
24 -#livetable('choplist' $columns $columnsProperties $options)
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 +/}}
25 25  {{/velocity}}