Añadidos cambios esteticos en la UI de presupuestos CTB para delimitar los contenedores

This commit is contained in:
imnavajas
2024-01-14 09:08:06 +01:00
parent d7a1c7f756
commit fa9e458556
10 changed files with 144 additions and 146 deletions

View File

@ -1,4 +1,4 @@
<div class="accordion mt-3" id="accordionComentarios"> <div class="accordion accordion-bordered mt-3" id="accordionComentarios">
<div class="card accordion-item active"> <div class="card accordion-item active">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button type="button" class="accordion-button" data-bs-toggle="collapse" <button type="button" class="accordion-button" data-bs-toggle="collapse"
@ -86,7 +86,7 @@
</button> </button>
</li> </li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content border border-container">
<div class="tab-pane fade show active" id="comentarios-cliente" role="tabpanel"> <div class="tab-pane fade show active" id="comentarios-cliente" role="tabpanel">
<div class="row"> <div class="row">
<div class="col-md-12 col-lg-12 px-4"> <div class="col-md-12 col-lg-12 px-4">

View File

@ -1,4 +1,4 @@
<div class="accordion mt-3" id="accordionEnvios"> <div class="accordion accordion-bordered mt-3" id="accordionEnvios">
<div class="card accordion-item active"> <div class="card accordion-item active">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionEnviosTip" aria-expanded="false" aria-controls="accordionEnviosTip"> <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionEnviosTip" aria-expanded="false" aria-controls="accordionEnviosTip">

View File

@ -1,4 +1,4 @@
<div class="accordion mt-3" id="accordionDatosLibro"> <div class="accordion accordion-bordered mt-3" id="accordionDatosLibro">
<div class="card accordion-item active"> <div class="card accordion-item active">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionDatosLibroTip" aria-expanded="false" aria-controls="accordionDatosLibroTip"> <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionDatosLibroTip" aria-expanded="false" aria-controls="accordionDatosLibroTip">

View File

@ -1,4 +1,4 @@
<div class="accordion mt-3" id="accordionDatosPresupuestoCliente"> <div class="accordion accordion-bordered mt-3" id="accordionDatosPresupuestoCliente">
<div class="card accordion-item active"> <div class="card accordion-item active">
<h2 class="accordion-header" id="heading"> <h2 class="accordion-header" id="heading">
<button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionDatosPresupuestoClienteTip" aria-expanded="false" aria-controls="accordionDatosPresupuestoClienteTip"> <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionDatosPresupuestoClienteTip" aria-expanded="false" aria-controls="accordionDatosPresupuestoClienteTip">

View File

@ -1,4 +1,4 @@
<div class="accordion mt-3" id="accordionDatosPresupuesto"> <div class="accordion accordion-bordered mt-3" id="accordionDatosPresupuesto">
<div class="card accordion-item active"> <div class="card accordion-item active">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionDatosPresupuestoTip" aria-expanded="false" aria-controls="accordionDatosPresupuestoTip"> <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionDatosPresupuestoTip" aria-expanded="false" aria-controls="accordionDatosPresupuestoTip">

View File

@ -1,4 +1,4 @@
<div class="accordion mt-3" id="accordionDatosServicios"> <div class="accordion accordion-bordered mt-3" id="accordionDatosServicios">
<div class="card accordion-item active"> <div class="card accordion-item active">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button type="button" class="accordion-button" data-bs-toggle="collapse" <button type="button" class="accordion-button" data-bs-toggle="collapse"
@ -67,7 +67,7 @@
</button> </button>
</li> </li>
</ul> </ul>
<div class="tab-content"> <div class="tab-content border border-container">
<div class="tab-pane fade show active" id="servicios-acabado" role="tabpanel"> <div class="tab-pane fade show active" id="servicios-acabado" role="tabpanel">
<div id="serv-acabado-alert"> <div id="serv-acabado-alert">
</div> </div>

View File

@ -1,4 +1,4 @@
<div class="accordion mt-3" id="accordionLineasPresupuesto"> <div class="accordion accordion-bordered mt-3" id="accordionLineasPresupuesto">
<div class="card accordion-item active"> <div class="card accordion-item active">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionLineasPresupuestoTip" aria-expanded="false" aria-controls="accordionLineasPresupuestoTip"> <button type="button" class="accordion-button" data-bs-toggle="collapse" data-bs-target="#accordionLineasPresupuestoTip" aria-expanded="false" aria-controls="accordionLineasPresupuestoTip">

View File

