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

...	...	@@ -1,3 +1,43 @@
	1	+{{velocity}}
	2	+#if(!$ratingTarget)
	3	+ #set($ratingTarget = $doc.fullName)
	4	+#end
	5	+{{/velocity}}
	6	+
	7	+{{groovy}}
	8	+def currentDoc = "$ratingTarget"
	9	+
	10	+def store = xwiki.getDocument("Flora.RatingStore3")
	11	+def objects = store.getObjects("Flora.RatingVoteClass3")
	12	+
	13	+def total = 0
	14	+def count = 0
	15	+
	16	+if (objects != null) {
	17	+ for (o in objects) {
	18	+ if (o != null) {
	19	+ def docValue = o.getValue("document")
	20	+ def noteValue = o.getValue("note")
	21	+
	22	+ if (docValue != null && docValue.toString() == currentDoc && noteValue != null) {
	23	+ total += Integer.parseInt(noteValue.toString())
	24	+ count += 1
	25	+ }
	26	+ }
	27	+ }
	28	+}
	29	+
	30	+def avg = count > 0 ? total / count : 0
	31	+def stars = ""
	32	+for (int i = 1; i <= 5; i++) {
	33	+ stars += (i <= Math.round(avg)) ? "★" : "☆"
	34	+}
	35	+
	36	+xcontext.put("floraRatingDoc", currentDoc)
	37	+xcontext.put("floraRatingStars", stars)
	38	+xcontext.put("floraRatingCount", count)
	39	+{{/groovy}}
	40	+
1	1	{{html clean="false"}}
2	2	<style>
3	3	.flora-rating-wrap {
...	...	@@ -10,12 +10,14 @@
10	10	flex-wrap: wrap;
11	11	font-size: 14px;
12	12	}
13		-
14	14	.flora-rating-label {
15	15	font-weight: 600;
16	16	color: #2A2B69;
17	17	}
18		-
	57	+.flora-stars {
	58	+ display: inline-flex;
	59	+ gap: 4px;
	60	+}
19	19	.flora-stars button {
20	20	background: none;
21	21	border: none;
...	...	@@ -22,64 +22,29 @@
22	22	font-size: 22px;
23	23	cursor: pointer;
24	24	color: #d4af37;
	67	+ padding: 0;
	68	+ margin: 0;
25	25	}
26		-
27		-.flora-stars button:hover {
	70	+.flora-stars button:hover,
	71	+.flora-stars button.hovered {
28	28	color: #f2c94c;
29	29	}
30		-
31	31	.flora-rating-result {
32	32	color: #2F2F2F;
33	33	}
34	34	</style>
35		-{{/html}}
36	36
37		-{{velocity}}
38		-#set($currentDoc = $doc.fullName)
39		-{{/velocity}}
	79	+<div class="flora-rating-wrap" data-doc="$escapetool.xml($floraRatingDoc)">
	80	+ <span class="flora-rating-label">Noter cette page</span>
40	40
41		-{{groovy}}
42		-def store = xwiki.getDocument("Flora.RatingStore3")
43		-def objects = store.getObjects("Flora.RatingVoteClass3")
	82	+ <div class="flora-stars">
	83	+ <button class="flora-star" data-note="1" type="button">★</button>
	84	+ <button class="flora-star" data-note="2" type="button">★</button>
	85	+ <button class="flora-star" data-note="3" type="button">★</button>
	86	+ <button class="flora-star" data-note="4" type="button">★</button>
	87	+ <button class="flora-star" data-note="5" type="button">★</button>
	88	+ </div>
44	44
45		-def total = 0
46		-def count = 0
47		-
48		-if (objects != null) {
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		- }
58		- }
59		- }
60		-}
61		-
62		-def avg = count > 0 ? total / count : 0
63		-
64		-print('<div class="flora-rating-wrap" data-doc="' + "$currentDoc" + '">')
65		-print('<span class="flora-rating-label">Noter cette page</span>')
66		-
67		-print('<div class="flora-stars">')
68		-for (int i = 1; i <= 5; i++) {
69		- print('<button class="flora-star" data-note="' + i + '">★</button>')
70		-}
71		-print('</div>')
72		-
73		-print('<span class="flora-rating-result">')
74		-
75		-for (int i = 1; i <= 5; i++) {
76		- if (i <= Math.round(avg)) {
77		- print('★')
78		- } else {
79		- print('☆')
80		- }
81		-}
82		-
83		-print(' (' + count + ' votes)</span>')
84		-print('</div>')
85		-{{/groovy}}
	90	+ <span class="flora-rating-result">$floraRatingStars ($floraRatingCount votes)</span>
	91	+</div>
	92	+{{/html}}