app/Plugin/ProductOption42/Resource/template/default/Product/option_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. <style type="text/css">
  13.     .datepicker-days th.dow:first-child,
  14.     .datepicker-days td:first-child {
  15.         color: #f00;
  16.     }
  18.     .datepicker-days th.dow:last-child,
  19.     .datepicker-days td:last-child {
  20.         color: #00f;
  21.     }
  22. </style>
  23. {% endblock %}
  24. {% block javascript %}
  25. <script src="{{ asset('../../plugin/ProductOption42/assets/js/jquery.plainmodal.min.js') }}"></script>
  26. <script>
  27. $(function() {
  28.     //デフォルトのデイトタイムピッカーが存在しない場合
  29.     if ($('[type="date"]').prop('type') !== 'date') {
  30.         $.getScript("{{ asset('assets/js/vendor/moment.min.js', 'admin') }}").done(function() {
  31.             $.getScript("{{ asset('assets/js/vendor/moment-with-locales.min.js', 'admin') }}").done(function() {
  32.                 $.getScript("{{ asset('assets/js/vendor/tempusdominus-bootstrap-4.min.js', 'admin') }}").done(function() {
  33.                     $('input[type=date]').datetimepicker({
  34.                         locale: '{{ eccube_config.locale }}',
  35.                         format: 'YYYY-MM-DD',
  36.                         useCurrent: false,
  37.                         buttons: {
  38.                             showToday: true,
  39.                             showClose: true
  40.                         }
  41.                     });
  42.                 });
  43.             });
  44.         });
  45.     }
  46. });
  48. var product_id;
  49. $(function() {
  50.     {% for ProductOption in ProductOptions %}
  51.     {% set Option = ProductOption.Option %}
  52.     {% set Product = ProductOption.Product %}
  53.         {% if Option.description_flg == constant('Plugin\\ProductOption42\\Entity\\OptionCategory::ON') %}
  54.             modal{{ Product.id }}_{{ Option.id }} = $('#option_description_{{ Product.id }}_{{ Option.id }}').plainModal();
  55.             $('#option_description_link_{{ Product.id }}_{{ Option.id }}').click(function() {
  56.                 modal{{ Product.id }}_{{ Option.id }}.plainModal('open');
  57.                 product_id = $(this).attr('data');
  58.                 return false;
  59.             });
  60.         {% endif %}
  61.     {% endfor %}
  62. });
  64. $(function() {
  65.     $("[id^=desc_btn_]").click(function(){
  66.         var form_id;
  67.         var id = $(this).attr('id').replace(/^desc_btn_/ig, '');
  68.         var ids = id.split('_');
  69.         if (eccube.hasOwnProperty('productsClassCategories')) {
  70.             form_id = product_id;
  71.         }else{
  72.             form_id = 1;
  73.         }
  74.         var $form = $("form[name=form"+form_id+"]");
  75.         func_submit($form,ids[0],ids[1]);
  76.         onOptionChange($form)
  77.     });
  78.     $("[name^=productoption]").change(function(){
  79.         $form = $(this).parents('form');
  80.         onOptionChange($form);
  81.     });
  82. });
  84. function func_submit($form,optionId, setValue) {
  85.     var $sele_option = $form.find("[name=productoption" + optionId + "]");
  86.     if($sele_option && $sele_option.length){
  87.         var kind = $sele_option.attr("type");
  88.         if(kind == 'radio'){
  89.             $sele_option.val([setValue]);
  90.         }else{
  91.             $sele_option.val(setValue);
  92.         }
  93.     }else{
  94.         var $sele_option = $form.find('[name="productoption' + optionId + '[]"]');
  95.         if($sele_option && $sele_option.length){
  96.             $sele_option.each(function(){
  97.                 if($(this).val() == setValue){
  98.                     $(this).prop('checked',true);
  99.                 }
  100.             });
  101.         }
  102.     }
  104.     $('#option_description_' + product_id + '_' + optionId).plainModal('close');
  105. }
  108. var optionPrice = {{ optionPrices|json_encode|raw }};
  109. var optionPoint = {{ optionPoints|json_encode|raw }};
  110. var optionWeight = {{ optionWeights|json_encode|raw }};
  111. var optionSize = {{ optionSizes|json_encode|raw }};
  112. var optionMultiple = {{ optionMultiples|json_encode|raw }};
  113. var taxRules = {{ taxRules|json_encode|raw }};
  114. var default_class_id = {{ default_class_id|json_encode|raw }};
  116. function onOptionChange($form){
  117.     if(!$form.length){
  118.         return;
  119.     }
  120.     var optionPriceTotal = 0;
  121.     var optionPointTotal = 0;
  122.     var optionWeightTotal = 0;
  123.     var optionSizeTotal = 0;
  124.     var tax_rate = null;
  125.     var tax_rule = null;
  126.     var product_id = $form.find('input[name="product_id"]').val();
  127.     var $sele1 = $form.find('select[name=classcategory_id1]');
  128.     var $sele2 = $form.find('select[name=classcategory_id2]');
  130.     var classcat_id1 = $sele1.val() ? $sele1.val() : '__unselected';
  131.     var classcat_id2 = $sele2.val() ? $sele2.val() : '';
  132.     if (eccube.hasOwnProperty('productsClassCategories')) {
  133.         // 商品一覧時
  134.         classcat2 = eccube.productsClassCategories[product_id][classcat_id1]['#' + classcat_id2];
  135.     } else {
  136.         // 詳細表示時
  137.         classcat2 = eccube.classCategories[classcat_id1]['#' + classcat_id2];
  138.     }
  139.     $form.find("[id^=productoption]").each(function(){
  140.         var id = $(this).prop("id");
  141.         var name = $(this).attr("name");
  142.         var option_id = null;
  143.         if(name === undefined){
  144.             name = $(this).find("input").prop("id");
  145.         }
  146.         if(name === undefined)return;
  147.         option_id = name.replace(/productoption/ig,'');
  148.         option_id = option_id.replace(/_\d+/ig,'');
  149.         option_id = option_id.replace(/\[\]/ig,'');
  150.         if(id.match(/^productoption\d+$/)){
  151.             var kind = $(this).prop('tagName');
  152.             var type = $(this).attr('type');
  153.             var value = null;
  154.             var multi = 1;
  155.             switch(kind){
  156.                 case 'SELECT':
  157.                     value = $(this).val();
  158.                     break;
  159.                 case 'TEXTAREA':
  160.                 case 'INPUT':
  161.                     var text = $(this).val();
  162.                     if(text.length > 0){
  163.                         value = 0;
  164.                     }
  165.                     if(type == 'number'){
  166.                         if(optionMultiple[product_id][option_id]){
  167.                             multi = $(this).val();
  168.                             if(multi.length == 0)multi = 0;
  169.                         }
  170.                     }
  171.                     break;
  172.                 default:
  173.                     if($(this).find('input[type="checkbox"]').length > 0){
  174.                         value = [];
  175.                         $(this).find('input[type="checkbox"]:checked').each(function(){
  176.                             value.push($(this).val());
  177.                         });
  178.                     }else{
  179.                         value = $form.find("input[name='productoption" + option_id + "']:checked").val();
  180.                     }
  181.                     break;
  182.             }
  183.             if($.isNumeric(value) || Array.isArray(value)){
  184.                 if(Array.isArray(value)){
  185.                     for(var key in value){
  186.                         optionPriceTotal += parseFloat(optionPrice[product_id][option_id][value[key]]);
  187.                         optionPointTotal += parseFloat(optionPoint[product_id][option_id][value[key]]);
  188.                         optionWeightTotal += parseFloat(optionWeight[product_id][option_id][value[key]]);
  189.                         optionSizeTotal += parseFloat(optionSize[product_id][option_id][value[key]]);
  190.                     }
  191.                 }else{
  192.                     optionPriceTotal += parseFloat(optionPrice[product_id][option_id][value]*multi);
  193.                     optionPointTotal += parseFloat(optionPoint[product_id][option_id][value]*multi);
  194.                     optionWeightTotal += parseFloat(optionWeight[product_id][option_id][value]*multi);
  195.                     optionSizeTotal += parseFloat(optionSize[product_id][option_id][value]*multi);
  196.                 }
  197.             }
  198.         }
  199.     });
  201.     var product_class_id = default_class_id[product_id];
  202.     if(classcat2 && classcat2.product_class_id !== ''){
  203.         product_class_id = classcat2.product_class_id;
  204.     }
  206.     var tax_rate = taxRules[product_class_id]['tax_rate'];
  207.     var tax_rule = taxRules[product_class_id]['tax_rule'];
  209.     var $option_price = $form.parent().find('#option_price_default').first();
  210.     $option_price.text(number_format(optionPriceTotal));
  211.     var $option_point = $form.parent().find('#option_price_inctax_default').first();
  212.     $option_point.text(number_format(optionPriceTotal + sfTax(optionPriceTotal, tax_rate, tax_rule)));
  214.     if($form.parent().find('#deliveryplus_weight_default').length){
  215.         var $deliveryplus_weight = $form.parent().find('#deliveryplus_weight_default').first();
  216.         var weight = $deliveryplus_weight.text();
  217.         if($.isNumeric(weight)){
  218.             $deliveryplus_weight.text((parseFloat(weight) + parseFloat(optionWeightTotal)).toFixed(2));
  219.         }
  220.     }
  222.     if($form.parent().find('#deliveryplus_size_default').length){
  223.         var $deliveryplus_size = $form.parent().find('#deliveryplus_size_default').first();
  224.         var size = $deliveryplus_size.text();
  225.         if($.isNumeric(size)){
  226.             $deliveryplus_size.text((parseFloat(size) + parseFloat(optionSizeTotal)).toFixed(2));
  227.         }
  228.     }
  229. }
  231. function number_format(num) {
  232.     return num.toString().replace(/([0-9]+?)(?=(?:[0-9]{3})+$)/g , '$1,');
  233. }
  235. function sfTax(price, tax_rate, tax_rule) {
  236.     real_tax = tax_rate / 100;
  237.     ret = price * real_tax;
  238.     tax_rule = parseInt(tax_rule);
  239.     switch (tax_rule) {
  240.         // 四捨五入
  241.         case {{ constant('Eccube\\Entity\\Master\\RoundingType::ROUND') }}:
  242.             $ret = Math.round(ret);
  243.             break;
  244.         // 切り捨て
  245.         case {{ constant('Eccube\\Entity\\Master\\RoundingType::FLOOR') }}:
  246.             $ret = Math.floor(ret);
  247.             break;
  248.         // 切り上げ
  249.         case {{ constant('Eccube\\Entity\\Master\\RoundingType::CEIL') }}:
  250.             $ret = Math.ceil(ret);
  251.             break;
  252.         // デフォルト:切り上げ
  253.         default:
  254.             $ret = Math.round(ret);
  255.             break;
  256.     }
  257.     return $ret;
  258. }
  260. </script>
  261. {% endblock %}