@ -1,4 +1,4 @@
<div class="accordion mt-3" id="accordionPreview"> <div class="accordion accordion-bordered mt-3" id="accordionPreview">
<div class="card accordion-item active"> <div class="card accordion-item active">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button type="button" class="accordion-button" data-bs-toggle="collapse" <button type="button" class="accordion-button" data-bs-toggle="collapse"
@ -112,7 +112,7 @@
</ul> </ul>
<div class="tab-content"> <div class="tab-content border border-container">
<div class="tab-pane fade" id="pv_bn" role="tabpanel"> <div class="tab-pane fade" id="pv_bn" role="tabpanel">
<div class="row"> <div class="row">
<div class="col-3"> <div class="col-3">

View File

@ -1,4 +1,4 @@
<div class="accordion mt-3 col-xl-6" id="accordionResumen"> <div class="accordion accordion-bordered mt-3 col-xl-6" id="accordionResumen">
<div class="card accordion-item active"> <div class="card accordion-item active">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button type="button" class="accordion-button" data-bs-toggle="collapse" <button type="button" class="accordion-button" data-bs-toggle="collapse"
@ -40,14 +40,15 @@
<dd id="totalEnvios"class="col-6 text-end py-1"><?= old('0', $presupuestoEntity->total_coste_envios) ?>€</dd> <dd id="totalEnvios"class="col-6 text-end py-1"><?= old('0', $presupuestoEntity->total_coste_envios) ?>€</dd>
<dt class="col-6 fw-normal text-end">Margen envío</dt> <dt class="col-6 fw-normal text-end">Margen envío</dt>
<dd id="margenEnvios" class="col-6 text-end py-1"><?= old('0', $presupuestoEntity->total_margen_envios) ?>€</dd> <dd id="margenEnvios" class="col-6 text-end py-1"><?= old('0', $presupuestoEntity->total_margen_envios) ?>€</dd>
</dl>
<hr class="mx-n4"> <hr class="mx-n4">
<dl class="row mb-0">
<dt class="col-6 fw-normal text-end">Total Costes</dt> <dt class="col-6 fw-normal text-end">Total Costes</dt>
<dd id="totalCostes" class="col-6 text-end"><?= old('0', $presupuestoEntity->total_costes) ?>€</dd> <dd id="totalCostes" class="col-6 text-end"><?= old('0', $presupuestoEntity->total_costes) ?>€</dd>
<dt class="col-6 fw-normal text-end">Total Margen</dt> <dt class="col-6 fw-normal text-end">Total Margen</dt>
<dd id="totalMargenes" class="col-6 text-end"><?= old('0', $presupuestoEntity->total_margenes) ?>€</dd> <dd id="totalMargenes" class="col-6 text-end"><?= old('0', $presupuestoEntity->total_margenes) ?>€</dd>
</dl> </dl>
<hr class="mx-n4"> <hr class="mx-n4">

View File

