Aller au contenu

Modifications pour le document RatingWidget

Modifié par Pascale STEIMETZ-LE CACHEUX le 2026/03/25 16:54
Depuis la version 8.3
modifié par Pascale STEIMETZ-LE CACHEUX
sur 2026/03/24 19:04
Commentaire de modification : allow view droit pour XWiki.XWikiAdminGroup
À la version 2.1
modifié par Pascale STEIMETZ-LE CACHEUX
sur 2026/03/24 11:52
Commentaire de modification : Il n'y a aucun commentaire pour cette version

Résumé

Détails

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