Aller au contenu

Modifications pour le document RatingWidget

Modifié par Pascale STEIMETZ-LE CACHEUX le 2026/03/25 16:54
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 5.1
modifié par Pascale STEIMETZ-LE CACHEUX
sur 2026/03/24 12:54
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,38 @@
1 +{{velocity}}
2 +#set($currentDoc = $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") == $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
34 +{{/velocity}}
35 +
1 1  {{html clean="false"}}
2 2  <style>
3 3  .flora-rating-wrap {
... ... @@ -8,14 +8,11 @@
8 8   align-items: center;
9 9   gap: 14px;
10 10   flex-wrap: wrap;
11 - font-size: 14px;
12 12  }
13 -
14 14  .flora-rating-label {
15 15   font-weight: 600;
16 16   color: #2A2B69;
17 17  }
18 -
19 19  .flora-stars button {
20 20   background: none;
21 21   border: none;
... ... @@ -23,63 +23,26 @@
23 23   cursor: pointer;
24 24   color: #d4af37;
25 25  }
26 -
27 27  .flora-stars button:hover {
28 28   color: #f2c94c;
29 29  }
30 -
31 -.flora-rating-result {
32 - color: #2F2F2F;
33 -}
34 34  </style>
35 -{{/html}}
36 36  
37 -{{velocity}}
38 -#set($currentDoc = $doc.fullName)
39 -{{/velocity}}
63 +<div class="flora-rating-wrap" data-doc="$doc.fullName">
40 40  
41 -{{groovy}}
42 -def store = xwiki.getDocument("Flora.RatingStore3")
43 -def objects = store.getObjects("Flora.RatingVoteClass3")
65 + <span class="flora-rating-label">Noter cette page</span>
44 44  
45 -def total = 0
46 -def count = 0
67 + <div class="flora-stars">
68 + <button class="flora-star" data-note="1">★</button>
69 + <button class="flora-star" data-note="2">★</button>
70 + <button class="flora-star" data-note="3">★</button>
71 + <button class="flora-star" data-note="4">★</button>
72 + <button class="flora-star" data-note="5">★</button>
73 + </div>
47 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")
75 + <span>
76 + {{velocity}}$stars ($count votes){{/velocity}}
77 + </span>
53 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}}
79 +</div>
80 +{{/html}}