Skip to Content

Wiki source code of CHOPlist

Version 42.1 by Marco Weber on 2026/10/05 15:24
Hide last authors
Marco Weber 29.1 1 {{html clean="false"}}
2 <style>
Marco Weber 31.1 3
Marco Weber 29.1 4 /* =========================================================
Marco Weber 31.1 5 CHOP LiveData – Tabellenformatierung
Marco Weber 29.1 6 ========================================================= */
7
8 /* Gesamte Tabelle */
Marco Weber 31.1 9 table.layout-table-root.responsive-table {
10 width: 100%;
11 border-collapse: collapse;
12 table-layout: fixed;
Marco Weber 29.1 13 }
14
Marco Weber 31.1 15 /* =========================================================
16 Kopfzeile
17 ========================================================= */
Marco Weber 29.1 18
Marco Weber 31.1 19 table.layout-table-root.responsive-table thead th {
20 font-weight: bold;
Marco Weber 42.1 21 font-size: 0.9em;
Marco Weber 39.1 22 background-color: #00BFFF;
Marco Weber 31.1 23 border: 1px solid #999;
24 padding: 7px 6px;
25 vertical-align: middle;
Marco Weber 29.1 26 }
27
Marco Weber 31.1 28 /* Eigentliche Spaltenbezeichnung */
29 table.layout-table-root.responsive-table thead .property-name {
30 font-weight: bold;
31 }
32
33 /* Sortier-Button nicht unnötig hervorheben */
34 table.layout-table-root.responsive-table thead .handle {
35 font-weight: bold;
36 }
37
38 /* =========================================================
Marco Weber 29.1 39 Filterzeile
Marco Weber 31.1 40 ========================================================= */
Marco Weber 29.1 41
Marco Weber 31.1 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;
Marco Weber 29.1 46 }
47
Marco Weber 31.1 48 /* Filter-Eingabefelder */
49 table.layout-table-root.responsive-table .livedata-filter {
50 width: 100%;
51 box-sizing: border-box;
52 }
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 }
60
61 /* Selectize-Filter */
62 table.layout-table-root.responsive-table .selectize-control {
63 width: 100%;
64 }
65
66 table.layout-table-root.responsive-table .selectize-input {
67 min-height: 28px;
68 padding: 4px 6px;
69 box-sizing: border-box;
70 }
71
72 /* =========================================================
Marco Weber 29.1 73 Datenzellen
Marco Weber 31.1 74 ========================================================= */
Marco Weber 29.1 75
Marco Weber 31.1 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;
Marco Weber 29.1 82 }
83
Marco Weber 31.1 84 /* =========================================================
Marco Weber 29.1 85 Spaltenbreiten
Marco Weber 31.1 86 ========================================================= */
Marco Weber 33.1 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
Marco Weber 34.1 99 9 topo_group
Marco Weber 33.1 100 10 chcr_only
101 ========================================================= */
Marco Weber 29.1 102
Marco Weber 33.1 103 table.layout-table-root.responsive-table th:nth-child(1),
104 table.layout-table-root.responsive-table td:nth-child(1) {
Marco Weber 35.1 105 width: 5%;
Marco Weber 29.1 106 }
107
Marco Weber 33.1 108 table.layout-table-root.responsive-table th:nth-child(2),
109 table.layout-table-root.responsive-table td:nth-child(2) {
110 width: 19%;
Marco Weber 29.1 111 }
112
Marco Weber 33.1 113 table.layout-table-root.responsive-table th:nth-child(3),
114 table.layout-table-root.responsive-table td:nth-child(3) {
115 width: 19%;
Marco Weber 29.1 116 }
117
Marco Weber 33.1 118 table.layout-table-root.responsive-table th:nth-child(4),
119 table.layout-table-root.responsive-table td:nth-child(4) {
120 width: 19%;
Marco Weber 29.1 121 }
122
Marco Weber 33.1 123 table.layout-table-root.responsive-table th:nth-child(5),
124 table.layout-table-root.responsive-table td:nth-child(5) {
Marco Weber 35.1 125 width: 5%;
Marco Weber 29.1 126 }
127
Marco Weber 33.1 128 table.layout-table-root.responsive-table th:nth-child(6),
129 table.layout-table-root.responsive-table td:nth-child(6) {
Marco Weber 35.1 130 width: 5%;
Marco Weber 29.1 131 }
132
Marco Weber 33.1 133 table.layout-table-root.responsive-table th:nth-child(7),
134 table.layout-table-root.responsive-table td:nth-child(7) {
Marco Weber 38.1 135 width: 7%;
Marco Weber 29.1 136 }
137
Marco Weber 33.1 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%;
Marco Weber 29.1 141 }
142
Marco Weber 33.1 143 table.layout-table-root.responsive-table th:nth-child(9),
144 table.layout-table-root.responsive-table td:nth-child(9) {
Marco Weber 35.1 145 width: 7%;
Marco Weber 29.1 146 }
147
Marco Weber 33.1 148 table.layout-table-root.responsive-table th:nth-child(10),
149 table.layout-table-root.responsive-table td:nth-child(10) {
Marco Weber 38.1 150 width: 7%;
Marco Weber 29.1 151 }
152
Marco Weber 31.1 153 /* =========================================================
154 Ausrichtung
155 ========================================================= */
Marco Weber 29.1 156
Marco Weber 31.1 157 /* Code */
158 table.layout-table-root.responsive-table td[data-title="code"] {
159 text-align: center;
Marco Weber 29.1 160 }
161
Marco Weber 31.1 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 }
Marco Weber 29.1 168
Marco Weber 31.1 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;
Marco Weber 29.1 175 }
176
Marco Weber 31.1 177 /* =========================================================
178 Header-Ausrichtung
179 ========================================================= */
Marco Weber 29.1 180
Marco Weber 31.1 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;
Marco Weber 29.1 189 }
Marco Weber 31.1 190
Marco Weber 29.1 191 </style>
192 {{/html}}
Marco Weber 31.1 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"
Marco Weber 41.1 200 limit="30"
Marco Weber 31.1 201 layouts="table"
202 showPageSizeDropdown="true"
Marco Weber 41.1 203 pageSizes="15,30,50,100"
Marco Weber 31.1 204 }}
205