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