Modifications pour le document RatingWidget

Résumé

• Propriétés de la Page (1 modifications, 0 ajouts, 0 suppressions)

Détails

Propriétés de la Page

Contenu

...	...	@@ -16,15 +16,24 @@
16	16	color: #2A2B69;
17	17	}
18	18
19		-.flora-stars button {
	19	+#flora-rating-widget {
	20	+ display: inline-flex;
	21	+ gap: 4px;
	22	+}
	23	+
	24	+#flora-rating-widget .flora-star {
20	20	background: none;
21	21	border: none;
22		- font-size: 22px;
	27	+ padding: 0;
	28	+ margin: 0;
	29	+ font-size: 24px;
	30	+ line-height: 1;
23	23	cursor: pointer;
24	24	color: #d4af37;
25	25	}
26	26
27		-.flora-stars button:hover {
	35	+#flora-rating-widget .flora-star:hover,
	36	+#flora-rating-widget .flora-star.hovered {
28	28	color: #f2c94c;
29	29	}
30	30
...	...	@@ -31,55 +31,108 @@
31	31	.flora-rating-result {
32	32	color: #2F2F2F;
33	33	}
	43	+
	44	+#flora-rating-message {
	45	+ font-size: 13px;
	46	+ color: #2F2F2F;
	47	+}
34	34	</style>
35	35	{{/html}}
36	36
37		-{{velocity}}
38		-#set($currentDoc = $doc.fullName)
39		-{{/velocity}}
40		-
41	41	{{groovy}}
	52	+def doc = xcontext.getDoc().getFullName()
	53	+
42	42	def store = xwiki.getDocument("Flora.RatingStore3")
43	43	def objects = store.getObjects("Flora.RatingVoteClass3")
44	44
45		-def total = 0
46		-def count = 0
	57	+def notes = []
47	47
48	48	if (objects != null) {
49	49	for (o in objects) {
50		- if (o != null) {
51		- def docValue = o.getValue("document")
52		- def noteValue = o.getValue("note")
53		-
54		- if (docValue != null && docValue.toString() == "$currentDoc" && noteValue != null) {
55		- total += Integer.parseInt(noteValue.toString())
56		- count += 1
57		- }
	61	+ if (o != null && o.getValue("document") == doc) {
	62	+ notes.add(o.getValue("note"))
58	58	}
59	59	}
60	60	}
61	61
62		-def avg = count > 0 ? total / count : 0
	67	+def moyenne = 0
	68	+if (notes.size() > 0) {
	69	+ moyenne = notes.sum() / notes.size()
	70	+}
63	63
64		-print('<div class="flora-rating-wrap" data-doc="' + "$currentDoc" + '">')
	72	+print('<div class="flora-rating-wrap">')
65	65	print('<span class="flora-rating-label">Noter cette page</span>')
66	66
67		-print('<div class="flora-stars">')
	75	+print('<div id="flora-rating-widget" aria-label="Noter cette page">')
68	68	for (int i = 1; i <= 5; i++) {
69		- print('<button class="flora-star" data-note="' + i + '">★</button>')
	77	+ print('<button type="button" class="flora-star" data-note="' + i + '" aria-label="' + i + ' étoiles">★</button>')
70	70	}
71	71	print('</div>')
72	72
73	73	print('<span class="flora-rating-result">')
74		-
75	75	for (int i = 1; i <= 5; i++) {
76		- if (i <= Math.round(avg)) {
	83	+ if (i <= Math.round(moyenne)) {
77	77	print('★')
78	78	} else {
79	79	print('☆')
80	80	}
81	81	}
	89	+print(' (' + notes.size() + ' votes)</span>')
82	82
83		-print(' (' + count + ' votes)</span>')
	91	+print('<span id="flora-rating-message"></span>')
84	84	print('</div>')
85	85	{{/groovy}}
	94	+
	95	+{{html clean="false"}}
	96	+<script>
	97	+(function () {
	98	+ const widget = document.getElementById('flora-rating-widget');
	99	+ if (!widget) return;
	100	+
	101	+ const stars = Array.from(widget.querySelectorAll('.flora-star'));
	102	+ const message = document.getElementById('flora-rating-message');
	103	+
	104	+ function floraGetCookieId() {
	105	+ let id = localStorage.getItem('flora_rating_cookie');
	106	+ if (!id) {
	107	+ id = 'browser-' + Math.random().toString(36).slice(2);
	108	+ localStorage.setItem('flora_rating_cookie', id);
	109	+ }
	110	+ return id;
	111	+ }
	112	+
	113	+ function paintStars(count) {
	114	+ stars.forEach((star, index) => {
	115	+ star.classList.toggle('hovered', index < count);
	116	+ });
	117	+ }
	118	+
	119	+ stars.forEach((star) => {
	120	+ star.addEventListener('mouseenter', function () {
	121	+ paintStars(parseInt(this.dataset.note, 10));
	122	+ });
	123	+
	124	+ star.addEventListener('click', function () {
	125	+ const note = parseInt(this.dataset.note, 10);
	126	+ const cookieId = floraGetCookieId();
	127	+ const doc = document.body.getAttribute('data-xwiki-document') || '';
	128	+ const url = '/bin/view/Flora/RatingService3?xpage=plain'
	129	+ + '&note=' + encodeURIComponent(note)
	130	+ + '&doc=' + encodeURIComponent(doc)
	131	+ + '&cookieId=' + encodeURIComponent(cookieId);
	132	+
	133	+ fetch(url)
	134	+ .then(r => r.text())
	135	+ .then(() => window.location.reload())
	136	+ .catch(() => {
	137	+ if (message) message.innerText = 'Erreur lors de l’enregistrement.';
	138	+ });
	139	+ });
	140	+ });
	141	+
	142	+ widget.addEventListener('mouseleave', function () {
	143	+ paintStars(0);
	144	+ });
	145	+})();
	146	+</script>
	147	+{{/html}}