app/template/default/ProductReview42/Resource/template/default/review.twig line 1

Open in your IDE?
  1. {#
  2. /*
  3.  * This file is part of the ProductReview plugin
  4.  *
  5.  * Copyright (C) 2016 LOCKON CO.,LTD. All Rights Reserved.
  6.  *
  7.  * For the full copyright and license information, please view the LICENSE
  8.  * file that was distributed with this source code.
  9.  */
  10. #}
  12. {% import _self as stars %}
  14. {# 星テキスト生成用マクロ #}
  15. {% macro stars(positive, negative) %}
  16.     {% set positive_stars = ["", "★", "★★", "★★★", "★★★★", "★★★★★"] %}
  17.     {% set negative_stars = ["", "☆", "☆☆", "☆☆☆", "☆☆☆☆", "☆☆☆☆☆"] %}
  18.     {{ positive_stars[positive] }}{{ negative_stars[negative] }}
  19. {% endmacro %}
  21. <script>
  22.     $(function() {
  23.         $('#product_review_area').appendTo($('.ec-layoutRole__main, .ec-layoutRole__mainWithColumn, .ec-layoutRole__mainBetweenColumn'));
  25.         $('#product_review_area .ec-rectHeading').on('click', function() {
  26.             $content = $('#reviewContent');
  27.             if ($content.css('display') == 'none') {
  28.                 $(this).addClass('is_active');
  29.                 $content.addClass('is_active');
  30.                 $content.slideDown(300);
  31.             } else {
  32.                 $(this).removeClass('is_active');
  33.                 $content.removeClass('is_active');
  34.                 $content.slideUp(300);
  35.             }
  36.             return false;
  37.         });
  38.     });
  39. </script>
  41. <!--▼レビューエリア-->
  42. <div id="product_review_area">
  43.     <div class="ec-role">
  44.         {% set positive_avg_star = ProductReviewAvg %}
  45.         {% set negative_avg_star = 5 - positive_avg_star %}
  46.         <div class="_top">
  47.             <p class="ec-rectHeading is_active">
  48.                 <span>{{ 'product_review.front.product_detail.title'|trans }}</span>
  49.                 <!--平均の星の数-->
  50.                 <span class="recommend_average">{{ stars.stars(positive_avg_star, negative_avg_star) }}</span>
  51.                 <!--レビュー数-->
  52.                 <span>({{ ProductReviewCount }})</span>
  53.                 {# <span class="chevron pull-right">
  54.                     <i class="fas fa-angle-up fa-lg"></i>
  55.                 </span> #}
  56.             </p>
  57.             <span class="_btn">
  58.                 <a href="{{ url('product_review_index', { id: Product.id }) }}" class="ec-inlineBtn--action">レビューを書く</a>
  59.             </span>
  60.         </div>
  61.         <div id="reviewContent">
  62.             {% if ProductReviews %}
  63.                 <ul class="review_list">
  64.                     {% for ProductReview in ProductReviews %}
  65.                         <li>
  66.                             <!--星の数-->
  67.                             {% set positive_star = ProductReview.recommend_level %}
  68.                             {% set negative_star = 5 - positive_star %}
  69.                             <p class="recommend_level">
  70.                                 {{ stars.stars(positive_star, negative_star) }}
  71.                             </p>
  72.                             <!--タイトル-->
  73.                             <p class="_title">{{ ProductReview.title }}</p>
  75.                             <p class="recommend_name">
  76.                                 <span>
  77.                                     {% if ProductReview.reviewer_url %}
  78.                                         <a href="{{ ProductReview.reviewer_url }}" rel="ugc nofollow"
  79.                                             target="_blank">{{ 'product_review.front.product_detail.name'|trans({ '%name%': ProductReview.reviewer_name }) }}</a>
  80.                                     {% else %}
  81.                                         {{ 'product_review.front.product_detail.name'|trans({ '%name%': ProductReview.reviewer_name }) }}
  82.                                     {% endif %}
  83.                                 </span>
  84.                                 <span class="review_date">
  85.                                     <!--投稿日-->
  86.                                     {{ ProductReview.create_date|date_day }}
  87.                                 </span>
  88.                             </p>
  89.                             <!--レビューコメント-->
  90.                             <p class="_des">{{ ProductReview.comment|nl2br }}</p>
  91.                         </li>
  92.                     {% endfor %}
  93.                 </ul>
  94.             {% else %}
  95.                 <p>{{ 'product_review.front.product_detail.no_review'|trans }}</p>
  96.             {% endif %}
  97.         </div>
  98.     </div>
  99. </div>
  100. <!-- ▲レビューエリア -->