Änderungen von Dokument Sandbox

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,11 +9,3 @@
1		-{{paramtest eins="eins" zwei="zwei" drei="drei"}}
2		-{{/paramtest}}
3		-
4		-{{aufgabeneu afb="I" kompetenzen="K?" quelle="iqb" zeit="11" niveau="g" tags="iqb" id="lala" cc="by-sa" lizenz="prop" lala="lalala links"}}
5		-
6		-In einer Messstation wird seit 1958 kontinuierlich die CO,,2,,-Konzentration in der Luft gemessen, die in ppm (parts per million) angegeben wird. Die Tabelle gibt für die Jahre 1960, 1985 und 2010 jeweils den jährlichen Durchschnittswert der Messwerte an.
7		-{{/aufgabeneu}}
8		-
9	9	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!
10	10
11	11	{{info}}
...	...	@@ -107,8 +107,10 @@
107	107
108	108	[[image:XWikiLogo.png]]
109	109
110		-== Orphaned Pages ==
	102	+= Makros =
111	111
	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	+
112	112	{{velocity filter="none"}}
113	113	{{html clean="false" wiki="true"}}
114	114	#set ($query = "where (doc.parent is null or doc.parent='') and doc.fullName != 'Main.WebHome' order by doc.name asc")
...	...	@@ -125,40 +125,48 @@
125	125	{{/velocity}}
126	126
127	127
128		-== Rating Tests ==
	122	+{{html clean="false"}}
	123	+<script>
	124	+ customElements.define("star-rating", class extends HTMLElement {
	125	+ set rating(rate) {
	126	+ if (!String(rate).includes("%")) rate = Number(rate) / this.stars * 100 + "%";
	127	+ this.querySelector(":nth-child(2)").setAttribute("width", rate); //2nd rect
	128	+ }
	129	+ set value(v) {
	130	+ this.setAttribute("rating", v);
	131	+ }
	132	+ connectedCallback() {
	133	+ let {bgcolor,stars,nocolor,color,rating} = this.attributes;
	134	+ let repeat = (count, func) => Array(count).fill().map(func);
	135	+ this.stars = ~~stars.value || 5;
	136	+ this.innerHTML = `<svg viewBox="0 0 ${this.stars*100} 100" style=cursor:pointer>` +
	137	+ `<rect height=100 fill=${nocolor.value} width=100% />` +
	138	+ `<rect height=100 fill=${color.value} />` +
	139	+ 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"/>`) +
	140	+ repeat(this.stars * 2, (i, n) => `<rect x=${ n*50 } n=${n} opacity=0 width=50 height=100 ` +
	141	+ ` onclick="this.closest('star-rating').value=${(n+1)/2}; this.closest('star-rating').dispatchEvent(new Event('click'))" ` +
	142	+ ` onmouseover="this.closest('star-rating').rating=${(n+1)/2}"/>`) +
	143	+ "</svg>";
	144	+ this.rating = rating.value;
	145	+ this.addEventListener('mouseleave', (e) => {
	146	+ if (e.target.tagName === 'STAR-RATING') {
	147	+ e.target.rating = e.target.getAttribute("rating")
	148	+ }
	149	+ })
	150	+ }
	151	+ });
	152	+</script>
	153	+{{/html}}
129	129
130	130	{{velocity}}
131		-$services.ratings.aufgaben.setRating("xwiki:Sandbox.WebHome.WebHome^test", 0)
132		-$services.ratings.aufgaben.getCurrentUserRatings(0, 100, true)
	156	+$doc.space
	157	+#set ($lala = $services.ratings.exercise.setRating($doc.space + 'lala', 1))
133	133
134	134	{{html clean="false" wiki="true"}}
135	135	<style>
136	136	star-rating { display: inline-block; width: 120px }
137	137	</style>
138		-<star-rating stars=5 rating="$average.get().averageVote" rid="test" bgcolor="white" nocolor="lightgrey" color="gold" onclick="rated.call(this)"></star-rating>
	163	+<star-rating stars=5 rating="$services.ratings.pagereflection.getAverageRating($doc.space + 'lala').get().averageVote" bgcolor="white" nocolor="lightgrey" color="gold"></star-rating>
139	139	{{/html}}
140	140	{{/velocity}}
141	141
142		-{{html clean="false"}}
143		-<script>
144		- function rated() {
145		- console.log(XWiki.currentDocument.space + ".WebHome")
146		- console.log(this.getAttribute("rating"));
147		- sendRate(this.getAttribute("rid"), parseInt(this.getAttribute("rating")));
148		- }
149		- var sendRate = function (rid, vote) {
150		- fetch(new XWiki.Document('WebHome', 'Macros.Aufgabenbewertung').getURL('get') + "?outputSyntax=plain", {
151		- method: "POST",
152		- headers: { "Content-Type": "application/json"},
153		- body: JSON.stringify({
154		- vote: vote,
155		- doc: XWiki.currentDocument.space + ".WebHome",
156		- id: rid,
157		- form_token: document.documentElement.getAttribute("data-xwiki-form-token")
158		- })
159		- }).then(data => {
160		- console.log(data.json())
161		- });
162		- }
163		-</script>
164		-{{/html}}