Aller au contenu

Modifications pour le document RatingWidget

Modifié par Pascale STEIMETZ-LE CACHEUX le 2026/03/25 16:54
Depuis la version 6.1
modifié par Pascale STEIMETZ-LE CACHEUX
sur 2026/03/24 12:55
Commentaire de modification : Il n'y a aucun commentaire pour cette version
À la version 8.1
modifié par XWikiGuest
sur 2026/03/24 15:11
Commentaire de modification : Il n'y a aucun commentaire pour cette version

Résumé

Détails

Propriétés de la Page
Auteur du document
... ... @@ -1,1 +1,1 @@
1 -XWiki.PSZ
1 +XWiki.XWikiGuest
Contenu
... ... @@ -26,12 +26,12 @@
26 26  #set($stars = "")
27 27  #foreach($i in [1..5])
28 28   #if($i <= $avg.round())
29 - #set($stars = "$stars★")
29 + #set($stars = "${stars}★")
30 30   #else
31 - #set($stars = "$stars☆")
31 + #set($stars = "${stars}☆")
32 32   #end
33 33  #end
34 -
34 +{{html clean="false"}}
35 35  <style>
36 36  .flora-rating-wrap {
37 37   margin-top: 16px;
... ... @@ -40,8 +40,47 @@
40 40   display: flex;
41 41   align-items: center;
42 42   gap: 14px;
43 + flex-wrap: wrap;
44 + font-size: 14px;
43 43  }
46 +.flora-rating-label {
47 + font-weight: 600;
48 + color: #2A2B69;
49 +}
50 +.flora-stars {
51 + display: inline-flex;
52 + gap: 4px;
53 +}
44 44  .flora-stars button {
45 45   background: none;
46 46   border: none;
47 - font-size:
57 + font-size: 22px;
58 + cursor: pointer;
59 + color: #d4af37;
60 + padding: 0;
61 + margin: 0;
62 +}
63 +.flora-stars button:hover,
64 +.flora-stars button.hovered {
65 + color: #f2c94c;
66 +}
67 +.flora-rating-result {
68 + color: #2F2F2F;
69 +}
70 +</style>
71 +
72 +<div class="flora-rating-wrap" data-doc="$escapetool.xml($currentDoc)">
73 + <span class="flora-rating-label">Noter cette page</span>
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>
81 + </div>
82 +
83 + <span class="flora-rating-result">$stars ($count votes)</span>
84 +</div>
85 +{{/html}}
86 +{{/velocity}}