Merge branch 'dev/preview' into 'main'

Dev/preview

See merge request jjimenez/safekat!251

ci4/app/Views/themes/vuexy/form/presupuestos/cliente/_resumenItems.php

@@ -12,7 +12,8 @@
 
             <h5 class="mb-1">Interior</h5>
             <p class="mb-0"><small id="tipoImpresion">Impresion: Negro premium</small></p>
-            <p id="pResumenPaginasColor" class="mb-0" style="display:none"><small id="resumenPaginasColor">Páginas a color: 100</small></p>
+            <p id="pResumenPaginasColor" class="mb-0" style="display:none"><small id="resumenPaginasColor">Páginas a
+                    color: 100</small></p>
             <p class="mb-3"><small id="resumenPapelInterior">Papel: Blanco Offset 70gr/m²</small></p>
 
             <h5 class="mb-1">Cubierta</h5>
@@ -22,7 +23,8 @@
             <p class="mb-3"><small id="resumenAcabadoCubierta">Acabado: Ninguno</small></p>
 
             <h5 class="mb-1 resumen-sobrecubierta">Sobrecubierta</h5>
-            <p class="mb-0 resumen-sobrecubierta"><small id="resumenPapelSobrecubierta">Papel: Blanco Offset 70gr/m²</small></p>
+            <p class="mb-0 resumen-sobrecubierta"><small id="resumenPapelSobrecubierta">Papel: Blanco Offset
+                    70gr/m²</small></p>
             <p class="mb-0 resumen-sobrecubierta"><small id="resumenSolapasCubierta">Ancho solapas: 25mm</small></p>
             <p class="mb-3 resumen-sobrecubierta"><small id="resumenAcabadoCubierta">Acabado: Ninguno</small></p>
 
@@ -40,7 +42,32 @@
             <h4 id="resumenTotalIVA" class="mb-1">Total: 100€</h4>
             <h6 id="resumenPrecioU" class="mb-0">10.4€/ud</h6>
             <div id="shape-container">
-                <div id="pv_ec_shape" style="width:95%;height:550px;margin:2.5% auto;"></div>
+                <div id="thumbnail_ec_shape" style="width:350px;height:300px;margin:2.5% auto;"></div>
+                <div class="d-flex justify-content-center">
+                    <button type="button" id="pv_details" class="btn btn-primary align-content-center"
+                            data-bs-toggle="modal" data-bs-target="#pv_ec_modal">
+                        Previsualizar detalles de cubierta
+                    </button>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Modal -->
+<div class="modal fade" id="pv_ec_modal" tabindex="-1">
+    <div class="modal-dialog  modal-xl modal-dialog-centered" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Esquema de cubierta</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close">
+                </button>
+            </div>
+            <div class="modal-body" >
+                <div id="pv_ec_shape" style="width:850px;height:600px;margin:2.5% auto;"></div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
             </div>
         </div>
     </div>
@@ -50,6 +77,6 @@
 <?= $this->section("additionalInlineJs") ?>
 
 window.routes_resumen = {
-    guardarPresupuesto: "<?= route_to('guardarPresupuesto') ?>",
+guardarPresupuesto: "<?= route_to('guardarPresupuesto') ?>",
 }
 <?= $this->endSection() ?>

ci4/app/Views/themes/vuexy/form/presupuestos/cliente/presupuestoCliente.js

@@ -296,6 +296,7 @@
             break;
 
           default:
+            validationStepper.next();
             break;
         }
       });