Aller au contenu

Modifications pour le document RatingWidget

Modifié par Pascale STEIMETZ-LE CACHEUX le 2026/03/25 16:54
Depuis 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
À 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

Résumé

Détails

Propriétés de la Page
Contenu
... ... @@ -1,38 +36,3 @@
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 -
36 36  {{html clean="false"}}
37 37  <style>
38 38  .flora-rating-wrap {
... ... @@ -43,11 +43,14 @@
43 43   align-items: center;
44 44   gap: 14px;
45 45   flex-wrap: wrap;
11 + font-size: 14px;
46 46  }
13 +
47 47  .flora-rating-label {
48 48   font-weight: 600;
49 49   color: #2A2B69;
50 50  }
18 +
51 51  .flora-stars button {
52 52   background: none;
53 53   border: none;
... ... @@ -55,26 +55,63 @@
55 55   cursor: pointer;
56 56   color: #d4af37;
57 57  }
26 +
58 58  .flora-stars button:hover {
59 59   color: #f2c94c;
60 60  }
30 +
31 +.flora-rating-result {
32 + color: #2F2F2F;
33 +}
61 61  </style>
35 +{{/html}}
62 62  
63 -<div class="flora-rating-wrap" data-doc="$doc.fullName">
37 +{{velocity}}
38 +#set($currentDoc = $doc.fullName)
39 +{{/velocity}}
64 64  
65 - <span class="flora-rating-label">Noter cette page</span>
41 +{{groovy}}
42 +def store = xwiki.getDocument("Flora.RatingStore3")
43 +def objects = store.getObjects("Flora.RatingVoteClass3")
66 66  
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>
45 +def total = 0
46 +def count = 0
74 74  
75 - <span>
76 - {{velocity}}$stars ($count votes){{/velocity}}
77 - </span>
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")
78 78  
79 -</div>
80 -{{/html}}
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}}