app/Plugin/CategoryDisplaySelected42/Resource/template/admin/product_category_add_snippet.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
  2.     $(function () {
  3.         // append to layout
  4.         $(".c-secondaryCol").find('.card.rounded').eq(0).after($("#category_display_selected42_selected_category").detach());
  5.         $('[data-bs-toggle="tooltip"]').tooltip();
  7.         // 「カテゴリ検索を空にする」「カテゴリを全て外す」ボタンを、
  8.         // 「カテゴリ」欄の「カテゴリの追加・編集」ボタンの直上に差し込む。
  9.         // サーバー側のテンプレート文字列一致に頼ると、コアテンプレートの改行・空白の
  10.         // わずかな差異で挿入に失敗することがあるため、DOM操作（既存の選択済みカテゴリ欄の
  11.         // 移動と同じ手法）で確実に配置する。
  12.         var $moveToCategoryButton = $('#category .d-block.text-center').first();
  13.         if ($moveToCategoryButton.length) {
  14.             $moveToCategoryButton.before(
  15.                 '<div class="d-block text-center mb-2">' +
  16.                 '<button type="button" class="btn w-100 btn-ec-regular mb-2" id="category_display_selected42_search_category_reset">カテゴリ検索を空にする</button>' +
  17.                 '<button type="button" class="btn w-100 btn-ec-regular mb-2" id="category_display_selected42_category_reset">カテゴリを全て外す</button>' +
  18.                 '</div>'
  19.             );
  20.         }
  22.         $("#category_display_selected42_selected_category").show();
  24.         $('.category-label').on('click', function() {
  25.             $('#search-category').val($(this).text())
  26.             searchWord($(this).text(), $('.category-li'));
  27.         });
  29.         function resetSearchCategory() {
  30.             $('#search-category').val('')
  31.             searchWord('', $('.category-li'));
  32.         }
  34.         $('#category_display_selected42_category_reset').on('click', function() {
  35.             if (confirm('{{ 'category_display_selected42.admin_product_selected_category.unchecked_register_category'|trans }}')) {
  36.                 var categoryList = $('#category .c-directoryTree--register').find('input[type="checkbox"][id^="admin_product_category"]');
  37.                 categoryList.each(function(){
  38.                     $(this).removeAttr("checked").prop("checked", false).change();
  39.                 });
  40.                 resetSearchCategory();
  41.                 // 「選択済みカテゴリ」欄はページ読み込み時の静的表示のため、
  42.                 // チェックを外しただけでは表示が更新されない。ここで明示的に空表示へ切り替える。
  43.                 $('#category_display_selected42_pic_category .card-body').html(
  44.                     '<div>{{ 'category_display_selected42.admin_product_selected_category.nothing_register_category'|trans }}</div>'
  45.                 );
  46.             } else {
  47.                 //キャンセル
  48.                 return false
  49.             }
  51.         });
  53.         $('#category_display_selected42_search_category_reset').on('click', function() {
  54.             resetSearchCategory();
  55.         });
  56.     })
  57. </script>
  59. <div id="category_display_selected42_selected_category" class="card rounded border-0 mb-4" style="display: none;">
  60.     <div class="card-header">
  61.         <div class="row">
  62.             <div class="col-8">
  63.                 <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'category_display_selected42.admin_product_selected_category.tooltip'|trans }}">
  64.                     <span class="card-title">
  65.                         {{ 'category_display_selected42.admin_product_selected_category.title'|trans }}
  66.                     </span>
  67.                     <i class="fa fa-question-circle fa-lg ms-1"></i>
  68.                 </div>
  69.             </div>
  70.             <div class="col-4 text-end">
  71.                 <a data-bs-toggle="collapse" href="#category_display_selected42_pic_category" aria-expanded="false"
  72.                    aria-controls="category">
  73.                     <i class="fa fa-angle-up fa-lg"></i>
  74.                 </a>
  75.             </div>
  76.         </div>
  77.     </div>
  78.     <div class="collapse show ec-cardCollapse" id="category_display_selected42_pic_category">
  79.         <div class="card-body">
  80.             {% if ChoicedCategoryIds|length > 0 %}
  81.                 <div class="c-directoryTree--register rounded border mb-3 p-3">
  82.                     {% import _self as CategoryDisplaySelected42Macro %}
  83.                     {% for TopCategory in TopCategories %}
  84.                         <ul class="list-unstyled">
  85.                             {{ CategoryDisplaySelected42Macro.CategoryDisplaySelected42Tree(ChoicedCategoryIds, TopCategory, form.Category) }}
  86.                         </ul>
  87.                     {% endfor %}
  88.                 </div>
  89.                 {% macro CategoryDisplaySelected42Tree(ChoicedIds, Category, form) %}
  90.                     {% import _self as CategoryDisplaySelected42SelfMacro %}
  91.                     {% if Category.id in ChoicedIds %}
  92.                         <li class="c-directoryTree--registerItem">
  93.                             <label class="category-label">{{ Category.name }}</label>
  94.                             <ul class="list-unstyled">
  95.                                 {% for child,ChildCategory in Category.children %}
  96.                                     {{ CategoryDisplaySelected42SelfMacro.CategoryDisplaySelected42Tree(ChoicedIds, ChildCategory, form) }}
  97.                                 {% endfor %}
  98.                             </ul>
  99.                         </li>
  100.                     {% endif %}
  101.                 {% endmacro %}
  102.             {% else %}
  103.                 <div>
  104.                     {{ 'category_display_selected42.admin_product_selected_category.nothing_register_category'|trans}}
  105.                 </div>
  106.             {% endif %}
  107.         </div>
  108.     </div>
  109. </div>