app/Plugin/ProductRating42_dummy/Resource/template/default/product_list_rating.twig line 1

Open in your IDE?
  1. <style type="text/css">
  2.     .star {
  3.         font-size: 15px;
  4.         color: rgba(60,64,67,.38);
  5.         cursor: pointer;
  6.         transition: color 0.3s;
  7.     }
  9.     .star:hover,
  10.     .star.active {
  11.         color: #DE5D50;
  12.     }
  14.     .average-number {
  15.         margin-left: 5px;
  16.     }
  18.     .star-half {
  19.         display: inline-flex;
  20.         font-size: 15px;
  21.         color: rgba(60,64,67,.38);
  22.         cursor: pointer;
  23.         transition: color 0.3s;
  24.     }
  26.     .star-half > div:first-child {
  27.         overflow: hidden;
  28.         width: 7.5px;
  29.         z-index: 1;
  30.         color: #DE5D50;
  31.     }
  33.     .star-half > div:last-child {
  34.         position: relative;
  35.         margin-left:-7.5px;
  36.     }
  37. </style>
  38. <script type="text/javascript">
  39. $(function(){
  40.     var ratings = [];
  41.     for (var index in ratings){
  42.         var rating = ratings[index];
  43.         
  44.         // if(rating["totalReviews"] == 0){
  45.         //    continue;
  46.         // }
  48.         var stars = "<div class='m-1'>";
  49.         
  50.         var averageRating = rating["averageRating"];
  51.         var avg = Math.ceil(averageRating);
  52.         if(avg > 0){
  53.             for(var i = 1; i <= avg; i++){
  54.                 if(i>averageRating){
  55.                     stars += '<span class="star-half"><div>★</div><div>★</div></span>';
  56.                 }else{
  57.                     stars += '<span class="star active">★</span>';
  58.                 }
  59.             }
  60.         }
  62.         var leftAvg = 5 - avg;
  63.         if(leftAvg > 0){
  64.             for(var i = 1; i <= leftAvg; i++){
  65.                 stars += '<span class="star">★</span>';
  66.             }
  67.         }
  68.         stars += "<span class='average-number'> "+parseFloat(rating["averageRating"]).toFixed(1)+"("+rating["totalReviews"]+"件)"+"</span>";
  69.         stars += '</div>';
  70.         $("#productForm"+index).prepend(stars);
  71.     }
  72. })
  73. </script>