mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
añadido menu cliente para moviles
This commit is contained in:
@ -30,6 +30,21 @@
|
||||
<!-- Create Deal Wizard -->
|
||||
<div id="wizard-presupuesto-cliente" class="bs-stepper vertical mt-2 linear">
|
||||
|
||||
<div class="d-flex justify-content-start d-md-none mb-2">
|
||||
<button class="btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#menu-offcanvas"
|
||||
aria-controls="menu-offcanvas" aria-label="Abrir menú">
|
||||
<i class="ti ti-menu-2" style="font-size: 1.5rem;"></i> <!-- Icono de hamburguesa -->
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!-- Menú Offcanvas -->
|
||||
<div id="menu-offcanvas" class="offcanvas offcanvas-start d-md-none" tabindex="-1"
|
||||
aria-labelledby="menuOffcanvasLabel">
|
||||
<div class="offcanvas-header justify-content-end">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="offcanvas-body">
|
||||
|
||||
<div class="bs-stepper-header">
|
||||
|
||||
<div <?= ($state == 2) ? 'hidden' : '' ?> class="step active titulos-menu" data-target="#datos-generales">
|
||||
@ -88,7 +103,161 @@
|
||||
<ul class="list-group list-group-timeline">
|
||||
<li id="rl_tipo" class="list-group-item list-group-timeline-primary texto-resumen-lateral">Rustica
|
||||
Fresado</li>
|
||||
<li id="rl_tipo_cubierta" class="list-group-item list-group-timeline-primary texto-resumen-lateral">Tapa
|
||||
<li id="rl_tipo_cubierta" class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
Tapa
|
||||
dura</li>
|
||||
<li id="rl_tamanio" class="list-group-item list-group-timeline-primary texto-resumen-lateral">170.0
|
||||
x
|
||||
240.0</li>
|
||||
<li id="rl_tiradas" class="list-group-item list-group-timeline-primary texto-resumen-lateral">10,
|
||||
50,
|
||||
100, 200</li>
|
||||
<li id="rl_paginas" class="list-group-item list-group-timeline-primary texto-resumen-lateral">340
|
||||
páginas</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rl-interior rl-item d-none">
|
||||
<div class="row">Interior</div>
|
||||
<div class="row">
|
||||
<ul class="list-group list-group-timeline">
|
||||
<li id="rl_tipo_interior" class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
Blanco y
|
||||
negro estándar</li>
|
||||
<li id="rl_papel_interior"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
Offset
|
||||
blanco 90 gr.</li>
|
||||
<li id="rl_papel_interior_color"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral d-none">Offset
|
||||
blanco 90 gr.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rl-cubierta rl-item d-none">
|
||||
<div class="row">Cubierta</div>
|
||||
<div class="row">
|
||||
<ul class="list-group list-group-timeline">
|
||||
<li id="rl_papel_cubierta"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
Estucado
|
||||
Mate
|
||||
300 gr.</li>
|
||||
<li id="rl_caras_cubierta"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
Impresa
|
||||
1
|
||||
cara</li>
|
||||
<li id="rl_acabado_cubierta"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
Plastificado brillo</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rl-sobrecubierta rl-item d-none">
|
||||
<div class="row">Sobrecubierta</div>
|
||||
<div class="row">
|
||||
<ul class="list-group list-group-timeline">
|
||||
<li id="rl_no_sobrecubierta"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
No</li>
|
||||
<li id="rl_papel_sobrecubierta"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">Estucado mate 170 gr
|
||||
</li>
|
||||
<li id="rl_tamanio_sobrecubierta"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
60mm</li>
|
||||
<li id="rl_acabado_sobrecubierta"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
Plastificado brillo</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rl-servicios-extra rl-item d-none">
|
||||
<div class="row">Servicios extra</div>
|
||||
<div class="row">
|
||||
<ul class="list-group list-group-timeline">
|
||||
<li id="rl_prototipo"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral d-none">
|
||||
Prototipo</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div id='divTiradasPrecio'></div>
|
||||
|
||||
|
||||
</div> <!--//.bs-stepper-header -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bs-stepper-header d-none d-md-flex">
|
||||
|
||||
<div <?= ($state == 2) ? 'hidden' : '' ?> class="step active titulos-menu" data-target="#datos-generales">
|
||||
<button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
|
||||
<span class="bs-stepper-circle"><i class="ti ti-info-circle ti-sm"></i></span>
|
||||
<span class="bs-stepper-label">
|
||||
<span class="bs-stepper-title">Datos generales</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div <?= ($state == 2) ? 'hidden' : '' ?> class="step titulos-menu" data-target="#interior-libro">
|
||||
<button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
|
||||
<span class="bs-stepper-circle"><i class="ti ti-book ti-sm"></i></span>
|
||||
<span class="bs-stepper-label">
|
||||
<span class="bs-stepper-title">Interior</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div <?= ($state == 2) ? 'hidden' : '' ?> class="step titulos-menu" data-target="#cubierta-libro">
|
||||
<button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
|
||||
<span class="bs-stepper-circle"><i class="ti ti-books ti-sm"></i></span>
|
||||
<span class="bs-stepper-label">
|
||||
<span class="bs-stepper-title">Cubierta</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div <?= ($state == 2) ? 'hidden' : '' ?> class="step titulos-menu" data-target="#direcciones-libro">
|
||||
<button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
|
||||
<span class="bs-stepper-circle"><i class="ti ti-map-pins ti-sm"></i></span>
|
||||
<span class="bs-stepper-label">
|
||||
<span class="bs-stepper-title">Direcciones</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="menu_resumen_button" class="step titulos-menu" data-target="#resumen-libro">
|
||||
<button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
|
||||
<span class="bs-stepper-circle"><i class="ti ti-checkbox ti-sm"></i></span>
|
||||
<span class="bs-stepper-label">
|
||||
<span class="bs-stepper-title">Resumen del presupuesto</span>
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="line"></div>
|
||||
|
||||
<div id='resumenLateral' class="container align-items-center">
|
||||
|
||||
|
||||
<div class="rl-datos-generales rl-item d-none">
|
||||
<div class="row">Libro</div>
|
||||
<div class="row">
|
||||
<ul class="list-group list-group-timeline">
|
||||
<li id="rl_tipo" class="list-group-item list-group-timeline-primary texto-resumen-lateral">Rustica
|
||||
Fresado</li>
|
||||
<li id="rl_tipo_cubierta" class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
Tapa
|
||||
dura</li>
|
||||
<li id="rl_tamanio" class="list-group-item list-group-timeline-primary texto-resumen-lateral">170.0
|
||||
x
|
||||
@ -144,7 +313,8 @@
|
||||
<li id="rl_no_sobrecubierta" class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
No</li>
|
||||
<li id="rl_papel_sobrecubierta"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">Estucado mate 170 gr</li>
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">Estucado mate 170 gr
|
||||
</li>
|
||||
<li id="rl_tamanio_sobrecubierta"
|
||||
class="list-group-item list-group-timeline-primary texto-resumen-lateral">
|
||||
60mm</li>
|
||||
@ -170,7 +340,6 @@
|
||||
|
||||
<div id='divTiradasPrecio'></div>
|
||||
|
||||
|
||||
</div> <!--//.bs-stepper-header -->
|
||||
|
||||
<div class="bs-stepper-content" style="position: relative;">
|
||||
|
||||
Reference in New Issue
Block a user