app/Plugin/ProductReview4/Resource/template/default/list.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) LOCKON CO.,LTD. All Rights Reserved.
  6. http://www.lockon.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'product_review' %}
  15. {% import _self as stars %}
  17. {# 星テキスト生成用マクロ #}
  18. {% macro stars(positive, negative) %}
  19.     {% set positive_stars = ["", "★", "★★", "★★★", "★★★★", "★★★★★"] %}
  20.     {% set negative_stars = ["", "☆", "☆☆", "☆☆☆", "☆☆☆☆", "☆☆☆☆☆"] %}
  21.     {{ positive_stars[positive] }}{{ negative_stars[negative] }}
  22. {% endmacro %}
  24. {% block stylesheet %}
  25.     <style>
  26.     </style>
  27. {% endblock %}
  29. {% block javascript %}
  30. <script src="/html/template/default/assets/js/review.js"></script>
  31. <script src="https://cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/5.3.0/ekko-lightbox.min.js"></script>
  32. <script>
  33.     $(document).on('click', '[data-toggle="lightbox"]', function(event) {
  34.                     event.preventDefault();
  35.                     $(this).ekkoLightbox();
  36.                 });
  37. </script>
  38. {% endblock %}
  40. {% block main %}
  42. <h3>カスタマーレビュー</h3>
  44. <article id="new-review-page" class="info_item_review">
  46.     <section>
  48.         <div class="row">
  49.             <div class="col-xs-5">
  50.                 <p>
  51.                     {% set positive_star = rateAll.RecommendAvg|round %}
  52.                     {% set nagative_star = 5 - positive_star %}
  53.                     <span class="recommend_star">{{ stars.stars(positive_star, nagative_star) }}</span><span><i><b>{{ rateAll.recommend_avg_text }}</b></i></span>
  54.                 </p>
  55.                 <p class="mb15">{{ rateAll.ReviewCntList }}件の評価</p>
  56.             </div>
  57.             <div class="col-xs-7">
  58.                 <a href="{{ url('product_detail', {'id': Product.id, 'slug': Product.slug}) }}" style="color:#007185">
  59.                     <h3 style="font-size:18px;">{{ Product.name }}</h3>
  60.                 </a>
  61.             </div>
  62.         </div>
  63.         <div>
  64.             {% for star in rateStar %}
  65.             <a class="star-link" href="{{ url('product_review_list', {id: Product.id}) }}?l={{ star.recommend_level }}">
  66.                 <div class="row star-row">
  67.                     <div class="col-xs-2 col-md-1 text-align:center">星{{ star.recommend_level }}</div>
  68.                     <div class="col-xs-7 col-md-9" style="padding-top:5px;">
  69.                         <div style="width:95%;" class="star-bar1"><div class="star-bar2" style="width:{{star.per }}%;">&nbsp;</div></div>
  70.                     </div>
  71.                     <div class="col-xs-3 col-md-2 text-center">{{ star.per }} %</div>
  72.                 </div>
  73.             </a>
  74.             {% endfor %}
  75.             
  76.         </div>
  78.         <hr>
  80.         <div class="reviewbox product-review-list" id="product-review-area">
  82.         {% for Review in pagination %}
  83.             {% set Product = Review.Product %}
  84.             <div class="product_review_part">    
  85.  
  86.                 <div style="margin-bottom: 0px;" class="review-box">
  87.                     <div class="recommend_name" style="margin-left:0; margin: 5px 0px;">
  88.                         <div class="icon-user"></div>
  89.                         {% set name = Review.reviewer_name %}
  90.                         {% if name|length >= 3 %}
  91.                             {% set hidden_name = name|slice(0, 1) ~ '＊＊＊' ~ name|slice(-1) %}
  92.                         {% elseif name|length == 2 %}
  93.                             {% set hidden_name = '＊' ~ name|slice(1, 1) %}
  94.                         {% elseif name|length == 1 %}
  95.                             {% set hidden_name = '＊' %}
  96.                         {% else %}
  97.                             {% set hidden_name = '' %}
  98.                         {% endif %}
  99.                         <span style="line-height: 1;font-size: 14px;">{{ hidden_name }} さん</span>
  100.                     </div>                  
  102.                     <div class="recommend_star">
  103.                         {% set positive_star = Review.recommend_level %}
  104.                         {% set nagative_star = 5 - positive_star %}
  105.                         {{ stars.stars(positive_star, nagative_star) }}
  106.                         <span class="star-buy">Kyogokuで購入</span>
  107.                     </div>
  108.                     
  109.                     <div style="margin-left: 0px;" class="recommend_date">{{ Review.create_date|date_format('','Y/m/d') }}</div>
  110.                     {% if get_variant_name(Product,Product).is_variant %}
  111.                         <div class="" style="margin-left:0; font-weight: bold; font-size: 14px">{{ get_variant_name(Product,Review.Product).slug_name }}: {{ get_variant_name(Product,Review.Product).is_variant }}</div>  
  112.                     {% endif %}
  113.                 </div>
  115.                 <div class="rebiew-box">
  116.                     <p class="review-title">{{ Review.title }}</p>
  117.                     <p class="review-comm">{{ Review.comment|nl2br }}</p>
  118.                 </div>
  120.                 <div class="review-box row">
  121.                     {% if Review.pic1 %}
  122.                     {# <div class="col-xs-3 review-user-img"><a href="{{ Review.pic1 }}" target="_blank" data-toggle="lightbox"><img src="{{ Review.pic1 }}"></a></div> #}
  123.                     {% set pic1Url = getR2ImageUrl(Review.pic1, 'upload/save_image/review') %}
  124.                     <div class="col-xs-3 review-user-img"><a href="{{ pic1Url }}" target="_blank" data-toggle="lightbox"><img src="{{ pic1Url }}"></a></div>
  125.                     {% endif %}
  127.                     {% if Review.pic2 %}
  128.                     {# <div class="col-xs-3 review-user-img"><a href="{{ Review.pic2 }}" target="_blank" data-toggle="lightbox"><img src="{{ Review.pic2 }}"></a></div> #}
  129.                     {% set pic2Url = getR2ImageUrl(Review.pic2, 'upload/save_image/review') %}
  130.                     <div class="col-xs-3 review-user-img"><a href="{{ pic2Url }}" target="_blank" data-toggle="lightbox"><img src="{{ pic2Url }}"></a></div>
  131.                     {% endif %}
  132.                     
  133.                     {% if Review.pic3 %}
  134.                     {# <div class="col-xs-3 review-user-img"><a href="{{ Review.pic3 }}" target="_blank" data-toggle="lightbox"><img src="{{ Review.pic3 }}"></a></div> #}
  135.                     {% set pic3Url = getR2ImageUrl(Review.pic3, 'upload/save_image/review') %}
  136.                     <div class="col-xs-3 review-user-img"><a href="{{ pic3Url }}" target="_blank" data-toggle="lightbox"><img src="{{ pic3Url }}"></a></div>
  137.                     {% endif %}
  138.                     
  139.                     {% if Review.pic4 %}
  140.                     {# <div class="col-xs-3 review-user-img"><a href="{{ Review.pic4 }}" target="_blank" data-toggle="lightbox"><img src="{{ Review.pic4 }}"></a></div> #}
  141.                     {% set pic4Url = getR2ImageUrl(Review.pic4, 'upload/save_image/review') %}
  142.                     <div class="col-xs-3 review-user-img"><a href="{{ pic4Url }}" target="_blank" data-toggle="lightbox"><img src="{{ pic4Url }}"></a></div>
  143.                     {% endif %}
  144.                 </div>
  146.                 <div class="review-bottom">
  147.                     <div class="review-ref-msg ref_msg{{ Review.id }}" style="{% if Review.ref_count > 0 %}  {% else %} display:none {% endif %}"><strong id="ref_count{{ Review.id }}" target="_blank" data-ref="{{ Review.ref_count }}">{{ Review.ref_count }}</strong>人が参考になったと回答しました！</div>
  149.                     <div class="row">
  150.                         <div class="col-xs-6">
  151.                             {% if is_granted('ROLE_USER') %}
  152.                                 {% if user_id in Review.getRefUsers() %}
  153.                                     <button type="button" class="review-ref-button review-ref-pushed" disabled="disabled" data-rid="{{ Review.id }}"><span>参考になった！</span></button>                                
  154.                                 {% else %}
  155.                                     <button type="button" class="review-ref-button" data-rid="{{ Review.id }}"><span>参考になった！</span></button>
  156.                                 {% endif %}
  157.                             {% else %}
  158.                                 <a href="{{ url('mypage_login') }}" class="review-ref-button"><span>参考になった！</span></a>                                
  159.                             {% endif %}
  160.                         </div>
  161.                         <div class="col-xs-6 thank-btn-div" style="padding-top:7px">
  162.                             <button class="btn btn-secondary thank-btn" type="button">違反を報告する</button>
  163.                             <span class="icon-thank-msg"><i class="bi bi-check"></i>フィードバックをお寄せいただきありがとうございます</span>
  164.                         </div>
  165.                     </div>
  166.                 </div>
  168.                 <hr class="review-bar">
  169.             </div>
  170.         {% endfor %}
  173.         </div>
  175.         <div class="ec-pagerRole">
  176.             {% include "@ProductReview4/default/pager.twig" with {'pages': pagination.paginationData, 'id': Product.id} %}
  177.         </div>
  178.     </section>
  179. </article>
  182. {% endblock %}