templates/mantenimiento/pedido_reparacion/edit.html.twig line 1

Open in your IDE?
  1. {% extends 'navbar.html.twig' %}
  3. {% block title %}Modificar Pedido Reparacion{% endblock %}
  5. {% block content_user %}
  6.     <h5>Editar Pedido Reparacion</h5>
  8.     {% if pedido_reparacion.realizada %}
  9.         <div class="py-2 text-muted">
  10.             El pedido de reparacion ya ha sido ejecutado
  11.             <hr>
  12.         </div>
  13.     {% endif %}
  14.     {{ include('mantenimiento/pedido_reparacion/_form.html.twig', {'button_label': 'Update'}) }}
  16.     
  17. {% endblock %}
  18. {% block javascripts_footer %}
  19.     
  20.     {{ parent() }}
  22.     <script type="text/javascript">
  24.         let url = "{{ path('app_mantenimiento_pedido_reparacion_change_depto', {'id': pedido_reparacion.id, 'dpto' : 'ID_DEPTO' }) }}";
  25.         $('.select-dpto').change(function() {
  26.             var dptoId = $(this).val();
  27.             $.post(url.replace('ID_DEPTO', dptoId),
  28.                     function(data){
  29.                         if (data.ok) {
  30.                             $('.select-dpto').css('border', '2px solid #28a745');
  31.                         } else {
  32.                             $('.select-dpto').css('border', '2px solid #dc3545');
  33.                         }
  35.                     });
  37.         });
  42. $(document).ready(function() {
  43.     // Seleccionamos el input de archivo por su ID
  44.     const $inputImagen = $('.form-control-file');
  45.     // Seleccionamos el elemento <img> donde se mostrará la vista previa
  46.     const $previewElement = $('#preview-imagen');
  48.     // Escuchamos el evento 'change' en el campo de archivo
  49.     $inputImagen.on('change', function() {
  50.         // Obtenemos el objeto File nativo
  51.         const file = this.files[0];
  53.         if (file) {
  54.             // Creamos el objeto FileReader
  55.             const reader = new FileReader();
  57.             // Asignamos la función que se ejecuta cuando la lectura finaliza
  58.             reader.onload = function(e) {
  59.                 // Usamos jQuery para cambiar el atributo 'src' y mostrar la imagen
  60.                 $previewElement.attr('src', e.target.result);
  61.                 $previewElement.show(); // Usamos .show() de jQuery para mostrarla
  62.             };
  64.             // Iniciamos la lectura del archivo como URL de datos (Base64)
  65.             reader.readAsDataURL(file);
  66.         } else {
  67.             // Si no hay archivo, limpiamos y ocultamos
  68.             $previewElement.attr('src', '');
  69.             $previewElement.hide(); // Usamos .hide() de jQuery para ocultarla
  70.         }
  71.     });
  72. });
  73. </script>
  75. {% endblock %}