app/Plugin/ApexOrderItemOption/Resource/template/default/Product/option_js.twig line 1

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