app/Plugin/Noshidelivery/Resource/template/front/add_shopping.twig line 1

Open in your IDE?
  1. {% set config = repository('Plugin\\Noshidelivery\\Entity\\NoshideliveryConfig').get %}
  2. {% if config.noshidelivery_enable %}
  4. <style>
  5.     #add_shopping_noshi_area {
  6.         margin:20px 0;
  7.         padding-bottom:20px;
  8.         border-bottom:1px dotted #CCC;
  9.     }
  10.     .shopping_noshi_area .noshi {
  11.         padding-bottom:20px;
  12.     }
  13. </style>
  15. <script>
  16.     {% for shipping in Order.shippings %}
  17.     {% set idx = loop.index0 %}
  18.     $(function() {
  19.         var val{{ idx }} = $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryCheck').val();
  20.         if (val{{ idx }} == "") {
  21.             $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryTie').prop('disabled', true);
  22.             $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryKind').prop('disabled', true);
  23.             $('input#shopping_order_Shippings_{{ idx }}_gp_title').prop('disabled', true);
  24.             $('input#shopping_order_Shippings_{{ idx }}_gp_name').prop('disabled', true);
  25.         }
  26.         if (val{{ idx }} == 1) {
  27.             $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryTie').prop('disabled', false);
  28.             $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryKind').prop('disabled', false);
  29.             $('input#shopping_order_Shippings_{{ idx }}_gp_title').prop('disabled', false);
  30.             $('input#shopping_order_Shippings_{{ idx }}_gp_name').prop('disabled', false);
  31.         }
  32.         if (val{{ idx }} == 2) {
  33.             $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryTie').prop('disabled', true);
  34.             $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryKind').prop('disabled', true);
  35.             $('input#shopping_order_Shippings_{{ idx }}_gp_title').prop('disabled', true);
  36.             $('input#shopping_order_Shippings_{{ idx }}_gp_name').prop('disabled', true);
  37.         }
  38.         
  39.         $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryCheck').change(function() {
  40.             var val{{ idx }} = $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryCheck').val();
  41.             if (val{{ idx }} == 1) {
  42.                 // disabledを解除
  43.                 $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryTie').prop('disabled', false);
  44.                 $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryKind').prop('disabled', false);
  45.                 $('input#shopping_order_Shippings_{{ idx }}_gp_title').prop('disabled', false);
  46.                 $('input#shopping_order_Shippings_{{ idx }}_gp_name').prop('disabled', false);
  47.         
  48.             } else {
  49.                 // ボタンのdisabledに設定
  50.                 $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryTie').val("");
  51.                 $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryTie').prop('disabled', true);
  52.                 $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryKind').val("");
  53.                 $('select#shopping_order_Shippings_{{ idx }}_NoshideliveryKind').prop('disabled', true);
  54.                 $('input#shopping_order_Shippings_{{ idx }}_gp_title').val("");
  55.                 $('input#shopping_order_Shippings_{{ idx }}_gp_title').prop('disabled', true);
  56.                 $('input#shopping_order_Shippings_{{ idx }}_gp_name').val("");
  57.                 $('input#shopping_order_Shippings_{{ idx }}_gp_name').prop('disabled', true);
  58.             }
  59.         });
  60.     });
  61.     {% endfor %}
  62. </script>
  64. <script>
  65.     $(function() {
  66.         $('.ec-orderDelivery').after($('#add_shopping_noshi_area'));
  67.     });
  68. </script>
  70. <div id="add_shopping_noshi_area">
  71.     <div class="ec-rectHeading">
  72.         <h2>{{ '熨斗（のし）のご希望'|trans }}</h2>
  73.     </div>
  74.     {% for shipping in Order.shippings %}
  75.         {% if Order.multiple %}
  76.             <h4 class="text-danger">{{ 'お届け先'|trans }}({{ loop.index }})</h4>
  77.         {% endif %}
  78.         {% set idx = loop.index0 %}
  79.         <div id="shopping_noshi_area--{{ idx }}" class="shopping_noshi_area">
  80.             <div id="shopping_gp_check--{{ idx }}" class="noshi"}>
  81.                 <label>{{ 'のしをお付けしますか？'|trans }}</label>
  82.                 {{ form_widget(form.Shippings[idx].NoshideliveryCheck, {'attr': {'class': 'form-control'}}) }}
  83.                 <span class="text-danger">{{ form_errors(form.Shippings[idx].NoshideliveryCheck) }}</span>
  84.             </div>
  85.             {% if config.gift_kind %}
  86.                 <div id="shopping_gp_kind--{{ idx }}" class="noshi">
  87.                     <label>{{ 'のしの種類'|trans }}</label>
  88.                     {{ form_widget(form.Shippings[idx].NoshideliveryKind, {'attr': {'class': 'form-control'}}) }}
  89.                     <span class="text-danger">{{ form_errors(form.Shippings[idx].NoshideliveryKind) }}</span>
  90.                 </div>
  91.             {% endif %}
  92.             {% if config.gift_tie %}
  93.                 <div id="shopping_gp_tie--{{ idx }}" class="noshi">
  94.                     <label>{{ '表書き（上段）'|trans }}</label>
  95.                     {{ form_widget(form.Shippings[idx].NoshideliveryTie, {'attr': {'class': 'form-control'}}) }}
  96.                     <span class="text-danger">{{ form_errors(form.Shippings[idx].NoshideliveryTie) }}</span>
  97.                 </div>
  98.                 <div id="shopping_gp_title--{{ idx }}" class="noshi">
  99.                     <label>{{ '表書き（上段）で、[その他]を選択した場合に入力してください。'|trans }}</label>
  100.                     {{ form_widget(form.Shippings[idx].gp_title, {'attr': {'class': 'form-control', 'placeholder': '全角10文字まで'}}) }}
  101.                     <span class="text-danger">{{ form_errors(form.Shippings[idx].gp_title) }}</span>
  102.                 </div>
  103.             {% endif %}
  104.             {% if config.gift_name %}
  105.                 <div id="shopping_gp_name--{{ idx }}" class="noshi">
  106.                     <label>{{ 'お名前（下段）'|trans }}</label>
  107.                     {{ form_widget(form.Shippings[idx].gp_name, {'attr': {'class': 'form-control', 'placeholder': '全角10文字まで'}}) }}
  108.                     <span class="text-danger">{{ form_errors(form.Shippings[idx].gp_name) }}</span>
  109.                 </div>
  110.             {% endif %}
  111.         </div>
  112.     {% endfor %}
  113.     {% if config.comment %}
  114.         <div>
  115.             {{ config.comment|raw|nl2br }}
  116.         </div>
  117.     {% endif %}
  118. </div>
  120. {% endif %}