custom/static-plugins/EfbStorefront/Resources/views/storefront/component/checkout/csv-upload.html.twig line 1

Open in your IDE?
  1. <div class="csv-upload">
  2.     {% block csv_upload_header %}
  3.         <div class="csv-upload__header">
  4.             <div class="csv-upload__header-title">
  5.                 {% block csv_upload_header_headline %}
  6.                     {{ "csvUpload.headline"|trans }}
  7.                 {% endblock %}
  8.             </div>
  9.         </div>
  10.     {% endblock %}
  12.     {% block csv_upload_form %}
  13.         <form action="{{ path('frontend.checkout.product.addCsv') }}"
  14.               data-form-csrf-handler="true"
  15.               class="form--upload"
  16.               method="post"
  17.               enctype="multipart/form-data"
  18.               data-upload-form-plugin="true"
  19.         >
  20.             {{ sw_csrf("frontend.checkout.product.addCsv")}}
  22.             {% block csv_upload_form_dropzone %}
  23.                 <div class="csv-upload__dropzone">
  24.                     <div class="upload--input">
  25.                         {% block csv_upload_form_dropzone_inner %}
  26.                             <label for="csvFile">
  27.                                 <h3>{{ "csvUpload.chooseFile"|trans }}</h3>
  28.                                 <span>{{ "csvUpload.dragFileHere"|trans }}</span>
  29.                             </label>
  31.                             <input
  32.                                     type="file"
  33.                                     class="input--file"
  34.                                     name="csvFile"
  35.                                     id="csvFile"
  36.                                     accept="text/csv"
  37.                                     required
  38.                             >
  39.                         {% endblock %}
  40.                     </div>
  41.                 </div>
  42.             {% endblock %}
  44.             {% block csv_upload_form_template_download %}
  45.                 <div class="csv-upload__template-file">
  46.                     {% set _fileName = "csvUpload.templateFileName"|trans %}
  47.                     {% set dataLayerEventData = {
  48.                         trigger: 'click',
  49.                         payload: {
  50.                             file_format: 'csv',
  51.                             file_name: _fileName,
  52.                             event: 'download'
  53.                         }
  54.                     } %}
  56.                     <a href="{{ asset('bundles/efbstorefront/files/' ~ _fileName) }}"
  57.                        data-trigger-data-layer-push='{{ dataLayerEventData|json_encode|raw }}'
  58.                        download
  59.                     >
  60.                         {% sw_icon 'download' style {'namespace': 'EfbStorefront'} %}{{ "csvUpload.templateFileLabel"|trans|sw_sanitize }}
  61.                     </a>
  62.                 </div>
  63.             {% endblock %}
  66.             {% block csv_upload_form_configuration %}
  67.                 <div class="csv-upload__configuration csv-upload-accordion">
  68.                     {% block csv_upload_form_configuration_inner %}
  69.                         <div class="csv-upload__configuration-header csv-upload-accordion__title">
  70.                             {% sw_icon 'arrow-right' style { pack: 'solid' } %}
  71.                             <span>{{ "csvUpload.extendedConfiguration"|trans }}</span>
  72.                         </div>
  73.                     {% endblock %}
  75.                     <div class="csv-upload__configuration-content csv-upload-accordion__body form--additional-inputs">
  76.                         {% block csv_upload_form_configuration_inner_settings %}
  77.                             <label class="mb-3">
  78.                                 {{ 'csvUpload.columnSku'|trans }}
  79.                                 <input
  80.                                         type="number"
  81.                                         value="1"
  82.                                         min="1"
  83.                                         class="form-control"
  84.                                         name="columnSku"
  85.                                 />
  86.                             </label>
  88.                             <label class="mb-3">
  89.                                 {{ 'csvUpload.columnQuantity'|trans }}
  90.                                 <input
  91.                                         type="number"
  92.                                         min="1"
  93.                                         value="2"
  94.                                         class="form-control"
  95.                                         name="columnQuantity"
  96.                                 />
  97.                             </label>
  99.                             <label class="mb-3">
  100.                                 {{ 'csvUpload.charDivider'|trans }}
  101.                                 <input
  102.                                         type="text"
  103.                                         value=";"
  104.                                         placeholder="{{ "csvUpload.charDividerPlaceholder"|trans }}"
  105.                                         class="form-control"
  106.                                         name="charDivider"
  107.                                 />
  108.                             </label>
  110.                             <label class="mb-3">
  111.                                 {{ 'csvUpload.charEnclosing'|trans }}
  112.                                 <input
  113.                                         type="text"
  114.                                         placeholder="{{ "csvUpload.charEnclosingPlaceholder"|trans }}"
  115.                                         class="form-control"
  116.                                         name="charEnclosing"
  117.                                 />
  118.                             </label>
  120.                             <div class="custom-control custom-checkbox">
  121.                                 <input
  122.                                         type="checkbox"
  123.                                         class="custom-control-input"
  124.                                         id="firstLineIsHeadline"
  125.                                         name="firstLineIsHeadline"
  126.                                         checked
  127.                                 />
  128.                                 <label
  129.                                         class="custom-control-label"
  130.                                         for="firstLineIsHeadline"
  131.                                 >
  132.                                     {{ 'csvUpload.firstLineIsHeadline'|trans }}
  133.                                 </label>
  134.                             </div>
  135.                         {% endblock %}
  136.                     </div>
  137.                 </div>
  138.             {% endblock %}
  139.         </form>
  140.     {% endblock %}
  141. </div>