app/Plugin/QuantityDiscountDx/Resource/template/admin/Product/qd_area_js.twig line 1

Open in your IDE?
  1. <script>
  3.     const QD_TYPE_PRICE = "{{ constant('Plugin\\QuantityDiscountDx\\Entity\\QdProductClass::QD_TYPE_PRICE') }}";
  4.     const QD_TYPE_RATE = "{{ constant('Plugin\\QuantityDiscountDx\\Entity\\QdProductClass::QD_TYPE_RATE') }}";
  6.     $(function () {
  8.         $('#qd_area_title').tooltip();
  10.         // 追加ボタンイベント追加
  11.         let qdCollectionHolder = $('#qd_area_body');
  12.         let qdCollectionIndex = $('.qd_area_row').length - 1;
  14.         // 追加
  15.         $('#qd_add_btn').on('click', function () {
  17.             let prototype = qdCollectionHolder.data('prototype');
  18.             qdCollectionIndex++;
  20.             var newForm = prototype.replace(/__name__/g, qdCollectionIndex);
  21.             var $lastRow = $('.qd_area_row:last')
  22.             $lastRow.after(newForm);
  23.         });
  25.         // 削除
  26.         $(document).on('click', '.qd_del_btn', function() {
  27.             let key = $(this).data('key');
  28.             $('#qd_area_row_' + key).hide();
  29.             $('#admin_product_class_QdProductClasses_' + key + '_del_flg').val(1);
  30.         });
  32.         // type変更
  33.         $(document).on('change', '.qd_type_radio', function () {
  34.             changeType($(this));
  35.         });
  37.         // 初期処理
  38.         $('input[id^="admin_product_class_QdProductClasses_0_qd_type_"]:checked').each(function () {
  39.             changeType($(this));
  40.         });
  41.     });
  43.     function changeType(checkObj) {
  45.         let parent = checkObj.parent().parent();
  46.         let target_index = parent.data('target_index');
  48.         if(checkObj.val() == QD_TYPE_PRICE) {
  49.             $('#qd_price_' + target_index).removeClass('d-none');
  50.             $('#qd_rate_' + target_index).addClass('d-none');
  51.         } else {
  52.             $('#qd_price_' + target_index).addClass('d-none');
  53.             $('#qd_rate_' + target_index).removeClass('d-none');
  54.         }
  55.     }
  56. </script>