Aller au contenu

Modifications pour le document RatingWidget

Modifié par Pascale STEIMETZ-LE CACHEUX le 2026/03/25 16:54
Depuis 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
À 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
Auteur du document
... ... @@ -1,1 +1,1 @@
1 -XWiki.XWikiGuest
1 +XWiki.PSZ
Contenu
... ... @@ -26,11 +26,13 @@
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 +
34 34  {{html clean="false"}}
35 35  <style>
36 36  .flora-rating-wrap {
... ... @@ -41,16 +41,11 @@
41 41   align-items: center;
42 42   gap: 14px;
43 43   flex-wrap: wrap;
44 - font-size: 14px;
45 45  }
46 46  .flora-rating-label {
47 47   font-weight: 600;
48 48   color: #2A2B69;
49 49  }
50 -.flora-stars {
51 - display: inline-flex;
52 - gap: 4px;
53 -}
54 54  .flora-stars button {
55 55   background: none;
56 56   border: none;
... ... @@ -57,30 +57,27 @@
57 57   font-size: 22px;
58 58   cursor: pointer;
59 59   color: #d4af37;
60 - padding: 0;
61 - margin: 0;
62 62  }
63 -.flora-stars button:hover,
64 -.flora-stars button.hovered {
58 +.flora-stars button:hover {
65 65   color: #f2c94c;
66 66  }
67 -.flora-rating-result {
68 - color: #2F2F2F;
69 -}
70 70  </style>
71 71  
72 -<div class="flora-rating-wrap" data-doc="$escapetool.xml($currentDoc)">
63 +<div class="flora-rating-wrap" data-doc="$doc.fullName">
64 +
73 73   <span class="flora-rating-label">Noter cette page</span>
74 74  
75 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>
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>
81 81   </div>
82 82  
83 - <span class="flora-rating-result">$stars ($count votes)</span>
75 + <span>
76 + {{velocity}}$stars ($count votes){{/velocity}}
77 + </span>
78 +
84 84  </div>
85 85  {{/html}}
86 -{{/velocity}}