app/Plugin/ProductOption42/Resource/template/admin/Order/search_product_js.twig line 1

Open in your IDE?
  1. {#
  2. * Plugin Name : ProductOption
  3. *
  4. * Copyright (C) BraTech Co., Ltd. All Rights Reserved.
  5. * http://www.bratech.co.jp/
  6. *
  7. * For the full copyright and license information, please view the LICENSE
  8. * file that was distributed with this source code.
  9. #}
  11. {% block css %}
  12. <link rel="stylesheet" href="{{ asset('assets/css/tempusdominus-bootstrap-4.min.css', 'admin') }}">
  13. <style type="text/css">
  14.     .datepicker-days th.dow:first-child,
  15.     .datepicker-days td:first-child {
  16.         color: #f00;
  17.     }
  19.     .datepicker-days th.dow:last-child,
  20.     .datepicker-days td:last-child {
  21.         color: #00f;
  22.     }
  23. </style>
  24. {% endblock %}
  25. {% block javascript %}
  26. <script>
  27.     $(function() {
  28.         if ($('[type="date"]').prop('type') != 'date' && $('[type="date"]').prop('name').match(/productoption\d+/) != null) {
  29.             // input type属性でdateが利用できるかどうか(カレンダー表示できないブラウザ対応)
  30.             $.when(
  31.                 $.getScript("{{ asset('assets/js/vendor/moment.min.js', 'admin') }}"),
  32.                 $.getScript("{{ asset('assets/js/vendor/moment-with-locales.min.js', 'admin') }}"),
  33.                 $.getScript("{{ asset('assets/js/vendor/tempusdominus-bootstrap-4.min.js', 'admin') }}")
  34.             ).done(function() {
  35.                 $('input[type=date]').datetimepicker({
  36.                     locale: '{{ eccube_config.locale }}',
  37.                     format: 'YYYY-MM-DD',
  38.                     useCurrent: false,
  39.                     buttons: {
  40.                         showToday: true,
  41.                         showClose: true
  42.                     }
  43.                 });
  44.             });
  45.         }
  46.     });
  48.     optionPrices = {{ optionPrices|json_encode|raw }};
  49.     optionMultiples = {{ optionMultiples|json_encode|raw }};
  50.     optionDefaults = {{ optionDefaults|json_encode|raw }};
  51.     // 受注明細行を追加する.
  52.     function fnAddOrderItemOption($row, product_id, type, product_name) {
  53.         // 規格1の要素を取得
  54.         var $sele1 = $row.find('select[name=classcategory_id1]');
  55.         // 規格2の要素を取得
  56.         var $sele2 = $row.find('select[name=classcategory_id2]');
  58.         var product_class_id = null;
  59.         var price = 0;
  60.         var quantity = 1;
  62.         // 規格なし商品の場合
  63.         if (!$sele1.length && !$sele2.length) {
  64.             var product = productsClassCategories[product_id]['__unselected2']['#'];
  65.             product_class_id = product['product_class_id'];
  66.             price = product['price02'];
  67.             // 規格が登録されている商品の場合
  68.         } else if ($sele1.length) {
  69.             if ($sele2.length) {
  70.                 var class_category_id1 = $sele1.val();
  71.                 var class_cateogry_id2 = $sele2.val();
  72.                 if (class_category_id1 == '__unselected' || !class_cateogry_id2) {
  73.                     alert('{{'admin.product.unselected_class'|trans}}');
  74.                     return;
  75.                 }
  76.                 var product = productsClassCategories[product_id][class_category_id1]['#' + class_cateogry_id2];
  78.                 product_class_id = product['product_class_id'];
  79.                 price = product['price02'];
  80.             } else {
  81.                 var class_category_id1 = $sele1.val();
  82.                 if (class_category_id1 == '__unselected') {
  83.                     alert('{{ 'admin.product.unselected_class'|trans }}');
  84.                     return;
  85.                 }
  86.                 var product = productsClassCategories[product_id][class_category_id1]['#'];
  88.                 product_class_id = product['product_class_id'];
  89.                 price = product['price02'];
  90.             }
  91.         }
  93.         // オプション情報の取得
  94.         var option_id = null;
  95.         var options = {};
  97.         price = parseFloat(price.replace(/,/g,''));
  98.         $form = $("form[name=product_form"+product_id+"]");
  99.         $form.next().find("[name^=productoption]").each(function(){
  100.             var option_id = $(this).attr('name').replace(/productoption/ig,'');
  101.             var id = $(this).prop("id");
  102.             if(id.match(/^productoption\d[\d_]*\d$/)){
  103.                 var type = $(this).attr('type');
  104.                 var kind = $(this).prop('tagName');
  105.                 var value = null;
  106.                 if(type == 'radio'){
  107.                     if($(this).prop('checked')){
  108.                         value = parseFloat($(this).val());
  109.                         if(!optionDefaults[product_id][option_id][value])options[option_id] = value;
  110.                         price += parseFloat(optionPrices[product_id][option_id][value]);
  111.                     }
  112.                 }else if(type == 'checkbox'){
  113.                     option_id = option_id.replace('[]','');
  114.                     if($(this).prop('checked')){
  115.                         if(options[option_id] == undefined){
  116.                             options[option_id] = [];
  117.                         }
  118.                         value = parseFloat($(this).val());
  119.                         options[option_id].push(value);
  120.                         price += parseFloat(optionPrices[product_id][option_id][value]);
  121.                     }
  122.                 }else{
  123.                     value = $(this).val();
  124.                     if(value.length > 0){
  125.                         var kind = $(this).prop('tagName');
  126.                         if(kind == 'SELECT'){
  127.                             if(!optionDefaults[product_id][option_id][value])options[option_id] = value;
  128.                             price += parseFloat(optionPrices[product_id][option_id][value]);
  129.                         }else{
  130.                             var multi = 1;
  131.                             if(type == 'number'){
  132.                                 if(optionMultiples[product_id][option_id]){
  133.                                     multi = parseFloat(value);
  134.                                 }
  135.                             }
  136.                             price += parseFloat(optionPrices[product_id][option_id][0]*multi);
  137.                             options[option_id] = value;
  138.                         }
  139.                     }
  140.                 }
  141.             }
  142.         });
  144.         var prototype = $collectionHolder.data('prototype');
  145.         index++;
  146.         var newForm = prototype.replace(/__name__/g, index);
  147.         $collectionHolder.children('tbody').append(newForm);
  148.         var $lastRow = $collectionHolder.children('tbody').children('tr').last();
  150.         $($lastRow).find(formIdPrefix + index + '_ProductClass').val(product_class_id);
  151.         $($lastRow).find(formIdPrefix + index + '_price').val(price);
  152.         $($lastRow).find(formIdPrefix + index + '_quantity').val(quantity);
  153.         $($lastRow).find(formIdPrefix + index + '_order_item_type').val(type);
  154.         $($lastRow).find(formIdPrefix + index + '_product_name').val(product_name);
  155.         $($lastRow).find(formIdPrefix + index + '_option_serial').val(JSON.stringify(options));
  157.         // モーダル閉じる.
  158.         $('#searchProductModal').modal('hide');
  160.         // 再計算のためsubmit.
  161.         $('#form1').submit();
  163.         return false;
  164.     }
  165. </script>
  166. {% endblock %}