app/template/plugin/CustomerReview42/list.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block javascript %}
  4.     <script type="text/javascript">
  5.         function changeOrderBy(orderby) {
  6.             $('#orderby').val(orderby);
  7.             $('#pageno').val(1);
  8.             $("#form1").submit();
  9.         }
  10.         function changeStar(star) {
  11.             $('#star').val(star);
  12.             $('#pageno').val(1);
  13.             $("#form1").submit();
  14.         }
  15.     </script>
  16. {% endblock %}
  18. {% block main %}
  19. {% include('@CustomerReview42/Block/customer_review4_recommend_css.twig') %}
  20. {% import('@CustomerReview42/Block/customer_review4_recommend_macro.twig') as recommend_macro %}
  21. {% set review_list = repository('Plugin\\CustomerReview42\\Entity\\CustomerReviewTotal').getRecommend(Product.id) %}
  22. {% set reviewer_total = 0 %}
  23. {% set review_total_point = 0 %}
  24. {% set count = 5 %}
  25. {% for i in review_list %}
  26.     {% set reviewer_total = reviewer_total + i %}
  27.     {% set review_total_point = review_total_point + i * count %}
  28.     {% set count = count - 1 %}
  29. {% endfor %}
  30. {% set review_point = reviewer_total == 0 ? 0  : (review_total_point / reviewer_total) %}
  31. {% set number = reviewer_total %}
  32. {% set avg_star = review_point %}
  33. <style>
  34. .review-commentLayout .reviewTitle {
  35.     height: 25px;
  36. }
  37. .review-commentLayout .reviewTitle .star img {
  38.     display: block;
  39.     float: left;
  40.     margin-right: 1px;
  41.     max-width: 25px;
  42.     max-height: 25px
  43. }
  45. .ec-imageGrid .ec-imageGrid__content .review_score span{
  46.     margin: 0;
  47. }
  48. </style>
  49. <form name="form1" id="form1" method="get" action="?">
  50.     {% set orderby_id = 1 %}
  51.     {% set star_id = 0 %}
  52.     {% for item in search_form %}
  53.         <input type="hidden" id="{{ item.vars.id }}"
  54.                name="{{ item.vars.full_name }}"
  55.                {% if item.vars.value is not empty %}value="{{ item.vars.value }}" {% endif %}/>
  56.         {% if item.vars.id == 'orderby' %}
  57.             {% if item.vars.value is not empty %}{% set orderby_id = item.vars.value %}{% endif %}
  58.         {% elseif item.vars.id == 'star' %}
  59.             {% if item.vars.value is not empty %}{% set star_id = item.vars.value %}{% endif %}
  60.         {% endif %}
  61.     {% endfor %}
  62. </form>
  63. <div style="margin-top: 20px; margin-bottom: 80px;" class="flexbox container main-container">
  64.     <div class="ec-off1Grid__cell">
  65.         <div class="ec-imageGrid review-productLayout">
  66.             <div class="ec-imageGrid__img" style="vertical-align: middle;">
  67.                 <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}">
  68.             </div>
  69.             <div class="ec-imageGrid__content">
  70.                 <a href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}</a>
  71.             </div>
  72.             <div class="ec-imageGrid__content review-layoutRole list">
  73.             <h3 class="review_score flexbox"  data-avg="{{ avg_star }}" data-num="{{ number }}" data-starsize="22" data-imgbase="{{ asset('aneros/img/products/') }}">
  74.                 <span class="review_all_score_title">総合スコア：</span>
  75.                 <span class="review_all_score_image"></span>
  76.                 <span class="review_all_score_avg" style="margin-left: 5px;"></span>
  77.             </h3>
  78. {#                <div class="reviewAvarage">レビュー評価&nbsp;&nbsp;{{ recommend_macro.review( review_point, reviewer_total ) }}</div>#}
  79.                 {% set count = 5 %}
  80.                 {% for i in review_list %}
  81.                 <div class="review-layoutGauge">
  82.                     <div class="reviewReccomendLevel">
  83.                         {% if i %}
  84.                             <a href="javascript: void(0);" onclick="changeStar({{count}})">★{{count}}</a>
  85.                         {% else %}
  86.                             ★{{count}}
  87.                         {% endif %}
  88.                         &nbsp;
  89.                     </div>
  90.                     <div class="review-gaugeWrap">
  91.                         {% if reviewer_total > 0 and (i * 100 / reviewer_total)|round > 0 %}
  92.                             <div class="gaugeMain" style="width: {{ (i * 100 / reviewer_total)|round }}%;"></div>
  93.                         {% endif %}
  94.                     </div>
  95.                     <div class="reviewReccomendReviewer">
  96.                         &nbsp;
  97.                         {% if i %}
  98.                             <a href="javascript: void(0);" onclick="changeStar({{count}})">{{ i }}件</a>
  99.                         {% else %}
  100.                             {{ i }}件
  101.                         {% endif %}
  102.                     </div>
  103.                 </div>
  104.                     {% set count = count - 1 %}
  105.                 {% endfor %}
  106.                 <div class="reviewAllView list">
  107.                     {% if reviewer_total %}
  108.                         <a href="javascript: void(0);" onclick="changeStar()">全{{ reviewer_total }}件のレビューを見る</a>
  109.                     {% else %}
  110.                         レビューはまだありません。
  111.                     {% endif %}
  112.                 </div>
  113.             </div>
  114.         </div>
  116.     {% if pagination.totalItemCount == 0 %}
  117.         <div class="review-sortLayout">
  118.             <div class="reviewSort">
  119.                 <span><strong>レビューはまだありません。</strong></span>
  120.             </div>
  121.             <div class="reviewPost">
  122.                 <a class="ec-inlineBtn--action" href="{{ url('review_post', {'id': Product.id}) }}">{{ 'レビューを書く'|trans }}</a>
  123.             </div>
  124.         </div>
  125.     {% else %}
  126.         <div class="review-sortLayout">
  127.             <div class="reviewSort">
  128.                 <span><strong>{{ pagination.totalItemCount }}</strong>件の{% if star_id != 0 %}<strong>★{{ star_id }}</strong>{% endif %}レビューがあります</span>
  129.             </div>
  130.             <div class="reviewSort">
  131.                 <span>投稿日の</span>{% if orderby_id == 1 %}<strong>新しい順</strong>{% else %}<a href="javascript: void(0);" onclick="changeOrderBy(1)">新しい順</a>{% endif %}/{% if orderby_id == 2 %}<strong>古い順</strong>{% else %}<a href="javascript: void(0);" onclick="changeOrderBy(2)">古い順</a>{% endif %}
  132.                 {% if star_id == 0 %}
  133.                 <span>評価の</span>{% if orderby_id == 3 %}<strong>高い順</strong>{% else %}<a href="javascript: void(0);" onclick="changeOrderBy(3)">高い順</a>{% endif %}/{% if orderby_id == 4 %}<strong>低い順</strong>{% else %}<a href="javascript: void(0);" onclick="changeOrderBy(4)">低い順</a>{% endif %}
  134.                 {% endif %}
  135.             </div>
  136.             <div class="reviewPost">
  137.                 <a class="ec-inlineBtn--action" href="{{ url('review_post', {'id': Product.id}) }}">{{ 'レビューを書く'|trans }}</a>
  138.             </div>
  139.         </div>
  140.         <div class="ec-pagerRole">
  141.             {% include "@CustomerReview42/Block/customer_review4_pager.twig" with {'pages': pagination.paginationData, 'routes' : 'review_list', 'query_params' : app.request.query.all|merge({'id': Product.id})} %}
  142.         </div>
  144.         {% for Review in pagination %}
  145.             <div class="review-commentLayout">
  146.                 <div class="reviewTitle">
  147.                     <span class="star">
  148.                     {% for i in 1..5 %}
  149.                         {% if i <= Review.recommend_level %}
  150.                             <img src="{{ asset('aneros/img/products/star.jpg') }}" class="recommend_star" alt="星あり">
  151.                         {% else %}
  152.                             <img src="{{ asset('aneros/img/products/no_star.jpg') }}" class="recommend_nostar" alt="星なし">
  153.                         {% endif %}
  154.                     {% endfor %}
  155.                     </span>
  156.                     <strong>&nbsp;{{ Review.title }}</strong>
  157.                 </div>
  158.                 <div class="reviewAuthor">
  159.                     <span>{{ Review.reviewer_name }}さん</span>
  160.                     <p><span>{{ Review.create_date|date("Y/m/d") }}</span></p>
  161.                     {% if Review.purchase and review_config.isPurchaseMark %}<p><span style="color:#ee6400;">購入済み</span></p>{% endif %}
  162.                 </div>
  163.                 <div class="reviewComment">
  164.                     {{ Review.comment|nl2br }}
  165.                 </div>
  166.             </div>
  167.         {% endfor %}
  169.         <div class="review-sortLayout">
  170.             <div class="reviewSort">
  171.                 <span><strong>{{ pagination.totalItemCount }}</strong>件の{% if star_id != 0 %}<strong>★{{ star_id }}</strong>{% endif %}レビューがあります</span>
  172.             </div>
  173.             <div class="reviewSort">
  174.                 <span>投稿日の</span>{% if orderby_id == 1 %}<strong>新しい順</strong>{% else %}<a href="javascript: void(0);" onclick="changeOrderBy(1)">新しい順</a>{% endif %}/{% if orderby_id == 2 %}<strong>古い順</strong>{% else %}<a href="javascript: void(0);" onclick="changeOrderBy(2)">古い順</a>{% endif %}
  175.                 {% if star_id == 0 %}
  176.                 <span>評価の</span>{% if orderby_id == 3 %}<strong>高い順</strong>{% else %}<a href="javascript: void(0);" onclick="changeOrderBy(3)">高い順</a>{% endif %}/{% if orderby_id == 4 %}<strong>低い順</strong>{% else %}<a href="javascript: void(0);" onclick="changeOrderBy(4)">低い順</a>{% endif %}
  177.                 {% endif %}
  178.             </div>
  179.             <div class="reviewPost">
  180.                 <a class="ec-inlineBtn--action" href="{{ url('review_post', {'id': Product.id}) }}">{{ 'レビューを書く'|trans }}</a>
  181.             </div>
  182.         </div>
  183.         <div class="ec-pagerRole">
  184.             {% include "@CustomerReview42/Block/customer_review4_pager.twig" with {'pages': pagination.paginationData, 'routes' : 'review_list', 'query_params' : app.request.query.all|merge({'id': Product.id})} %}
  185.         </div>
  186.     {% endif %}
  187.     </div>
  188. </div>
  190. <style>
  191. .ec-layoutRole .ec-layoutRole__contents {
  192.     margin-right: 0;
  193.     margin-left: 0;
  194.     max-width: 100%;
  195. }
  196. .review-sortLayout .reviewPost a {font-weight:normal;background-color:#ff0000; padding: 7px 15px; font-size:13px;}
  197. </style>
  199.     <div class="swooth-wrapper grey-swooth">
  200.     </div>
  202. {% endblock %}