Skip to Content

Changes for page CHOPlist

Last modified by Marco Weber on 2026/10/05 15:41
From version 28.1
edited by Marco Weber
on 2026/10/05 07:46
Change comment: There is no comment for this version
To version 38.1
edited by Marco Weber
on 2026/10/05 15:18
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,6 +1,200 @@
1 +```text
2 +{{html clean="false"}}
3 +<style>
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;
14 +}
15 +
16 +/* =========================================================
17 + Kopfzeile
18 + ========================================================= */
19 +
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;
27 +}
28 +
29 +/* Eigentliche Spaltenbezeichnung */
30 +table.layout-table-root.responsive-table thead .property-name {
31 + font-weight: bold;
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 +/* =========================================================
40 + Filterzeile
41 + ========================================================= */
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;
47 +}
48 +
49 +/* Filter-Eingabefelder */
50 +table.layout-table-root.responsive-table .livedata-filter {
51 + width: 100%;
52 + box-sizing: border-box;
53 +}
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 +}
61 +
62 +/* Selectize-Filter */
63 +table.layout-table-root.responsive-table .selectize-control {
64 + width: 100%;
65 +}
66 +
67 +table.layout-table-root.responsive-table .selectize-input {
68 + min-height: 28px;
69 + padding: 4px 6px;
70 + box-sizing: border-box;
71 +}
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 +/* =========================================================
86 + Spaltenbreiten
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 + ========================================================= */
103 +
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%;
107 +}
108 +
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%;
112 +}
113 +
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%;
117 +}
118 +
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%;
122 +}
123 +
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%;
127 +}
128 +
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%;
132 +}
133 +
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%;
137 +}
138 +
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%;
142 +}
143 +
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%;
147 +}
148 +
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%;
152 +}
153 +
154 +/* =========================================================
155 + Ausrichtung
156 + ========================================================= */
157 +
158 +/* Code */
159 +table.layout-table-root.responsive-table td[data-title="code"] {
160 + text-align: center;
161 +}
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 +
192 +</style>
193 +{{/html}}
194 +
1 1  {{liveData
2 2   id="choplist"
3 - properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topography,chcr_only"
197 + properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
4 4   source="liveTable"
5 5   sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
6 6   sort="code:asc"
... ... @@ -9,67 +9,4 @@
9 9   showPageSizeDropdown="true"
10 10   pageSizes="15,25,50,100"
11 11  }}
12 -{
13 - "meta": {
14 - "propertyDescriptors": [
15 - {
16 - "id": "code",
17 - "sortable": true,
18 - "filterable": true
19 - },
20 - {
21 - "id": "text_de",
22 - "sortable": true,
23 - "filterable": true
24 - },
25 - {
26 - "id": "text_fr",
27 - "sortable": true,
28 - "filterable": true
29 - },
30 - {
31 - "id": "text_it",
32 - "sortable": true,
33 - "filterable": true
34 - },
35 - {
36 - "id": "valid_start",
37 - "sortable": true,
38 - "filterable": true
39 - },
40 - {
41 - "id": "valid_end",
42 - "sortable": true,
43 - "filterable": true
44 - },
45 - {
46 - "id": "chop_like",
47 - "sortable": true,
48 - "filterable": true
49 - },
50 - {
51 - "id": "treat_cat",
52 - "sortable": true,
53 - "filterable": true
54 - },
55 - {
56 - "id": "topography",
57 - "sortable": true,
58 - "filterable": true
59 - },
60 - {
61 - "id": "chcr_only",
62 - "sortable": true,
63 - "filterable": true
64 - }
65 - ],
66 - "pagination": {
67 - "maxShownPages": 10,
68 - "pageSizes": [15, 25, 50, 100],
69 - "showEntryRange": true,
70 - "showNextPrevious": true,
71 - "showFirstLast": true
72 - }
73 - }
74 -}
75 -{{/liveData}}
206 +