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

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'registration_page' %}
  5. {% form_theme form 'Form/form_div_layout.twig' %}
  7. {% block stylesheet %}
  8.     <style type="text/css">
  9.         .ec-borderedDefsReview {
  10.             width: 100%;
  11.             border-top: 1px dotted #ccc;
  12.             margin-bottom: 16px; }
  13.         .ec-borderedDefsReview dl {
  14.             display: -ms-flexbox;
  15.             display: flex;
  16.             border-bottom: 1px dotted #ccc;
  17.             margin: 0;
  18.             padding: 10px 0 0;
  19.             -ms-flex-wrap: wrap;
  20.                 flex-wrap: wrap; }
  21.         .ec-borderedDefsReview dt, .ec-borderedDefsReview dd {
  22.             padding: 0; }
  23.         .ec-borderedDefsReview dt {
  24.             font-weight: normal;
  25.             width: 100%;
  26.             padding-top: 0; }
  27.         .ec-borderedDefsReview dd {
  28.             padding: 0;
  29.             width: 100%;
  30.             line-height: 1.2; }
  31.         .ec-borderedDefsReview p {
  32.             line-height: 1.2; }
  34.     @media only screen and (min-width: 768px){
  35.         .ec-borderedDefsReview dl{
  36.             -ms-flex-wrap: nowrap;
  37.                 flex-wrap: nowrap;
  38.             padding: 15px 0 4px;
  39.         }
  40.         .ec-borderedDefsReview dt{
  41.             line-height: 1.2;
  42.             width: 30%;
  43.         }
  44.         .ec-borderedDefsReview dd{
  45.             width: 70%;
  46.             line-height: 1.2;
  47.         }
  48.     }
  50.     .ec-layoutRole .ec-layoutRole__contents{
  51.         max-width: unset;
  52.     }
  54.     .ec-pageHeader h1{
  55.         border-bottom: solid 1px #eb0000;
  56.         color: #000;
  57.         font-size: 28px;
  58.         font-weight: 400;
  59.         line-height: 68px;
  60.         margin: 0;
  61.         text-transform: none;
  62.         border-top:none;
  63.     }
  64.     
  65.     .ec-off1Grid .ec-off1Grid__cell{
  66.         margin: 20px 0 0 0;
  67.         width: 100%;
  68.     }
  69.     
  70.     .ec-off1Grid p{
  71.         font-size: 14px;
  72.         color: #303030;
  73.         line-height: 1.4em;
  74.         margin-bottom: 15px;
  75.         font-style: normal;
  76.         font-weight: normal;
  77.     }
  78.     
  79.     .ec-off1Grid .ec-label{
  80.         font-size: 14px;
  81.         color: #303030;
  82.         line-height: 1.4em;
  83.         margin-bottom: 15px;
  84.         font-style: normal;
  85.         font-weight: normal;
  86.     }
  87.     
  88.     .ec-off1Grid label.required:after, 
  89.     .ec-off1Grid span.required:after {
  90.         content: ' *';
  91.         color: red;
  92.         font-weight: normal;
  93.         font-family: "Helvetica Neue", Verdana, Arial, sans-serif;
  94.         font-size: 12px;
  95.     }
  97.     #product_review_recommend_level {
  98.         flex-direction: column;
  99.     }
  100.     #product_review_recommend_level label img {
  101.         width: auto;
  102.     }
  103.     #product_review_recommend_level .radio{
  104.         margin: 0 5px 5px 0;
  105.     }
  106.     #product_review_recommend_level .radio label{
  107.         margin: 0;
  108.     }
  109.     #product_review_recommend_level .radio input {
  110.         margin: 20px 10px 5px;
  111.     }
  113.     .ec-registerRole .ec-RegisterRole__actions{
  114.         text-align: right;
  115.     }
  116.     .ec-RegisterRole__actions .ec-blockBtn--action{
  117.         background: #ff0000;
  118.         color: #fff;
  119.         height: 33px;
  120.         line-height: 33px;
  121.         font-size: 12px;
  122.         padding: 0 10px;
  123.         margin: 5px;
  124.         transition: all 0.2s linear;
  125.         -moz-transition: all 0.2s linear;
  126.         -webkit-transition: all 0.2s linear;
  127.         box-sizing: content-box;
  128.         min-width: 140px;
  129.         cursor: pointer;
  130.         width: 140px;
  131.         display: inline-block;
  132.         border: none;
  133.     }
  134.     .ec-RegisterRole__actions .ec-blockBtn--action:hover,
  135.     .ec-RegisterRole__actions .ec-blockBtn--action:active,
  136.     .ec-RegisterRole__actions .ec-blockBtn--action:focus{
  137.         background: #cc0000;
  138.         color: #fff;
  139.         border: none;
  140.         outline: none;
  141.         box-shadow: none;
  142.     }
  143.     .ec-RegisterRole__actions .ec-blockBtn--cancel {
  144.         background-color: unset;
  145.         border: none;
  146.         color: #303030;
  147.         width: auto;
  148.         text-align: right;
  149.         font-weight: normal;
  150.     }
  151.     .ec-RegisterRole__actions .ec-blockBtn--cancel:hover,
  152.     .ec-RegisterRole__actions .ec-blockBtn--cancel:active,
  153.     .ec-RegisterRole__actions .ec-blockBtn--cancel:focus{
  154.         background-color: unset;
  155.         border: none;
  156.         color: #ff0000;
  157.         outline: none;
  158.         box-shadow: none;
  159.     }
  160.     
  161.     .ec-input input[type="text"],
  162.     .ec-input input[type="email"],
  163.     .ec-input textarea {
  164.         color: #393939;
  165.         border-color: #cfcfcf #ddd #e6e6e6;
  166.         border-style: solid;
  167.         border-width: 1px;
  168.         font-size: 16px;
  169.         padding: 5px 18px;
  170.         height: 40px;
  171.         outline: none;
  172.         background: #ebebeb;
  173.         border-radius: 0;
  174.         box-shadow: inset -2px 2px 5px -2px #ddd;
  175.         margin-bottom:10px;
  176.     }
  177.     .ec-borderedDefsReview .ec-required {
  178.         display: none;
  179.     }
  181.     
  182.     </style>
  183. {% endblock stylesheet %}
  185. {% block main %}
  186.     <div class="ec-registerRole">
  187.         <div class="ec-pageHeader">
  188.             <h1>{{ 'レビューを投稿'|trans }}</h1>
  189.         </div>
  190.         <div class="ec-off1Grid">
  191.             <div class="ec-off1Grid__cell">
  192.                 <div class="ec-imageGrid">
  193.                     <div class="ec-imageGrid__img">
  194.                         <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}">
  195.                     </div>
  196.                     <div class="ec-imageGrid__content">
  197.                         <a href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}</a>
  198.                     </div>
  199.                 </div>
  200.             </div>
  201.         </div>
  202.         <div class="ec-off1Grid">
  203.             <div class="ec-off1Grid__cell">
  204.                 <p class="ec-para-nomal">商品について、お客様のご意見、ご感想をどしどしお寄せください。</p>
  205.             </div>
  206.         </div>
  207.         <div class="ec-off1Grid">
  208.         {% if is_granted('ROLE_USER') or review_config.isLoginOnly == false %}
  209.             <div class="ec-off1Grid__cell">
  210.                 <form method="post" action="{{ url('review_post', {'id': Product.id}) }}" novalidate class="h-adr">
  211.                 {{ form_widget(form._token) }}
  212.                     <div class="ec-borderedDefsReview">
  213.                         {% if review_config.isGrantPointPurchase and is_granted('ROLE_USER') %}
  214.                         <dl>
  215.                             <dt></dt>
  216.                             <dd>
  217.                                 <p style="color:red; font-weight:bold;">※ポイント付与はこちらの商品をご購入頂いた会員様のみ対象となります。</p>
  218.                                 <p>商品を受け取っていない場合ポイントが付与されません。</p>
  219.                                 <p><a href="{{ url('mypage') }}">{{ 'ご注文履歴'|trans }}</a>から商品が「発送済み」になっていることを確認してください。</p>
  220.                             </dd>
  221.                         </dl>
  222.                         {% endif %}
  223.                         {% if review_config.isLoginOnly == false and review_config.getGrantPoint > 0 %}
  224.                         <dl>
  225.                             <dt>
  226.                                 <label class="ec-label">ログイン状態</label>
  227.                             </dt>
  228.                             <dd>
  229.                             {% if is_granted('ROLE_USER') %}
  230.                                 <div class="ec-font-bold">
  231.                                     <p>ログインしています。</p>
  232.                                 </div>
  233.                             {% else %}
  234.                                 <div class="ec-color-red ec-font-bold">
  235.                                     <p>ログインしていません。</p>
  236.                                     <p>ログインされない場合は投稿してもポイントが付与されません。</p>
  237.                                     <p>ログインは<a href="{{ url('mypage_login') }}">こちら</a>　・　新規会員登録は<a href="{{ url('entry') }}">こちら</a></p>
  238.                                 </div>
  239.                             {% endif %}
  240.                             </dd>
  241.                         </dl>
  242.                         {% endif %}
  243.                         <dl>
  244.                             <dt>
  245.                                 {{ form_label(form.reviewer_name, 'レビュアー名', { 'label_attr': { 'class': 'ec-label' }}) }}
  246.                             </dt>
  247.                             <dd>
  248.                                 <div class="ec-input{{ has_errors(form.reviewer_name) ? ' error' }}">
  249.                                     {{ form_widget(form.reviewer_name) }}
  250.                                     {{ form_errors(form.reviewer_name) }}
  251.                                 </div>
  252.                             </dd>
  253.                         </dl>
  254.                         <dl>
  255.                             <dt>
  256.                                 {{ form_label(form.recommend_level, 'お勧め度', { 'label_attr': { 'class': 'ec-label' }}) }}
  257.                             </dt>
  258.                             <dd>
  259.                                 <div class="ec-select{{ has_errors(form.recommend_level) ? ' error' }}">
  260.                                     {{ form_widget(form.recommend_level) }}
  261.                                     {{ form_errors(form.recommend_level) }}
  262.                                 </div>
  263.                             </dd>
  264.                         </dl>
  265.                         <dl>
  266.                             <dt>
  267.                                 {{ form_label(form.title, 'タイトル', { 'label_attr': { 'class': 'ec-label' }}) }}
  268.                             </dt>
  269.                             <dd>
  270.                                 <div class="ec-input{{ has_errors(form.title) ? ' error' }}">
  271.                                     {{ form_widget(form.title) }}
  272.                                     {{ form_errors(form.title) }}
  273.                                 </div>
  274.                             </dd>
  275.                         </dl>
  276.                         <dl>
  277.                             <dt>
  278.                                 {{ form_label(form.comment, 'コメント', { 'label_attr': { 'class': 'ec-label' }}) }}
  279.                             </dt>
  280.                             <dd>
  281.                                 <div class="ec-input{{ has_errors(form.comment) ? ' error' }}">
  282.                                     {{ form_widget(form.comment, {'attr': {'rows': '6'}}) }}
  283.                                     {{ form_errors(form.comment) }}
  284.                                 </div>
  285.                             </dd>
  286.                         </dl>
  287.                     </div>
  288.                     <div class="ec-RegisterRole__actions">
  289.                         <button type="submit" class="ec-blockBtn--action" name="mode" value="confirm">{{ '確認ページへ'|trans }}
  290.                         </button>
  291.                         <a class="ec-blockBtn--cancel" href="{{ url('product_detail', {'id': Product.id}) }}"><small>« </small>戻る</a>
  292.                     </div>
  293.                 </form>
  294.             </div>
  295.         {% else %}
  296.             <div class="ec-off1Grid__cell">
  297.                 <div class="ec-borderedDefs">
  298.                     <div class="ec-reportHeading">
  299.                         <h2>投稿には<a href="{{ url('mypage_login') }}"><span class="ec-headerNav__itemLink">{{ 'ログイン'|trans }}</span></a>が必要です。</h2>
  300.                     </div>
  301.                 </div>
  302.                 </br>
  303.                 <div class="ec-RegisterRole__actions">
  304.                     <div class="ec-off4Grid">
  305.                         <div class="ec-off4Grid__cell">
  306.                             <a class="ec-blockBtn--cancel" href="{{ url('product_detail', {'id': Product.id}) }}">{{ '商品ページへ'|trans }}</a>
  307.                         </div>
  308.                     </div>
  309.                 </div>
  310.             </div>
  311.         {% endif %}
  312.         </div>
  313.     </div>
  314.     <div class="swooth-wrapper grey-swooth">
  315.     </div>
  316. {% endblock %}