Skip to Content

Changes for page CHOPlist

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

Summary

Details

Page properties
Content
... ... @@ -1,195 +190,6 @@
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.1em;
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 -
89 -/* Code */
90 -table.layout-table-root.responsive-table th[data-title="code"],
91 -table.layout-table-root.responsive-table td[data-title="code"] {
92 - width: 5%;
93 -}
94 -
95 -/* Deutsch */
96 -table.layout-table-root.responsive-table th[data-title="text_de"],
97 -table.layout-table-root.responsive-table td[data-title="text_de"] {
98 - width: 20%;
99 -}
100 -
101 -/* Französisch */
102 -table.layout-table-root.responsive-table th[data-title="text_fr"],
103 -table.layout-table-root.responsive-table td[data-title="text_fr"] {
104 - width: 20%;
105 -}
106 -
107 -/* Italienisch */
108 -table.layout-table-root.responsive-table th[data-title="text_it"],
109 -table.layout-table-root.responsive-table td[data-title="text_it"] {
110 - width: 20%;
111 -}
112 -
113 -/* Gültig ab */
114 -table.layout-table-root.responsive-table th[data-title="valid_start"],
115 -table.layout-table-root.responsive-table td[data-title="valid_start"] {
116 - width: 5%;
117 -}
118 -
119 -/* Gültig bis */
120 -table.layout-table-root.responsive-table th[data-title="valid_end"],
121 -table.layout-table-root.responsive-table td[data-title="valid_end"] {
122 - width: 5%;
123 -}
124 -
125 -/* CHOP-like */
126 -table.layout-table-root.responsive-table th[data-title="chop_like"],
127 -table.layout-table-root.responsive-table td[data-title="chop_like"] {
128 - width: 5%;
129 -}
130 -
131 -/* Behandlungskategorie */
132 -table.layout-table-root.responsive-table th[data-title="treat_cat"],
133 -table.layout-table-root.responsive-table td[data-title="treat_cat"] {
134 - width: 5%;
135 -}
136 -
137 -/* Topographie */
138 -table.layout-table-root.responsive-table th[data-title="topo_group"],
139 -table.layout-table-root.responsive-table td[data-title="topo_group"] {
140 - width: 7%;
141 -}
142 -
143 -/* ChCr only */
144 -table.layout-table-root.responsive-table th[data-title="chcr_only"],
145 -table.layout-table-root.responsive-table td[data-title="chcr_only"] {
146 - width: 5%;
147 -}
148 -
149 -/* =========================================================
150 - Ausrichtung
151 - ========================================================= */
152 -
153 -/* Code */
154 -table.layout-table-root.responsive-table td[data-title="code"] {
155 - text-align: center;
156 -}
157 -
158 -/* Datumsfelder */
159 -table.layout-table-root.responsive-table td[data-title="valid_start"],
160 -table.layout-table-root.responsive-table td[data-title="valid_end"] {
161 - text-align: center;
162 - white-space: nowrap;
163 -}
164 -
165 -/* Kleine Klassifikationsfelder */
166 -table.layout-table-root.responsive-table td[data-title="chop_like"],
167 -table.layout-table-root.responsive-table td[data-title="treat_cat"],
168 -table.layout-table-root.responsive-table td[data-title="topo_group"],
169 -table.layout-table-root.responsive-table td[data-title="chcr_only"] {
170 - text-align: center;
171 -}
172 -
173 -/* =========================================================
174 - Header-Ausrichtung
175 - ========================================================= */
176 -
177 -table.layout-table-root.responsive-table th[data-title="code"],
178 -table.layout-table-root.responsive-table th[data-title="valid_start"],
179 -table.layout-table-root.responsive-table th[data-title="valid_end"],
180 -table.layout-table-root.responsive-table th[data-title="chop_like"],
181 -table.layout-table-root.responsive-table th[data-title="treat_cat"],
182 -table.layout-table-root.responsive-table th[data-title="topo_group"],
183 -table.layout-table-root.responsive-table th[data-title="chcr_only"] {
184 - text-align: center;
185 -}
186 -
187 -</style>
188 -{{/html}}
189 -
190 190  {{liveData
191 191   id="choplist"
192 - properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topo_group,chcr_only"
3 + properties="code,text_de,text_fr,text_it,valid_start,valid_end,chop_like,treat_cat,topography,chcr_only"
193 193   source="liveTable"
194 194   sourceParameters="className=CHOPlist.Code.CHOPlistClass&translationPrefix=choplist.livetable."
195 195   sort="code:asc"
... ... @@ -198,4 +198,67 @@
198 198   showPageSizeDropdown="true"
199 199   pageSizes="15,25,50,100"
200 200  }}
201 -
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}}