templates/upload.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %} Reportes - Racing Cargo {% endblock %}
  5. {% block stylesheets %}
  6.     {{ parent() }}
  7.     <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  9.     <script src="https://kit.fontawesome.com/f09ec0fe5b.js" crossorigin="anonymous"></script>
  10.     <link rel="stylesheet" href="styles/upload.css">
  11.  
  12. {% endblock %}
  13. {% block body %}
  14. <link rel="shortcut icon" href="data:image/png;base64,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">
  15. <div class="row" style="min-height: 100vh;">
  16.     <div class="col-md-1 col-lg-3"></div>
  17.     <div class="col-md-10 col-lg-6">
  18.         <div class="card" style="width: 100%; margin-top: 15%">
  19.             <div class="card-body">
  20.                 <h5 class="card-title" style="color: #5b67af; text-align: center;"><i class="fas fa-cloud-upload-alt" style="color: #5b67af; font-size: 60px"></i></h5>
  21.                 <h6 class="card-subtitle mb-2"style="color: #5b67af;text-align: center;">Sube el archivo aquí:</h6>
  22.                 <div class="custom-file mb-2 form-group">
  23.                     <label class="custom-file-label required" for="form_archivo">Elegir Archivo</label>
  24.                     <input id="form_archivo" type="file" required="required" accept=".xlsx, .csv, application/vnd.openxmlformats-officedocument.spreadsheethtml.sheet, application/vnd.ms-excel" class="d-none">
  25.                 </div>
  26.                 <div style="text-align: center;">
  27.                     <div>
  28.                         <button type="submit" id="form_Guardar" onclick="procesarArchivo()" class="btn btn-outline-success">Procesar Archivo</button>
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.         </div>
  33.     </div>
  34.     <div class="col-md-1 col-lg-3"></div>
  35. </div>
  36. </div>
  37. {% endblock %}
  39. {% block javascripts %}
  40. {{ parent() }}
  41. <script src="{{ asset('js/upload.js') }}"></script>
  43. <script>
  44.     var uploadFileUrl = "{{path ('_upload_file')}}";
  46.     $(document).on('change', '#form_archivo', function() {
  47.       var fileName = document.getElementById("form_archivo").files[0].name;
  48.       $('.custom-file-label').text(fileName);
  49.     });
  50. </script>
  51. {% endblock %}