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 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,13 +26,11 @@
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 -{{/velocity}}
35 -
36 36  {{html clean="false"}}
37 37  <style>
38 38  .flora-rating-wrap {
... ... @@ -43,11 +43,16 @@
43 43   align-items: center;
44 44   gap: 14px;
45 45   flex-wrap: wrap;
44 + font-size: 14px;
46 46  }
47 47  .flora-rating-label {
48 48   font-weight: 600;
49 49   color: #2A2B69;
50 50  }
50 +.flora-stars {
51 + display: inline-flex;
52 + gap: 4px;
53 +}
51 51  .flora-stars button {
52 52   background: none;
53 53   border: none;
... ... @@ -54,27 +54,30 @@
54 54   font-size: 22px;
55 55   cursor: pointer;
56 56   color: #d4af37;
60 + padding: 0;
61 + margin: 0;
57 57  }
58 -.flora-stars button:hover {
63 +.flora-stars button:hover,
64 +.flora-stars button.hovered {
59 59   color: #f2c94c;
60 60  }
67 +.flora-rating-result {
68 + color: #2F2F2F;
69 +}
61 61  </style>
62 62  
63 -<div class="flora-rating-wrap" data-doc="$doc.fullName">
64 -
72 +<div class="flora-rating-wrap" data-doc="$escapetool.xml($currentDoc)">
65 65   <span class="flora-rating-label">Noter cette page</span>
66 66  
67 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>
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>
73 73   </div>
74 74  
75 - <span>
76 - {{velocity}}$stars ($count votes){{/velocity}}
77 - </span>
78 -
83 + <span class="flora-rating-result">$stars ($count votes)</span>
79 79  </div>
80 80  {{/html}}
86 +{{/velocity}}