@ -1,53 +1,52 @@
<?= $this->include('themes/_commonPartialsBs/datatables') ?> <?= $this->include('themes/_commonPartialsBs/datatables') ?>
<?= $this->include("themes/_commonPartialsBs/select2bs5") ?> <?= $this->include("themes/_commonPartialsBs/select2bs5") ?>
<?= $this->include("themes/_commonPartialsBs/sweetalert") ?> <?= $this->include("themes/_commonPartialsBs/sweetalert") ?>
<?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?> <?= $this->extend('themes/backend/vuexy/main/defaultlayout') ?>
<?= $this->section("content") ?> <?= $this->section("content") ?>
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="card card-info"> <h3 class="card-title"><?= $boxTitle ?? $pageTitle ?></h3>
<div class="card-header"> <form id="presupuestoForm" class="card-body" method="post" action="<?= $formAction ?>">
<h3 class="card-title"><?= $boxTitle ?? $pageTitle ?></h3> <?= csrf_field() ?>
</div><!--//.card-header --> <?= view("themes/_commonPartialsBs/_alertBoxes") ?>
<form id="presupuestoForm" class="card-body" method="post" action="<?= $formAction ?>"> <?= !empty($validation->getErrors()) ? $validation->listErrors("bootstrap_style") : "" ?>
<?= csrf_field() ?> <input type="hidden" name="tipo_impresion_id" id="tipo_impresion_id" class="form-control"
<?= view("themes/_commonPartialsBs/_alertBoxes") ?> value="<?= $tipo_impresion_id ?>"></input>
<?= !empty($validation->getErrors()) ? $validation->listErrors("bootstrap_style") : "" ?> <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoItems") ?>
<input type="hidden" name="tipo_impresion_id" id="tipo_impresion_id" class="form-control" value="<?= $tipo_impresion_id ?>"></input> <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosLibroItems") ?>
<?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoItems") ?> <?php if (str_contains($formAction, 'edit')): ?>
<?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosLibroItems") ?> <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoClienteItems") ?>
<?php if(str_contains($formAction,'edit')): ?> <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_lineasPresupuestoItems") ?>
<?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosPresupuestoClienteItems") ?> <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems") ?>
<?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_lineasPresupuestoItems") ?> <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosServiciosItems") ?>
<?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_previewItems") ?> <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosEnvios") ?>
<?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosServiciosItems") ?> <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_comentariosItems") ?>
<?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_datosEnvios") ?> <?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_resumenPresupuestoItems") ?>
<?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_comentariosItems") ?> <?php else: ?>
<?= view("themes/backend/vuexy/form/presupuestos/cosidotapablanda/_resumenPresupuestoItems") ?> <input type="hidden" name="total_presupuesto" id="total_presupuesto" class="form-control"
<?php else: ?> value="0.0"></input>
<input type="hidden" name="total_presupuesto" id="total_presupuesto" class="form-control" value="0.0"></input> <?php endif; ?>
<div class="pt-4">
<input type="submit"
class="btn btn-primary float-start me-sm-3 me-1"
name="save"
id="saveForm"
value="<?= lang("Basic.global.Save") ?>"
/>
<?php if (str_contains($formAction, 'edit')): ?>
<?= anchor(route_to("presupuestoToPdf"), lang("Basic.global.Print"), ["class" => "btn btn-dark float-start me-sm-3 me-1",]) ?>
<?= anchor(route_to("#"), lang("Basic.global.Clone"), ["class" => "btn btn-info float-start me-sm-3 me-1",]) ?>
<?php endif; ?> <?php endif; ?>
<div class="pt-4"> <?= anchor(route_to("cosidotapablandaList"), lang("Basic.global.Cancel"), ["class" => "btn btn-secondary float-start",]) ?>
<input type="submit" </div>
class="btn btn-primary float-start me-sm-3 me-1" </form>
name="save"
id="saveForm"
value="<?= lang("Basic.global.Save") ?>"
/>
<?php if(str_contains($formAction,'edit')): ?>
<?= anchor(route_to("presupuestoToPdf"), lang("Basic.global.Print"), ["class" => "btn btn-dark float-start me-sm-3 me-1",]) ?>
<?= anchor(route_to("#"), lang("Basic.global.Clone"), ["class" => "btn btn-info float-start me-sm-3 me-1",]) ?>
<?php endif; ?>
<?= anchor(route_to("cosidotapablandaList"), lang("Basic.global.Cancel"), ["class" => "btn btn-secondary float-start",]) ?>
</div>
</form>
</div><!-- //.card -->
</div><!--//.col --> </div><!--//.col -->
</div><!--//.row --> </div><!--//.row -->
<?= view("themes/_commonPartialsBs/_modalConfirmDialog") ?> <?= view("themes/_commonPartialsBs/_modalConfirmDialog") ?>
<?= $this->endSection() ?> <?= $this->endSection() ?>
@ -57,131 +56,129 @@
<!-------------------------------------------> <!------------------------------------------->
<?= $this->section("additionalInlineJs") ?> <?= $this->section("additionalInlineJs") ?>
$(document).keypress(function (e) { $(document).keypress(function (e) {
var key = e.which; var key = e.which;
if(key == 13) // the enter key code if(key == 13) // the enter key code
{ e.preventDefault() { e.preventDefault()
if($('#addressForm').hasClass('show')){ if($('#addressForm').hasClass('show')){
$("#saveDireccionEnvio").click(); $("#saveDireccionEnvio").click();
}else{ }else{
$('#saveForm').click(); $('#saveForm').click();
} }
} }
}); });
$('#clienteId').select2({ $('#clienteId').select2({
allowClear: false, allowClear: false,
ajax: { ajax: {
url: '<?= route_to("menuItemsOfClientes") ?>', url: '<?= route_to("menuItemsOfClientes") ?>',
type: 'post', type: 'post',
dataType: 'json', dataType: 'json',
data: function (params) { data: function (params) {
return { return {
id: 'id', id: 'id',
text: 'nombre', text: 'nombre',
searchTerm: params.term, searchTerm: params.term,
<?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v <?= csrf_token() ?? "token" ?> : <?= csrf_token() ?>v
}; };
}, },
delay: 60, delay: 60,
processResults: function (response) { processResults: function (response) {
yeniden(response.<?= csrf_token() ?>); yeniden(response.<?= csrf_token() ?>);
return { return {
results: response.menu results: response.menu
}; };
}, },
cache: true cache: true
} }
}); });
/******************************* /*******************************
* Inicialización de los Select2 * Inicialización de los Select2
*******************************/ *******************************/
$('#incRei').select2({ $('#incRei').select2({
allowClear: false, allowClear: false,
}); });
$('#paisId').select2({ $('#paisId').select2({
allowClear: false, allowClear: false,
}); });
<?= $this->endSection() ?> <?= $this->endSection() ?>
<!-------------------------------------------> <!------------------------------------------->
<!-- Acciones antes de submit... --> <!-- Acciones antes de submit... -->
<!-------------------------------------------> <!------------------------------------------->
const url = window.location.href; const url = window.location.href;
const url_parts = url.split('/'); const url_parts = url.split('/');
<?php if(str_contains($formAction,'edit')): ?> <?php if (str_contains($formAction, 'edit')): ?>
<?= $this->section("additionalInlineJs") ?> <?= $this->section("additionalInlineJs") ?>
if(url_parts[url_parts.length-2] == 'edit'){ if(url_parts[url_parts.length-2] == 'edit'){
id = url_parts[url_parts.length-1]; id = url_parts[url_parts.length-1];
} }
else{ else{
id = -1; id = -1;
} }
$('#presupuestoForm').on( "submit", function( event ) { $('#presupuestoForm').on( "submit", function( event ) {
event.preventDefault(); event.preventDefault();
save_servicios(); save_servicios();
save_datos_envios(); save_datos_envios();
$.when(fill_bbdd_from_lp(id).then(function (data, textStatus, jqXHR){ $.when(fill_bbdd_from_lp(id).then(function (data, textStatus, jqXHR){
generateCompJSON() generateCompJSON()
form = $('#presupuestoForm').serialize() form = $('#presupuestoForm').serialize()
form += getValuesResumenForm() form += getValuesResumenForm()
$.ajax({ $.ajax({
type: "POST", type: "POST",
url: "<?php echo $formAction; ?>", url: "<?php echo $formAction; ?>",
data: form, data: form,
success: function (data) { success: function (data) {
yeniden(data.<?= csrf_token() ?>) yeniden(data.<?= csrf_token() ?>)
popSuccessAlert(data.mensaje) popSuccessAlert(data.mensaje)
} }
}).fail(function (jqXHR, textStatus, error) { }).fail(function (jqXHR, textStatus, error) {
// Handle error here // Handle error here
console.log(jqXHR) console.log(jqXHR)
});; });;
})) }))
return false; //stop the actual form post !important! return false; //stop the actual form post !important!
}); });
<?= $this->endSection() ?> <?= $this->endSection() ?>
<?php endif; ?> <?php endif; ?>
<?=$this->section('css') ?> <?= $this->section('css') ?>
<link rel="stylesheet" href="<?= site_url('themes/vuexy/css/datatables-editor/editor.dataTables.min.css') ?>"> <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/datatables-editor/editor.dataTables.min.css') ?>">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.bootstrap5.min.css"> <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.2.3/css/buttons.bootstrap5.min.css">
<link rel="stylesheet" href="<?= site_url('themes/vuexy/css/sk-datatables.css') ?>"> <link rel="stylesheet" href="<?= site_url('themes/vuexy/css/sk-datatables.css') ?>">
<?=$this->endSection() ?> <?= $this->endSection() ?>
<?= $this->section('additionalExternalJs') ?> <?= $this->section('additionalExternalJs') ?>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script> <script src="https://cdn.datatables.net/buttons/2.2.3/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.bootstrap5.min.js"></script> <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.bootstrap5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"></script> <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.print.min.js"></script> <script src="https://cdn.datatables.net/buttons/2.2.3/js/buttons.print.min.js"></script>
<script src="https://cdn.datatables.net/select/1.7.0/js/dataTables.select.min.js"></script> <script src="https://cdn.datatables.net/select/1.7.0/js/dataTables.select.min.js"></script>
<script src="<?= site_url('themes/vuexy/js/datatables-editor/dataTables.editor.min.js') ?>"></script> <script src="<?= site_url('themes/vuexy/js/datatables-editor/dataTables.editor.min.js') ?>"></script>
<script src="<?= site_url('themes/vuexy/vendor/libs/autosize/autosize.js') ?>"></script> <script src="<?= site_url('themes/vuexy/vendor/libs/autosize/autosize.js') ?>"></script>
<?php if(str_contains($formAction,'edit')): ?> <?php if (str_contains($formAction, 'edit')): ?>
<script src="<?= site_url('js_loader/comparadorCosidoTapaBlanda_js') ?>"></script> <script src="<?= site_url('js_loader/comparadorCosidoTapaBlanda_js') ?>"></script>
<script src="<?= site_url('js_loader/previsualizador_js') ?>"></script> <script src="<?= site_url('js_loader/previsualizador_js') ?>"></script>
<script src="<?= site_url('themes/vuexy/vendor/libs/two/two.js') ?>"></script> <script src="<?= site_url('themes/vuexy/vendor/libs/two/two.js') ?>"></script>
<?php endif; ?> <?php endif; ?>
<?=$this->endSection() ?> <?= $this->endSection() ?>