Aller au contenu

Modifications pour le document RatingWidget

Modifié par Pascale STEIMETZ-LE CACHEUX le 2026/03/27 17:23
Depuis la version 3.1
modifié par Pascale STEIMETZ-LE CACHEUX
sur 2026/03/24 12:46
Commentaire de modification : Il n'y a aucun commentaire pour cette version
À la version 15.1
modifié par Pascale STEIMETZ-LE CACHEUX
sur 2026/03/27 17:23
Commentaire de modification : Il n'y a aucun commentaire pour cette version

Résumé

Détails

Propriétés de la Page
Contenu
... ... @@ -1,3 +1,36 @@
1 +{{velocity}}
2 +#set($currentDoc = $xcontext.doc.fullName)
3 +
4 +#set($storeDoc = $xwiki.getDocument("Flora.RatingStore3"))
5 +#set($objects = $storeDoc.getObjects("Flora.RatingVoteClass3"))
6 +
7 +#set($total = 0)
8 +#set($count = 0)
9 +
10 +#foreach($obj in $objects)
11 + #if($obj && $obj.getValue("document") && $obj.getValue("document").toString() == $currentDoc)
12 + #set($note = $obj.getValue("note"))
13 + #if($note)
14 + #set($total = $total + $note)
15 + #set($count = $count + 1)
16 + #end
17 + #end
18 +#end
19 +
20 +#if($count > 0)
21 + #set($avg = $total / $count)
22 +#else
23 + #set($avg = 0)
24 +#end
25 +
26 +#set($stars = "")
27 +#foreach($i in [1..5])
28 + #if($i <= $avg.round())
29 + #set($stars = "${stars}★")
30 + #else
31 + #set($stars = "${stars}☆")
32 + #end
33 +#end
1 1  {{html clean="false"}}
2 2  <style>
3 3  .flora-rating-wrap {
... ... @@ -10,22 +10,41 @@
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 -
50 +.flora-stars {
51 + display: inline-flex;
52 + gap: 4px;
53 +}
19 19  .flora-stars button {
20 20   background: none;
21 21   border: none;
22 - font-size: 22px;
57 + font-size: 24px;
23 23   cursor: pointer;
24 - color: #d4af37;
59 + color: #ffffff;
60 + padding: 0;
61 + margin: 0;
62 + line-height: 1;
63 + text-shadow:
64 + -1px 0 #5b63c3,
65 + 0 1px #5b63c3,
66 + 1px 0 #5b63c3,
67 + 0 -1px #5b63c3;
68 + transition: color 0.15s ease, transform 0.15s ease;
25 25  }
26 26  
27 -.flora-stars button:hover {
71 +.flora-stars button:hover,
72 +.flora-stars button.hovered,
73 +.flora-stars button.selected {
28 28   color: #f2c94c;
75 + text-shadow:
76 + -1px 0 #5b63c3,
77 + 0 1px #5b63c3,
78 + 1px 0 #5b63c3,
79 + 0 -1px #5b63c3;
80 + transform: scale(1.08);
29 29  }
30 30  
31 31  .flora-rating-result {
... ... @@ -32,54 +32,19 @@
32 32   color: #2F2F2F;
33 33  }
34 34  </style>
35 -{{/html}}
36 36  
37 -{{velocity}}
38 -#set($currentDoc = $doc.fullName)
39 -{{/velocity}}
88 +<div class="flora-rating-wrap" data-doc="$escapetool.xml($currentDoc)">
89 + <span class="flora-rating-label">Votre avis compte pour nous, que pensez-vous de cet article&nbsp;?</span>
40 40  
41 -{{groovy}}
42 -def store = xwiki.getDocument("Flora.RatingStore3")
43 -def objects = store.getObjects("Flora.RatingVoteClass3")
91 + <div class="flora-stars">
92 + <button class="flora-star" data-note="1" type="button">★</button>
93 + <button class="flora-star" data-note="2" type="button">★</button>
94 + <button class="flora-star" data-note="3" type="button">★</button>
95 + <button class="flora-star" data-note="4" type="button">★</button>
96 + <button class="flora-star" data-note="5" type="button">★</button>
97 + </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}}
99 + <span class="flora-rating-result">$stars ($count votes)</span>
100 +</div>
101 +{{/html}}
102 +{{/velocity}}
XWiki.XWikiRights[0]
Autoriser / Interdire
... ... @@ -1,0 +1,1 @@
1 +Autoriser
Groupes
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiAllGroup
Niveaux
... ... @@ -1,0 +1,1 @@
1 +view,comment
XWiki.XWikiRights[1]
Autoriser / Interdire
... ... @@ -1,0 +1,1 @@
1 +Autoriser
Groupes
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiAdminGroup
Niveaux
... ... @@ -1,0 +1,1 @@
1 +view,comment
XWiki.XWikiRights[2]
Autoriser / Interdire
... ... @@ -1,0 +1,1 @@
1 +Autoriser
Niveaux
... ... @@ -1,0 +1,1 @@
1 +view,comment
Utilisateurs
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest