mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
diseño interior con selector de papeles
This commit is contained in:
@ -36,7 +36,7 @@
|
||||
<div id="tapaDuraLomoRedondo"
|
||||
class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center tipo-cubierta imagen-selector image-container">
|
||||
<img class="image-presupuesto"
|
||||
src="<?= site_url("assets/img/presupuestoCliente/tapa-dura-lomo-redondo.png") ?>"
|
||||
src="<?= site_url("assets/img/presupuestoCliente/tapa-dura-lomo-redondo.jpg") ?>"
|
||||
alt="TapaDuraLomoRedondo">
|
||||
<label class="form-label">
|
||||
Tapa dura lomo redondo
|
||||
|
||||
@ -11,29 +11,36 @@
|
||||
|
||||
<div id="divImpresionInterior" name="div_impresion_interior" class="row col-sm-10 mb-3 justify-content-center">
|
||||
|
||||
<div id="negroEstandar" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/blancoYnegro.png") ?>" alt="Negro">
|
||||
<div id="negroEstandar"
|
||||
class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/blancoYnegro.png") ?>"
|
||||
alt="Negro">
|
||||
<label for="titulo" class="form-label">
|
||||
Blanco y Negro
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="negroPremium" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/negroFoto.png") ?>" alt="NegroPremium">
|
||||
<div id="negroPremium"
|
||||
class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/negroFoto.png") ?>"
|
||||
alt="NegroPremium">
|
||||
<label for="titulo" class="form-label">
|
||||
Blanco y Negro Premium
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="colorEstandar" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
|
||||
<div id="colorEstandar"
|
||||
class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/color.png") ?>" alt="Color">
|
||||
<label for="titulo" class="form-label">
|
||||
Color
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="colorPremium" class="d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>" alt="ColorPremium">
|
||||
<div id="colorPremium"
|
||||
class="d-flex flex-column align-items-center justify-content-center disenio-interior imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>"
|
||||
alt="ColorPremium">
|
||||
<label for="titulo" class="form-label">
|
||||
Color Premium
|
||||
</label>
|
||||
@ -47,117 +54,23 @@
|
||||
</div><!--//.mb-3 -->
|
||||
|
||||
|
||||
<div id="divPapelInterior" name="div_papel_interior" class="row col-sm-10 mb-5 justify-content-center">
|
||||
<div id="divPapelInterior" name="div_papel_interior" class="row col-sm-10 mb-1 justify-content-center">
|
||||
|
||||
</div>
|
||||
|
||||
<div id="divPapelEspecialInterior" name="div_papel_especial_interior" class="row col-sm-10 mb-5 justify-content-center d-none">
|
||||
<select id="papelEspecialInterior" name="papel_especial_interior" class="form-control select2bs2 calcular-presupuesto" style="width: 100%;">
|
||||
</select>
|
||||
<div id="divPapelEspecialInterior" name="div_papel_especial_interior"
|
||||
class="row col-sm-10 mb-3 justify-content-center d-none">
|
||||
<div class="col-sm-5 mb-0">
|
||||
<label for="titulo" class="form-label">
|
||||
Seleccione el papel especial
|
||||
</label>
|
||||
<select id="papelEspecialInterior" name="papel_especial_interior"
|
||||
class="form-control select2bs2 calcular-presupuesto col-5 mb-0">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="divGramajeInterior" name="div_gramaje_interior" class="row col-sm-10 mb-3 justify-content-center d-none">
|
||||
|
||||
<div id="interiorGramaje70" class="checkbox-presupuesto-container col-md mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
|
||||
<label class="form-check-label custom-option-content" for="gramaje70">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 70 gr </span>
|
||||
</span>
|
||||
<input id="gramaje70" name="customRadioGramaje" data-value="70" class="check-interior-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje80" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
|
||||
<label class="form-check-label custom-option-content" for="gramaje80">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 80 gr </span>
|
||||
</span>
|
||||
<input id="gramaje80" name="customRadioGramaje" data-value="80" class="check-interior-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje90" class="mb-md-0 mb-3 checkbox-presupuesto-container">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
|
||||
<label class="form-check-label custom-option-content" for="gramaje90">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 90 gr </span>
|
||||
</span>
|
||||
<input id="gramaje90" name="customRadioGramaje" data-value="90" class="check-interior-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje100" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
|
||||
<label class="form-check-label custom-option-content" for="gramaje100">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 100 gr </span>
|
||||
</span>
|
||||
<input id="gramaje100" name="customRadioGramaje" data-value="100" class="check-interior-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje115" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
|
||||
<label class="form-check-label custom-option-content" for="gramaje115">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 115 gr </span>
|
||||
</span>
|
||||
<input id="gramaje115" name="customRadioGramaje" data-value="115" class="check-interior-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje120" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
|
||||
<label class="form-check-label custom-option-content" for="gramaje120">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 120 gr </span>
|
||||
</span>
|
||||
<input id="gramaje120" name="customRadioGramaje" data-value="120" class="check-interior-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje135" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
|
||||
<label class="form-check-label custom-option-content" for="gramaje135">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 135 gr </span>
|
||||
</span>
|
||||
<input id="gramaje135" name="customRadioGramaje" data-value="135" class="check-interior-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje150" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
|
||||
<label class="form-check-label custom-option-content" for="gramaje150">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 150 gr </span>
|
||||
</span>
|
||||
<input id="gramaje150" name="customRadioGramaje" data-value="150" class="check-interior-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje170" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior">
|
||||
<label class="form-check-label custom-option-content" for="gramaje170">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 170 gr </span>
|
||||
</span>
|
||||
<input id="gramaje170" name="customRadioGramaje" data-value="170" class="check-interior-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@ -167,17 +80,21 @@
|
||||
</div><!--//.mb-3 -->
|
||||
|
||||
|
||||
<div id="divImpresionInteriorColor" name="div_impresion_interior_color" class="row col-sm-10 mb-3 justify-content-center interior-color d-none">
|
||||
<div id="divImpresionInteriorColor" name="div_impresion_interior_color"
|
||||
class="row col-sm-10 mb-3 justify-content-center interior-color d-none">
|
||||
|
||||
<div id="colorEstandarColor" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
|
||||
<div id="colorEstandarColor"
|
||||
class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/color.png") ?>" alt="Color">
|
||||
<label for="titulo" class="form-label">
|
||||
Color
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="colorPremiumColor" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>" alt="ColorPremium">
|
||||
<div id="colorPremiumColor"
|
||||
class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center disenio-interior-color imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/colorFoto.png") ?>"
|
||||
alt="ColorPremium">
|
||||
<label for="titulo" class="form-label">
|
||||
Color Premium
|
||||
</label>
|
||||
@ -186,143 +103,32 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-sm-8 mb-3 d-flex flex-column align-items-center interior-color d-none">
|
||||
<div id="textoPapelInteriorColor" class="col-sm-8 mb-3 d-flex flex-column align-items-center interior-color d-none">
|
||||
<h3 class="mb-1 fw-bold"> Papel interior color</h3>
|
||||
</div><!--//.mb-3 -->
|
||||
|
||||
|
||||
<div id="divPapelInteriorColor" name="div_papel_interior_color" class="row col-sm-10 mb-5 interior-color justify-content-center interior-color d-none">
|
||||
|
||||
<div id="offsetBlancoColor" cod="OFF1" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center papel-interior-color imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/offset-blanco.png") ?>" alt="offsetBlanco">
|
||||
<label class="form-label">
|
||||
Offset Blanco
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="offsetAhuesadoColor" cod="OFF2" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center papel-interior-color imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/offset-ahuesado.png") ?>" alt="offsetAhuesado">
|
||||
<label for="titulo" class="form-label">
|
||||
Offset Ahuesado
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="offsetAhuesadoVolumenColor" cod="OFF4" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center papel-interior-color imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/offset-ahuesado-volumen.png") ?>" alt="offsetAhuesadoVolumen">
|
||||
<label class="form-label">
|
||||
Offset Ahuesado Volumen
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div id="estucadoMateColor" cod="EST2" class="calcular-presupuesto d-flex flex-column align-items-center justify-content-center papel-interior-color imagen-selector image-container">
|
||||
<img class="image-presupuesto" src="<?= site_url("assets/img/presupuestoCliente/estucado-mate.png") ?>" alt="estucadoMate">
|
||||
<label class="form-label">
|
||||
Estucado Mate
|
||||
</label>
|
||||
</div>
|
||||
<div id="divPapelInteriorColor" name="div_papel_interior_color"
|
||||
class="row col-sm-10 mb-5 interior-color justify-content-center interior-color d-none">
|
||||
|
||||
</div>
|
||||
|
||||
<div id="divGramajeInteriorColor" name="div_gramaje_interior_color" class="row col-sm-10 mb-3 justify-content-center d-none">
|
||||
|
||||
<div id="interiorGramaje70Color" class="checkbox-presupuesto-container col-md mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
|
||||
<label class="form-check-label custom-option-content" for="gramaje70">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 70 gr </span>
|
||||
</span>
|
||||
<input id="gramaje70Color" name="customRadioGramajeColor" data-value="70" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
<div id="divPapelEspecialInteriorColor" name="div_papel_especial_interior_color"
|
||||
class="row col-sm-10 mb-3 justify-content-center d-none">
|
||||
<div class="col-sm-5 mb-0">
|
||||
<label for="titulo" class="form-label">
|
||||
Seleccione el papel especial
|
||||
</label>
|
||||
<select id="papelEspecialInteriorColor" name="papel_especial_interior_color"
|
||||
class="form-control select2bs2 calcular-presupuesto col-5 mb-0">
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje80Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
|
||||
<label class="form-check-label custom-option-content" for="gramaje80">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 80 gr </span>
|
||||
</span>
|
||||
<input id="gramaje80Color" name="customRadioGramajeColor" data-value="80" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div id="divGramajeInteriorColor" name="div_gramaje_interior_color"
|
||||
class="row col-sm-10 mb-3 justify-content-center d-none">
|
||||
|
||||
<div id="interiorGramaje90Color" class="mb-md-0 mb-3 checkbox-presupuesto-container">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
|
||||
<label class="form-check-label custom-option-content" for="gramaje90">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 90 gr </span>
|
||||
</span>
|
||||
<input id="gramaje90Color" name="customRadioGramajeColor" data-value="90" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje100Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
|
||||
<label class="form-check-label custom-option-content" for="gramaje100">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 100 gr </span>
|
||||
</span>
|
||||
<input id="gramaje100Color" name="customRadioGramajeColor" data-value="100" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje115Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
|
||||
<label class="form-check-label custom-option-content" for="gramaje115">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 115 gr </span>
|
||||
</span>
|
||||
<input id="gramaje115Color" name="customRadioGramajeColor" data-value="115" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje120Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
|
||||
<label class="form-check-label custom-option-content" for="gramaje120">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 120 gr </span>
|
||||
</span>
|
||||
<input id="gramaje120Color" name="customRadioGramajeColor" data-value="120" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje135Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
|
||||
<label class="form-check-label custom-option-content" for="gramaje135">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 135 gr </span>
|
||||
</span>
|
||||
<input id="gramaje135Color" name="customRadioGramajeColor" data-value="135" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje150Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
|
||||
<label class="form-check-label custom-option-content" for="gramaje150">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 150 gr </span>
|
||||
</span>
|
||||
<input id="gramaje150Color" name="customRadioGramajeColor" data-value="150" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="interiorGramaje170Color" class="checkbox-presupuesto-container mb-md-0 mb-3">
|
||||
<div class="form-check custom-option custom-option-icon calcular-presupuesto gramaje-interior-color">
|
||||
<label class="form-check-label custom-option-content" for="gramaje170">
|
||||
<span class="custom-option-body">
|
||||
<span class="custom-option-title"> 170 gr </span>
|
||||
</span>
|
||||
<input id="gramaje170Color" name="customRadioGramajeColor" data-value="170" class="check-interior-color-gramaje form-check-input" type="radio" value="" />
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
@ -294,7 +294,6 @@ theTable = $('#tableOfPresupuestos').DataTable({
|
||||
|
||||
theTable.on('click', 'tr', function () {
|
||||
var data = theTable.row(this).data();
|
||||
console.log(data);
|
||||
var url = '/presupuestos/presupuestocliente/edit/' + data['id'];
|
||||
window.location.href = url;
|
||||
});
|
||||
|
||||
@ -208,7 +208,7 @@
|
||||
|
||||
</div>
|
||||
|
||||
<div class='divTiradasPrecio'></div>
|
||||
<div class='mt-2 divTiradasPrecio'></div>
|
||||
|
||||
</div> <!--//.bs-stepper-header -->
|
||||
|
||||
|
||||
Reference in New Issue
Block a user