koha-tmpl/opac-tmpl/bootstrap/en/includes/user-star-ratings.inc

   1 <div class="results_summary ratings" id="rating-[% item.itemnumber | html %]">
   2
   3     [% SET rating_avg = item.ratings.get_avg_rating() %]
   4     [% rating_avg_int = BLOCK %][% rating_avg | format("%.0f") %][% END %]
   5
   6     <div class="br-wrapper br-theme-fontawesome-stars js-hide">
   7         <div class="br-widget br-readonly">
   8             [% FOREACH i IN [ 1 2 3 4 5  ] %]
   9                 [% IF rating_avg_int == i %]
  10                     <a href="#" class="br-selected br-current"></a>
  11                 [% ELSIF rating_avg_int > i %]
  12                     <a href="#" class="br-selected"></a>
  13                 [% ELSE %]
  14                     <a href="#"></a>
  15                 [% END %]
  16             [% END %]
  17         </div>
  18     </div>
  19
  20     <select class="star_rating" id="star_rating-[% item.itemnumber | html %]" name="rating" autocomplete="off" data-biblionumber="[% item.biblionumber | html %]" data-context="rating-[% item.itemnumber | html %]">
  21
  22         [% IF ( rating_avg_int == 0 ) %]
  23             <option value="" selected="selected"></option>
  24         [% END %]
  25         [% FOREACH i IN [ 1 2 3 4 5  ] %]
  26             [% IF rating_avg_int == i %]
  27                 <option value="[% i | html %]" selected="selected">[% i | html %]</option>
  28             [% ELSE %]
  29                 <option value="[% i | html %]">[% i | html %]</option>
  30             [% END %]
  31         [% END %]
  32     </select>
  33     <img id="rating-loading" style="display:none" src="[% interface | html %]/[% theme | html %]/images/spinner-small.gif" alt="" />
  34
  35     <!-- define some hidden vars for ratings -->
  36
  37     <input type="hidden" name="biblionumber" value="[% item.biblionumber | html %]" />
  38     <input type="hidden" name="rating_value" class="rating_value" value="[% item.my_rating.rating_value | html %]" />
  39
  40     <input name="rate_button" type="submit" class="js-show" value="Rate me" />
  41
  42     [% IF item.my_rating %]
  43         <div>
  44             <span class="rating_value_text">Your rating: [% item.my_rating.rating_value | html %].</span>
  45             <span class="cancel_rating_text js-show"><a href="#" data-context="star_rating-[% item.itemnumber | html %]"><i class="fa fa-remove" aria-hidden="true"></i> Cancel rating</a>.</span>
  46         </div>
  47     [% ELSE %]
  48         <span class="rating_value_text"></span>
  49         <span class="cancel_rating_text" style="display:none;"><a href="#" data-context="star_rating-[% item.itemnumber | html %]"><i class="fa fa-remove" aria-hidden="true"></i> Cancel rating</a>.</span>
  50     [% END %]
  51
  52     <div class="rating_text">Average rating: [% rating_avg | html %] ([% item.ratings.count | html %] votes)</div>
  53 </div>