src/Eccube/Resource/template/admin/Product/csv_category.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', 'category_csv_import'] %}
  15. {% block title %}{{ 'admin.product.category_csv_upload'|trans }}{% endblock %}
  16. {% block sub_title %}{{ 'admin.product.product_management'|trans }}{% endblock %}
  18. {% form_theme form '@admin/Form/bootstrap_4_horizontal_layout.html.twig' %}
  20. {% block javascript %}
  21.     <script>
  22.         $(function() {
  24.             var opts = {
  25.                 lines: 13,
  26.                 length: 30,
  27.                 width: 2,
  28.                 radius: 12,
  29.                 corners: 1,
  30.                 rotate: 0,
  31.                 direction: 1,
  32.                 color: '#BBB',
  33.                 speed: 1,
  34.                 trail: 67,
  35.                 shadow: true,
  36.                 hwaccel: false,
  37.                 className: 'spinner',
  38.                 zIndex: 2e9,
  39.                 top: top
  40.             };
  42.             ImageSpinner = new Spinner(opts).spin(document.getElementById('spinner'));
  43.             ImageSpinner.stop();
  45.             $('#upload-form').submit(function() {
  46.                 $('#upload-button').attr('disabled', 'disabled');
  47.                 $('#download-button').attr('disabled', 'disabled');
  48.                 ImageSpinner.spin(document.getElementById('spinner'));
  49.             });
  51.             $('#file-select').click(function() {
  52.                 $('#admin_csv_import_import_file').click();
  53.                 $('#admin_csv_import_import_file').on('change', function() {
  54.                     var files = $(this).prop('files');
  55.                     if (files.length) {
  56.                         $('#admin_csv_import_import_file_name').text(files[0].name);
  57.                     }
  58.                 });
  59.             });
  60.         });
  61.     </script>
  62. {% endblock javascript %}
  63. {% block main %}
  64.     <div class="c-contentsArea__cols">
  65.         <div class="c-contentsArea__primaryCol">
  66.             <div class="c-primaryCol">
  67.                 <div class="card rounded border-0 mb-4">
  68.                     <div class="card-header">
  69.                         <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.category.csv_upload'|trans }}"><span>{{ 'admin.common.csv_upload'|trans }}</span><i class="fa fa-question-circle fa-lg fa-lg ms-1"></i></div>
  70.                     </div>
  71.                     <div id="ex-csv_category-upload" class="card-body">
  72.                         <div class="row">
  73.                             <div class="col-2"><span>{{ 'admin.common.csv_select'|trans }}</span></div>
  74.                             <div class="col">
  75.                                 <form id="upload-form" method="post" action="{{ url('admin_product_category_csv_import') }}" enctype="multipart/form-data">
  76.                                     {{ form_widget(form._token) }}
  77.                                     <div class="mb-2">
  78.                                         <span id="file-select" class="btn btn-ec-regular me-2">{{ 'admin.common.file_select'|trans }}</span>
  79.                                         <span id="admin_csv_import_import_file_name">{{ 'admin.common.file_select_empty'|trans }}</span>
  80.                                         {{ form_widget(form.import_file, {'attr': {'accept': 'text/csv,text/tsv', 'class': 'd-none'}}) }}
  81.                                         {{ form_errors(form.import_file) }}
  82.                                     </div>
  83.                                     <button class="btn btn-ec-conversion" id="upload-button" type="submit">{{ 'admin.common.bulk_registration'|trans }}</button>
  84.                                     {% for error in errors %}
  85.                                         <div class="text-danger">{{ error }}</div>
  86.                                     {% endfor %}
  87.                                 </form>
  88.                             </div>
  89.                         </div>
  90.                         <div id="spinner"></div>
  91.                     </div>
  92.                 </div>
  93.                 <div class="card rounded border-0 mb-4">
  94.                     <div class="card-header">
  95.                         <div class="row justify-content-between">
  96.                             <div class="col-6">
  97.                                 <div class="d-inline-block" data-bs-toggle="tooltip" data-bs-placement="top" title="{{ 'tooltip.category.csv_format'|trans }}"><span class="align-middle">{{ 'admin.common.csv_format'|trans }}</span><i class="fa fa-question-circle fa-lg fa-lg ms-1"></i></div>
  98.                             </div>
  99.                             <div class="col-4 text-end">
  100.                                 <a href="{{ url('admin_product_csv_template', {'type': 'category'}) }}" class="btn btn-ec-regular" id="download-button">{{ 'admin.common.csv_skeleton_download'|trans }}</a>
  101.                             </div>
  102.                         </div>
  103.                     </div>
  104.                     <div id="ex-csv_category-format" class="card-body">
  105.                         <table class="table table-striped table-bordered">
  106.                             <tbody>
  107.                             {% for header, key in headers %}
  108.                                 <tr>
  109.                                     <th class="w-25 align-middle table-ec-lightGray" id="file_format_box__header--{{ loop.index }}">{{ header }}
  110.                                         {% if key.required %}
  111.                                             <span class="badge bg-primary ms-1">{{ 'admin.common.required'|trans }}</span>
  112.                                         {% endif %}
  113.                                     </th>
  114.                                     <td class="align-middle">
  115.                                         {% if key.description %}
  116.                                             {{ key.description|trans }}
  117.                                         {% endif %}
  118.                                     </td>
  119.                                 </tr>
  120.                             {% endfor %}
  121.                             </tbody>
  122.                         </table>
  123.                     </div>
  124.                 </div>
  125.             </div>
  126.         </div>
  127.     </div>
  128. {% endblock %}