Zum Inhalt springen

Änderungen von Dokument Sandbox

Zuletzt geändert von Holger Engels am 2024/01/26 15:58
Von Version 9.1
bearbeitet von Holger Engels
am 2023/11/08 06:52
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 1.1
bearbeitet von VBS
am 2022/10/07 20:59
Änderungskommentar: Install extension [org.xwiki.platform:xwiki-platform-sandbox/14.8]

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.holgerengels
1 +XWiki.vbs
Inhalt
... ... @@ -1,8 +1,6 @@
1 1  Der Sandkasten ist ein Teil dieses Wikis, der frei editierbar ist. Er ist dafür gedacht, das Arbeiten mit dem Wiki zu üben. Sie können herausfinden, wie das Bearbeiten von Seiten funktioniert und wie man neue Seiten erstellt. Klicken Sie einfach auf **Bearbeiten** um zu beginnen!
2 2  
3 -{{info}}
4 -Es macht nichts, wenn Sie beim Bearbeiten dieser Seite Inhalte überschreiben oder verlieren. Über den Reiter "Historie" am unteren Rand der Seite können Sie jederzeit die ursprüngliche Version der Seite wieder herstellen, indem Sie "Zurücksetzen" für die Version 1.1 auswählen.
5 -{{/info}}
3 +{{info}}Es macht nichts, wenn Sie beim Bearbeiten dieser Seite Inhalte überschreiben oder verlieren. Über den Reiter "Historie" am unteren Rand der Seite können Sie jederzeit die ursprüngliche Version der Seite wieder herstellen, indem Sie "Zurücksetzen" für die Version 1.1 auswählen.{{/info}}
6 6  
7 7  Wenn Sie mehr über die [[XWiki Syntax>>XWiki.XWikiSyntax]] lernen wollen, können Sie im Menü "Weitere Aktionen" auf "Zeige den Quellcode" klicken, oder auf den Reiter "Quelle", wenn Sie die Seite bearbeiten.
8 8  
... ... @@ -103,86 +103,14 @@
103 103  
104 104  Makros bieten die Möglichkeit, das Aussehen von Wiki-Seiten zu verbessern und stellen zusätzliche Funktionalitäten in der Seite zur Verfügung. Hier sind zwei Beispiele, wie Makros die Inhalte verbessern können:
105 105  
106 -{{html clean="false"}}
107 -<script>
108 - customElements.define("star-rating", class extends HTMLElement {
109 - set rating(rate) {
110 - if (!String(rate).includes("%")) rate = Number(rate) / this.stars * 100 + "%";
111 - this.querySelector(":nth-child(2)").setAttribute("width", rate); //2nd rect
112 - }
113 - set value(v) {
114 - this.setAttribute("rating", v);
115 - }
116 - connectedCallback() {
117 - let {bgcolor,stars,nocolor,color,rating} = this.attributes;
118 - let repeat = (count, func) => Array(count).fill().map(func);
119 - this.stars = ~~stars.value || 5;
120 - this.innerHTML = `<svg viewBox="0 0 ${this.stars*100} 100" style=cursor:pointer>` +
121 - `<rect height=100 fill=${nocolor.value} width=100% />` +
122 - `<rect height=100 fill=${color.value} />` +
123 - repeat(this.stars , (i, n) => `<path fill=${bgcolor.value} d="m${ n*100 } 0h102v100h-102v-100m91 42a6 6 90 00-4-10l-22-1a1 1 90 01-1 0l-8-21a6 6 90 00-11 0l-8 21a1 1 90 01-1 1l-22 1a6 6 90 00-4 10l18 14a1 1 90 010 1l-6 22a6 6 90 008 6l19-13a1 1 90 011 0l19 13a6 6 90 006 0a6 6 90 002-6l-6-22a1 1 90 010-1z"/>`) +
124 - repeat(this.stars * 2, (i, n) => `<rect x=${ n*50 } n=${n} opacity=0 width=50 height=100 ` +
125 - ` onclick="this.closest('star-rating').value=${(n+1)/2}; this.closest('star-rating').dispatchEvent(new Event('click'))" ` +
126 - ` onmouseover="this.closest('star-rating').rating=${(n+1)/2}"/>`) +
127 - "</svg>";
128 - this.rating = rating.value;
129 - this.addEventListener('mouseleave', (e) => {
130 - if (e.target.tagName === 'STAR-RATING') {
131 - e.target.rating = e.target.getAttribute("rating")
132 - }
133 - })
134 - }
135 - });
136 -</script>
137 -{{/html}}
104 +== Makro: Warnmeldung ==
138 138  
106 +Dieses Makro bietet die Möglichkeit, die Aufmerksamkeit der Leser auf einen bestimmten Text zu lenken:
139 139  
108 +{{warning}}Dies ist ein wichtiger Hinweis!{{/warning}}
140 140  
141 -{{velocity filter="none"}}
142 -{{html clean="false" wiki="true"}}
143 -#set ($query = "where (doc.parent is null or doc.parent='') and doc.fullName != 'Main.WebHome' order by doc.name asc")
110 +== Inhaltsverzeichnis ==
144 144  
145 -|=Page Name|=Author|=date
146 -|#foreach ($item in $xwiki.searchDocuments($query))
147 - #if ($xwiki.hasAccessLevel('view', $xcontext.user, "${xcontext.database}:${item}"))
148 - #set ($bentrydoc = $xwiki.getDocument($item))
149 - [[${bentrydoc.fullName}]]|$xwiki.getUserName($bentrydoc.author)|$xwiki.formatDate($bentrydoc.date)
150 -|#end
151 -#end
112 +Dieses Makro erzeugt ein Inhaltsverzeichnis basierend auf den Überschriften in der Seite:
152 152  
153 -{{/html}}
154 -{{/velocity}}
155 -
156 -
157 -{{html clean="false"}}
158 -<script>
159 - customElements.define("star-rating", class extends HTMLElement {
160 - set rating(rate) {
161 - if (!String(rate).includes("%")) rate = Number(rate) / this.stars * 100 + "%";
162 - this.querySelector(":nth-child(2)").setAttribute("width", rate); //2nd rect
163 - }
164 - set value(v) {
165 - this.setAttribute("rating", v);
166 - }
167 - connectedCallback() {
168 - let {bgcolor,stars,nocolor,color,rating} = this.attributes;
169 - let repeat = (count, func) => Array(count).fill().map(func);
170 - this.stars = ~~stars.value || 5;
171 - this.innerHTML = `<svg viewBox="0 0 ${this.stars*100} 100" style=cursor:pointer>` +
172 - `<rect height=100 fill=${nocolor.value} width=100% />` +
173 - `<rect height=100 fill=${color.value} />` +
174 - repeat(this.stars , (i, n) => `<path fill=${bgcolor.value} d="m${ n*100 } 0h102v100h-102v-100m91 42a6 6 90 00-4-10l-22-1a1 1 90 01-1 0l-8-21a6 6 90 00-11 0l-8 21a1 1 90 01-1 1l-22 1a6 6 90 00-4 10l18 14a1 1 90 010 1l-6 22a6 6 90 008 6l19-13a1 1 90 011 0l19 13a6 6 90 006 0a6 6 90 002-6l-6-22a1 1 90 010-1z"/>`) +
175 - repeat(this.stars * 2, (i, n) => `<rect x=${ n*50 } n=${n} opacity=0 width=50 height=100 ` +
176 - ` onclick="this.closest('star-rating').value=${(n+1)/2}; this.closest('star-rating').dispatchEvent(new Event('click'))" ` +
177 - ` onmouseover="this.closest('star-rating').rating=${(n+1)/2}"/>`) +
178 - "</svg>";
179 - this.rating = rating.value;
180 - this.addEventListener('mouseleave', (e) => {
181 - if (e.target.tagName === 'STAR-RATING') {
182 - e.target.rating = e.target.getAttribute("rating")
183 - }
184 - })
185 - }
186 - });
187 -</script>
188 -{{/html}}
114 +{{toc/}}