src/Eccube/Resource/template/admin/Product/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends '@admin/default_frame.twig' %}
  13. {% set menus = ['product', 'product_master'] %}
  15. {% block title %}{{ 'admin.product.product_list'|trans }}{% endblock %}
  16. {% block sub_title %}{{ 'admin.product.product_management'|trans }}{% endblock %}
  18. {% form_theme searchForm '@admin/Form/bootstrap_4_layout.html.twig' %}
  19. {% block javascript %}
  20.     <script>
  21.         $(function() {
  22.             $('#bulkDelete').on('click', function() {
  24.                 var modal = $('#bulkDeleteModal');
  26.                 // 削除中のUI変更処理
  27.                 modal.find('button').attr('disabled', 'disabled');
  28.                 $('.modal-body p', modal).text("{{ 'admin.product.permanently_delete__in_progress'|trans }}");
  29.                 $('.progress', modal).show();
  31.                 var checkedList = $('input[type=checkbox][data-delete-url]:checked');
  32.                 var totalCount = checkedList.length;
  33.                 var currentCount = 0;
  35.                 var promises = checkedList.map(function() {
  36.                     return $.ajax({
  37.                         'url': $(this).data('delete-url'),
  38.                         'type': 'delete',
  39.                         'data': {'_token': $(this).attr('token-for-anchor')}
  40.                     }).always(function() {
  41.                         $('.progress-bar', modal).css('width', (++currentCount / totalCount * 100) + '%');
  42.                     });
  43.                 });
  45.                 var addError = function(errorMessage) {
  46.                     $('<li><span class="badge bg-danger">ERROR</span> </li>')
  47.                         .append($('<span></span>').text(errorMessage))
  48.                         .appendTo('#bulkErrors');
  49.                 };
  51.                 $.when.apply($, promises)
  52.                     .done(function() {
  53.                         // 削除できなかった場合はエラーメッセージを表示
  54.                         var args = promises.length === 1 ? [arguments[0]] : [].slice.call(arguments).map(function(result) {
  55.                             return result[0];
  56.                         });
  57.                         args.filter(function(result) {
  58.                             return result.success === false;
  59.                         }).forEach(function(result) {
  60.                             addError(result.message);
  61.                         });
  62.                     })
  63.                     .fail(function() {
  64.                         // システムエラー
  65.                         addError("{{ 'admin.product.permanently_delete__system_error'|trans }}");
  66.                     })
  67.                     .always(function() {
  68.                         $('.progress', modal).hide();
  69.                         $('.modal-body p', modal).text("{{ 'admin.product.permanently_delete__complete_message'|trans }}");
  70.                         modal.find('button').removeAttr('disabled').toggle();
  71.                     })
  72.             });
  74.             $('#bulkDeleteDone').on('click', function() {
  75.                 location.reload(true);
  76.             });
  78.             toggleBtnBulk('input[id^="check_"]', '#btn_bulk');
  79.             $('input[id^="check_"]').on('change', function() {
  80.                 $('#trigger_check_all').prop('checked', false);
  81.                 toggleBtnBulk('input[id^="check_"]', '#btn_bulk');
  82.             });
  84.             $('#trigger_check_all').on('change', function() {
  85.                 var checked = $(this).prop('checked');
  86.                 if (checked) {
  87.                     $('input[id^="check_"]').prop('checked', true);
  88.                 } else {
  89.                     $('input[id^="check_"]').prop('checked', false);
  90.                 }
  91.                 toggleBtnBulk('input[id^="check_"]', '#btn_bulk');
  92.             });
  94.             $('#form_bulk').find('.action-submit').on('click', function(event) {
  95.                 event.preventDefault();
  96.                 var form = $(this).closest('form');
  97.                 if (!form.find('input:checkbox[name^="ids"]:checked').length) {
  98.                     {# TODO: should use modal instead of alert #}
  99.                     alert('please check');
  100.                     return false;
  101.                 }
  103.                 $('<input />').attr('type', 'hidden').attr('name', '{{ constant('Eccube\\Common\\Constant::TOKEN_NAME') }}')
  104.                     .val($(this).attr('token-for-anchor'))
  105.                     .appendTo(form);
  106.                 form.attr('action', $(this).data('action')).submit();
  107.                 return false;
  108.             });
  110.             var dataClass = [];
  111.             var modalClass = $('#productClassesModal');
  112.             $('form#form_bulk').on('click', 'table.table button[data-class-url]', function() {
  113.                 var btnClass = $(this);
  114.                 btnClass.attr('disabled', true);
  115.                 var productId = btnClass.data('product-id');
  117.                 if (dataClass[productId] != undefined) {
  118.                     renderClass(dataClass[productId], btnClass);
  119.                     return;
  120.                 }
  122.                 $.ajax({
  123.                     url: btnClass.data('class-load'),
  124.                     type: 'GET',
  125.                 }).done(function(data) {
  126.                     dataClass[productId] = data;
  127.                     renderClass(dataClass[productId], btnClass);
  128.                 }).fail(function() {
  129.                     alert('Failed');
  130.                 });
  131.             });
  133.             // Append html and show popup
  134.             function renderClass(data, btnClass) {
  135.                 $('div.modal-body', modalClass).html(data);
  136.                 $('h5.modal-title', modalClass).text(btnClass.data('message'));
  137.                 $('a.btn-ec-conversion', modalClass).attr('href', btnClass.data('class-url'));
  138.                 modalClass.modal('show');
  139.                 btnClass.attr('disabled', false);
  140.             }
  141.         });
  142.     </script>
  143. {% endblock javascript %}
  145. {% block main %}
  146.     <div class="c-outsideBlock">
  147.         <form id='search_form' method="post" action="{{ url('admin_product') }}">
  148.             {{ form_widget(searchForm._token) }}
  149.             <div class="c-outsideBlock__contents">
  150.                 <div class="row justify-content-start">
  152.                     <div class="col-6">
  153.                         <div class="mb-2">
  154.                             <label class="col-form-label" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.product.multi_search_label'|trans }}">{{ 'admin.product.multi_search_label'|trans }}<i class="fa fa-question-circle fa-lg ms-1"></i></label>
  155.                             {{ form_widget(searchForm.id) }}
  156.                             {{ form_errors(searchForm.id) }}
  157.                         </div>
  158.                         <div class="d-inline-block mb-3" data-bs-toggle="collapse" href="#searchDetail"
  159.                              aria-expanded="false" aria-controls="searchDetail"><a><i
  160.                                         class="fa fa-plus-square-o fw-bold me-1"></i><span
  161.                                         class="fw-bold">{{ 'admin.common.search_detail'|trans }}</span></a>
  162.                         </div>
  163.                     </div>
  164.                 </div>
  165.             </div>
  166.             <div class="c-subContents collapse ec-collapse{{ has_errors ? ' show' }}" id="searchDetail">
  167.                 <div class="row mb-2">
  168.                     <div class="col-6">
  169.                         <div class="row mb-2">
  170.                             <div class="col-6">
  171.                                 <label class="col-form-label">{{ 'admin.product.category'|trans }}</label>
  172.                                 {{ form_widget(searchForm.category_id) }}
  173.                                 {{ form_errors(searchForm.category_id) }}
  174.                             </div>
  175.                         </div>
  176.                         <div class="row mb-2">
  177.                             <div class="col-12">
  178.                                 <p class="col-form-label">{{ 'admin.product.display_status'|trans }}</p>
  179.                                 {{ form_widget(searchForm.status, {'label_attr': {'class': 'checkbox-inline'}}) }}
  180.                                 {{ form_errors(searchForm.status, {'label_attr': {'class': 'checkbox-inline'}}) }}
  181.                             </div>
  182.                         </div>
  183.                         <div class="row mb-2">
  184.                             <div class="col-12">
  185.                                 <p class="col-form-label">{{ 'admin.product.stock__short'|trans }}</p>
  186.                                 {{ form_widget(searchForm.stock, {'label_attr': {'class': 'checkbox-inline'}}) }}
  187.                                 {{ form_errors(searchForm.stock) }}
  188.                             </div>
  189.                         </div>
  190.                     </div>
  191.                     <div class="col-6">
  192.                         <div class="row mb-2">
  193.                             <div class="col-6">
  194.                                 <label class="col-form-label">{{ 'admin.product.tag'|trans }}</label>
  195.                                 {{ form_widget(searchForm.tag_id) }}
  196.                                 {{ form_errors(searchForm.tag_id) }}
  197.                             </div>
  198.                         </div>
  199.                         <div class="mb-2">
  200.                             <label class="col-form-label">
  201.                                 {{ 'admin.common.create_date'|trans }}
  202.                             </label>
  203.                             <div class="row align-items-center">
  204.                                 <div class="col">
  205.                                     {# TODO: カレンダー表示の調整 #}
  206.                                     {{ form_widget(searchForm.create_datetime_start) }}
  207.                                     {{ form_errors(searchForm.create_datetime_start) }}
  208.                                 </div>
  209.                                 <div class="col-auto text-center"><span>{{ 'admin.common.separator__range'|trans }}</span>
  210.                                 </div>
  211.                                 <div class="col">
  212.                                     {{ form_widget(searchForm.create_datetime_end) }}
  213.                                     {{ form_errors(searchForm.create_datetime_end) }}
  214.                                 </div>
  215.                             </div>
  216.                         </div>
  217.                         <div class="mb-2">
  218.                             <label class="col-form-label">{{ 'admin.common.update_date'|trans }}</label>
  219.                             <div class="row align-items-center">
  220.                                 <div class="col">
  221.                                     {# TODO: カレンダー表示の調整 #}
  222.                                     {{ form_widget(searchForm.update_datetime_start) }}
  223.                                     {{ form_errors(searchForm.update_datetime_start) }}
  224.                                 </div>
  225.                                 <div class="col-auto"><span>{{ 'admin.common.separator__range'|trans }}</span></div>
  226.                                 <div class="col">
  227.                                     {{ form_widget(searchForm.update_datetime_end) }}
  228.                                     {{ form_errors(searchForm.update_datetime_end) }}
  229.                                 </div>
  230.                             </div>
  231.                         </div>
  232.                     </div>
  233.                 </div>
  234.                 {# エンティティ拡張の自動出力 #}
  235.                 {% for f in searchForm|filter(f => f.vars.eccube_form_options.auto_render) %}
  236.                     {# TODO 1項目1行になるのを改善 #}
  237.                     <div class="row mb-2">
  238.                         {% if f.vars.eccube_form_options.form_theme %}
  239.                             {% form_theme f f.vars.eccube_form_options.form_theme %}
  240.                             {{ form_row(f) }}
  241.                         {% else %}
  242.                             <div class="col">
  243.                                 <div class="mb-3">
  244.                                     <label>{{ f.vars.label|trans }}</label>
  245.                                     {{ form_widget(f) }}
  246.                                     {{ form_errors(f) }}
  247.                                 </div>
  248.                             </div>
  249.                         {% endif %}
  250.                     </div>
  251.                 {% endfor %}
  252.             </div>
  253.             <div class="c-outsideBlock__contents mb-5">
  254.                 <button class="btn btn-ec-conversion px-5" type="submit">{{ 'admin.common.search'|trans }}</button>
  255.                 {% if pagination %}
  256.                     <span class="fw-bold ms-2">{{ 'admin.common.search_result'|trans({"%count%":pagination.totalItemCount})|raw }}</span>
  257.                 {% endif %}
  258.             </div>
  259.             <div class="c-outsideBlock__contents mb-5">
  260.                 {{ include('@admin/search_items.twig', { 'form': searchForm }, ignore_missing = true) }}
  261.             </div>
  262.             {{ form_widget(searchForm.sortkey, {'attr': {'class': 'js-listSort-key'}}) }}
  263.             {{ form_widget(searchForm.sorttype, {'attr': {'class': 'js-listSort-type'}}) }}
  264.         </form>
  265.     </div>
  266.     <div class="c-contentsArea__cols">
  267.         <div class="c-contentsArea__primaryCol">
  268.             <div class="c-primaryCol">
  269.                 {% if pagination and pagination.totalItemCount %}
  270.                     <form id="form_bulk" method="POST" action="">
  271.                         <div class="row justify-content-between mb-2">
  272.                             <div class="col-6">
  273.                                 <div id="btn_bulk" class="d-none">
  274.                                     <label class="me-2">{{ 'admin.common.bulk_actions'|trans }}</label>
  275.                                     <div class="btn-group me-2" role="group">
  276.                                         <button {{ csrf_token_for_anchor() }} data-action="{{ url('admin_product_bulk_product_status', {id: constant('Eccube\\Entity\\Master\\ProductStatus::DISPLAY_SHOW')}) }}" class="btn btn-ec-regular action-submit" type="button">
  277.                                             <span>{{ 'admin.product.display_status__show'|trans }}</span>
  278.                                         </button>
  279.                                         <button {{ csrf_token_for_anchor() }} data-action="{{ url('admin_product_bulk_product_status', {id: constant('Eccube\\Entity\\Master\\ProductStatus::DISPLAY_HIDE')}) }}" class="btn btn-ec-regular action-submit" type="button">
  280.                                             <span>{{ 'admin.product.display_status__hide'|trans }}</span>
  281.                                         </button>
  282.                                     </div>
  283.                                     <button {{ csrf_token_for_anchor() }} data-action="{{ url('admin_product_bulk_product_status', {id: constant('Eccube\\Entity\\Master\\ProductStatus::DISPLAY_ABOLISHED')}) }}" class="btn btn-ec-regular me-2 action-submit">
  284.                                         {{ 'admin.product.display_status__abolished'|trans }}
  285.                                     </button>
  286.                                     <button type="button" data-bs-toggle="modal" data-bs-target="#bulkDeleteModal" class="btn btn-ec-delete">{{ 'admin.product.permanently_delete'|trans }}</button>
  287.                                 </div>
  288.                             </div>
  289.                             <div class="col-5 text-end">
  290.                                 <div class="d-inline-block me-2 align-bottom">
  291.                                     <div>
  292.                                         <select class="form-select" onchange="location = this.value;">
  293.                                             {% for pageMax in pageMaxis %}
  294.                                                 <option {% if pageMax.name == page_count %}selected=""{% endif %} value="{{ path('admin_product_page', {'page_no': 1, 'page_count': pageMax.name}) }}">{{ 'admin.common.count'|trans({ '%count%': pageMax.name }) }}</option>
  295.                                             {% endfor %}
  296.                                         </select>
  297.                                     </div>
  298.                                 </div>
  299.                                 <div class="d-inline-block">
  300.                                     <div class="btn-group" role="group">
  301.                                         <a class="btn btn-ec-regular" href="{{ url('admin_product_export') }}">
  302.                                             <i class="fa fa-cloud-download me-1 text-secondary"></i><span>{{ 'admin.common.csv_download'|trans }}</span>
  303.                                         </a>
  304.                                         <a class="btn btn-ec-regular" href="{{ url('admin_setting_shop_csv', { id : constant('\\Eccube\\Entity\\Master\\CsvType::CSV_TYPE_PRODUCT') }) }}">
  305.                                             <i class="fa fa-cog me-1 text-secondary"></i><span>{{ 'admin.setting.shop.csv_setting'|trans }}</span>
  306.                                         </a>
  307.                                     </div>
  308.                                 </div>
  309.                             </div>
  310.                         </div>
  311.                         <div class="card rounded border-0 mb-4 d-block">
  312.                             <div class="card-body p-0">
  313.                                 <table class="table table-sm">
  314.                                     <thead>
  315.                                     <tr>
  316.                                         <th class="border-top-0 ps-3 pt-2 pb-2">
  317.                                             <input type="checkbox" name="filter" value="open" id="trigger_check_all">
  318.                                         </th>
  319.                                         <th class="border-top-0 pt-2 pb-2" nowrap>{{ 'admin.product.product_id__short'|trans }}<a href="#" class="js-listSort" data-sortkey="product_id"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  320.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.image__short'|trans }}</th>
  321.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.name'|trans }}<a href="#" class="js-listSort" data-sortkey="name"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  322.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.product_code__short'|trans }}<a href="#" class="js-listSort" data-sortkey="product_code"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  323.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.price'|trans }}</th>
  324.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.product.stock'|trans }}<a href="#" class="js-listSort" data-sortkey="stock"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  325.                                         <th class="border-top-0 pt-2 pb-2 text-nowrap">{{ 'admin.product.display_status__short'|trans }}<a href="#" class="js-listSort" data-sortkey="status"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  326.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.common.create_date'|trans }}<a href="#" class="js-listSort" data-sortkey="create_date"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  327.                                         <th class="border-top-0 pt-2 pb-2">{{ 'admin.common.update_date'|trans }}<a href="#" class="js-listSort" data-sortkey="update_date"><i class="fa fa-arrow-up" aria-hidden="true"></i></a></th>
  328.                                         <th class="border-top-0 pt-2 pb-2 pe-3" colspan="3"></th>
  329.                                     </tr>
  330.                                     </thead>
  331.                                     <tbody>
  332.                                     {% for Product in pagination %}
  333.                                         <tr id="ex-product-{{ Product.id }}">
  334.                                             <td class="align-middle ps-3">
  335.                                                 <input type="checkbox" name="ids[]" value="{{ Product.id }}" id="check_{{ Product.id }}" data-delete-url="{{ url('admin_product_product_delete', { id: Product.id }) }}">
  336.                                             </td>
  337.                                             <td class="align-middle">{{ Product.id }}</td>
  338.                                             {# TODO: 画像のサイズをベタ指定しているので、styleguide側を直す #}
  339.                                             <td class="align-middle">
  340.                                                 <a href="{{ url('admin_product_product_edit', { id : Product.id }) }}">
  341.                                                     <img src="{{ asset(Product.mainFileName|no_image_product, 'save_image') }}"
  342.                                                          style="max-width: 50px">
  343.                                                 </a>
  344.                                             </td>
  345.                                             <td class="align-middle"><a
  346.                                                         href="{{ url('admin_product_product_edit', { id : Product.id }) }}">{{ Product.name }}</a>
  347.                                             </td>
  348.                                             <td class="align-middle">
  349.                                                 {{ Product.code_min }}
  350.                                                 {% if Product.code_min != Product.code_max %}{{ 'admin.common.separator__range'|trans }}{{ Product.code_max }}
  351.                                                 {% endif %}
  352.                                             </td>
  353.                                             <td class="align-middle">
  354.                                                 {{ Product.price02_min|price }}
  355.                                                 {% if Product.price02_min != Product.price02_max %}{{ 'admin.common.separator__range'|trans }}{{ Product.price02_max|price }}
  356.                                                 {% endif %}
  357.                                             </td>
  358.                                             <td class="align-middle">
  359.                                                 {% if Product.hasProductClass %}
  360.                                                     <button type="button" class="btn page-link text-dark d-inline-block"
  361.                                                             data-product-id="{{ Product.id }}"
  362.                                                             data-message="{{ 'admin.product.move_to_product_class__confirm_title'|trans({'%name%': Product.name}) }}"
  363.                                                             data-class-load="{{ url('admin_product_classes_load', { 'id' : Product.id }) }}"
  364.                                                             data-class-url="{{ url('admin_product_product_class', { 'id' : Product.id, 'return_product_list' : true }) }}">
  365.                                                         {{ 'admin.product.product_class__confirm'|trans }}
  366.                                                     </button>
  367.                                                 {% else %}
  368.                                                     {# 規格なし商品 は在庫数を表示 #}
  369.                                                     {% if Product.stockunlimited_min %}
  370.                                                         {{ 'admin.product.stock_unlimited__short'|trans }}
  371.                                                     {% else %}
  372.                                                         {{ Product.stock_min }}
  373.                                                     {% endif %}
  374.                                                 {% endif %}
  375.                                             </td>
  376.                                             <td class="align-middle">
  377.                                                 {{ Product.status.name }}
  378.                                             </td>
  379.                                             <td class="align-middle">
  380.                                                 {{ Product.create_date|date_min }}
  381.                                             </td>
  382.                                             <td class="align-middle">
  383.                                                 {{ Product.update_date|date_min }}
  384.                                             </td>
  385.                                             <td class="align-middle pe-3" colspan="3">
  386.                                                 <div class="text-end">
  387.                                                     <div class="px-1 d-inline-block text-center" data-bs-toggle="tooltip"
  388.                                                          data-bs-placement="top"
  389.                                                          title="{{ 'admin.common.display'|trans }}"><a class="btn btn-ec-actionIcon"
  390.                                                                                                        href="{{ url('product_detail', {id:Product.id}) }}"
  391.                                                                                                        target="_blank"><i
  392.                                                                     class="fa fa-eye fa-lg text-secondary"
  393.                                                                     aria-hidden="true"></i></a></div>
  394.                                                     <div class="px-1 d-inline-block text-center" data-bs-toggle="tooltip"
  395.                                                          data-bs-placement="top"
  396.                                                          title="{{ 'admin.common.copy'|trans }}">
  397.                                                         <a href="#" class="btn btn-ec-actionIcon"
  398.                                                            data-bs-toggle="modal"
  399.                                                            data-bs-target="#confirmModal-{{ Product.id }}">
  400.                                                             <i class="fa fa-files-o fa-lg text-secondary"
  401.                                                                aria-hidden="true"></i></a>
  402.                                                         <div class="modal fade" id="confirmModal-{{ Product.id }}" tabindex="-1"
  403.                                                              role="dialog"
  404.                                                              aria-labelledby="confirmModal-{{ Product.id }}" aria-hidden="true">
  405.                                                             <div class="modal-dialog" role="document">
  406.                                                                 <div class="modal-content">
  407.                                                                     <div class="modal-header">
  408.                                                                         <h5 class="modal-title fw-bold">
  409.                                                                             {{ 'admin.product.copy__confirm_title'|trans }}</h5>
  410.                                                                         <button class="btn-close" type="button"
  411.                                                                                 data-bs-dismiss="modal"
  412.                                                                                 aria-label="Close">
  413.                                                                         </button>
  414.                                                                     </div>
  415.                                                                     <div class="modal-body text-start">
  416.                                                                         <p class="text-start">
  417.                                                                             {{ 'admin.product.copy__confirm_message'|trans }}</p>
  418.                                                                     </div>
  419.                                                                     <div class="modal-footer">
  420.                                                                         <button class="btn btn-ec-sub" type="button"
  421.                                                                                 data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}
  422.                                                                         </button>
  423.                                                                         <a
  424.                                                                                 href="{{ url('admin_product_product_copy', {'id' : Product.id}) }}"
  425.                                                                                 class="btn btn-ec-conversion"
  426.                                                                                 data-confirm="false"
  427.                                                                                 {{ csrf_token_for_anchor() }}
  428.                                                                                 data-method="post">
  429.                                                                             {{ 'admin.common.copy'|trans }}
  430.                                                                         </a>
  431.                                                                     </div>
  432.                                                                 </div>
  433.                                                             </div>
  434.                                                         </div>
  435.                                                     </div>
  436.                                                 </div>
  437.                                             </td>
  438.                                         </tr>
  439.                                     {% endfor %}
  441.                                     </tbody>
  442.                                 </table>
  443.                             </div>
  444.                             {% if pagination.totalItemCount > 0 %}
  445.                                 <div class="row justify-content-md-center mb-4 pb-4">
  446.                                     {% include "@admin/pager.twig" with { 'pages' : pagination.paginationData, 'routes' : 'admin_product_page' } %}
  447.                                 </div>
  448.                             {% endif %}
  449.                         </div>
  450.                     </form>
  451.                 {% elseif has_errors %}
  452.                     <div class="card rounded border-0">
  453.                         <div class="card-body p-4">
  454.                             <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_invalid_condition'|trans }}</div>
  455.                             <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  456.                         </div>
  457.                     </div>
  458.                 {% else %}
  459.                     <div class="card rounded border-0">
  460.                         <div class="card-body p-4">
  461.                             <div class="text-center text-muted mb-4 h5">{{ 'admin.common.search_no_result'|trans }}</div>
  462.                             <div class="text-center text-muted">{{ 'admin.common.search_try_change_condition'|trans }}</div>
  463.                             <div class="text-center text-muted">{{ 'admin.common.search_try_advanced_search'|trans }}</div>
  464.                         </div>
  465.                     </div>
  466.                 {% endif %}
  467.             </div>
  469.             <!-- 完全に削除の確認モーダル-->
  470.             <div class="modal fade" id="bulkDeleteModal" tabindex="-1" role="dialog" aria-labelledby="discontinuance" aria-hidden="true" data-bs-keyboard="false" data-bs-backdrop="static">
  471.                 <div class="modal-dialog" role="document">
  472.                     <div class="modal-content">
  473.                         <div class="modal-header">
  474.                             <h5 class="modal-title fw-bold">{{ 'admin.product.permanently_delete__confirm_title'|trans }}</h5>
  475.                             <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
  476.                         </div>
  477.                         <div class="modal-body text-start">
  478.                             <p class="text-start">{{ 'admin.product.permanently_delete__confirm_message'|trans }}</p>
  479.                             <ul id="bulkErrors"></ul>
  480.                             <div class="progress" style="display: none">
  481.                                 <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
  482.                             </div>
  483.                         </div>
  484.                         <div class="modal-footer">
  485.                             <button class="btn btn-ec-sub" type="button" data-bs-dismiss="modal">{{ 'admin.common.cancel'|trans }}</button>
  486.                             <button class="btn btn-ec-delete" type="button" id="bulkDelete">{{ 'admin.product.permanently_delete' | trans }}</button>
  487.                             <button class="btn btn-ec-regular" id="bulkDeleteDone" style="display: none" type="button" data-bs-dismiss="modal">{{ 'admin.product.permanently_delete__complete'|trans }}</button>
  488.                         </div>
  489.                     </div>
  490.                 </div>
  491.             </div>
  493.         </div>
  494.     </div>
  496.     <div class="modal fade" id="productClassesModal" tabindex="-1" role="dialog" aria-labelledby="productClassesModal" aria-hidden="true">
  497.         <div class="modal-dialog">
  498.             <div class="modal-content">
  499.                 <div class="modal-header">
  500.                     <h5 class="modal-title fw-bold">{# Title #}</h5>
  501.                     <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close">
  502.                     </button>
  503.                 </div>
  504.                 <div class="modal-body">
  505.                     {# Append data list #}
  506.                 </div>
  507.                 <div class="modal-footer">
  508.                     <button class="btn btn-v-sub" type="button" data-bs-dismiss="modal">
  509.                         {{ 'admin.common.cancel'|trans }}
  510.                     </button>
  511.                     <a class="btn btn-ec-conversion"
  512.                        href="#">
  513.                         {{ 'admin.product.move_to_product_class'|trans }}
  514.                     </a>
  515.                 </div>
  516.             </div><!-- /.modal-content -->
  517.         </div><!-- /.modal-dialog -->
  518.     </div><!-- /#productClassesModal -->
  519. {% endblock %}