mirror of
https://git.imnavajas.es/jjimenez/safekat.git
synced 2025-07-25 22:52:08 +00:00
tipo impresion acabado
This commit is contained in:
jaimejimenezortega
@ -88,5 +88,11 @@ class Js_loader extends BaseController
|
|||||||
return view('themes/backend/vuexy/form/presupuestos/cliente/presupuestoCliente.js');
|
return view('themes/backend/vuexy/form/presupuestos/cliente/presupuestoCliente.js');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function presupuestoClienteTipoLibro_js()
|
||||||
|
{
|
||||||
|
$this->response->setHeader('Content-Type', 'text/javascript');
|
||||||
|
return view('themes/backend/vuexy/form/presupuestos/cliente/tipoLibroItems.js');
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -1,7 +1,8 @@
|
|||||||
<!-- Fila 1 -->
|
|
||||||
<div class="col-12 pb-2">
|
<div class="col-12 pb-2">
|
||||||
<div class="row g-2">
|
|
||||||
|
|
||||||
|
<input hidden readonly style="background: #E8E8E8;" id="id" name="id" maxLength="12" class="form-control" value="<?= old('id', $presupuestoEntity->id) ?>">
|
||||||
|
|
||||||
|
<div class="row g-2">
|
||||||
|
|
||||||
<div class="col-sm-6 mb-3">
|
<div class="col-sm-6 mb-3">
|
||||||
<label for="titulo" class="form-label">
|
<label for="titulo" class="form-label">
|
||||||
@ -46,85 +47,7 @@
|
|||||||
<input type="text" id="isbn" name="isbn" maxLength="50" class="form-control" value="<?=old('isbn', $presupuestoEntity->isbn) ?>">
|
<input type="text" id="isbn" name="isbn" maxLength="50" class="form-control" value="<?=old('isbn', $presupuestoEntity->isbn) ?>">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="col-sm-6 mb-3">
|
||||||
|
|
||||||
<label for="id" class="form-label">
|
|
||||||
<?= lang('Presupuestos.id') ?>
|
|
||||||
</label>
|
|
||||||
<input readonly style="background: #E8E8E8;" id="id" name="id" maxLength="12" class="form-control" value="<?= old('id', $presupuestoEntity->id) ?>">
|
|
||||||
|
|
||||||
</div><!--//.col -->
|
|
||||||
|
|
||||||
<div class="col-md-12 col-lg-3 px-4">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="created_at" class="form-label">
|
|
||||||
<?= lang('Presupuestos.created_at') ?>
|
|
||||||
</label>
|
|
||||||
<?php if(str_contains($formAction,'edit')): ?>
|
|
||||||
<input readonly style="background: #E8E8E8;" id="updated_at" name="updated_at" maxLength="12" class="form-control" value="<?= old('created_at', (isset($presupuestoEntity->updated_at)) ? date ('d/m/Y', strtotime($presupuestoEntity->updated_at)) : "") ?>">
|
|
||||||
<?php else: ?>
|
|
||||||
<input readonly style="background: #E8E8E8;" id="created_at" name="created_at" maxLength="12" class="form-control" value="<?= old('created_at', (isset($presupuestoEntity->created_at)) ? date ('d/m/Y', strtotime($presupuestoEntity->created_at)) : "") ?>">
|
|
||||||
<?php endif; ?>
|
|
||||||
</div><!--//.mb-3 -->
|
|
||||||
</div><!--//.col -->
|
|
||||||
|
|
||||||
<div class="col-md-12 col-lg-3 px-4">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="estadoId" class="form-label">
|
|
||||||
<?= lang('Presupuestos.presupuestoEstado') ?>
|
|
||||||
</label>
|
|
||||||
<select disabled id="estadoId" name="estado_id" maxLength="11" style="background-color: #E8E8E8;" class="form-control" value="<?= old(1, $presupuestoEntity->estado_id) ?>">
|
|
||||||
<option value=1><?=lang('Presupuestos.presupuestoEstadoBorrador') ?></option>
|
|
||||||
<option value=2><?=lang('Presupuestos.presupuestoEstadoAceptado') ?></option>
|
|
||||||
</select>
|
|
||||||
</div><!--//.mb-3 -->
|
|
||||||
</div><!--//.col -->
|
|
||||||
|
|
||||||
<div class="col-md-12 col-lg-3 px-4">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="incRei" class="form-label">
|
|
||||||
<?= lang('Presupuestos.incRei') ?>
|
|
||||||
</label>
|
|
||||||
<select id="incRei" name="inc_rei" maxLength="11" class="form-control" value="<?= old('inc_rei', $presupuestoEntity->inc_rei) ?>">
|
|
||||||
<?php if (isset($incReiList) && is_array($incReiList) && !empty($incReiList)) : ?>
|
|
||||||
<option> </option>
|
|
||||||
<?php foreach ($incReiList as $k => $v) : ?>
|
|
||||||
<option value="<?= $k ?>" <?= $k == $presupuestoEntity->inc_rei ? ' selected' : '' ?>>
|
|
||||||
<?= $v ?>
|
|
||||||
</option>
|
|
||||||
<?php endforeach;
|
|
||||||
endif; ?>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
</div><!--//.mb-3 -->
|
|
||||||
|
|
||||||
</div><!--//.col -->
|
|
||||||
</div> <!--//.row -->
|
|
||||||
|
|
||||||
<!-- Fila 2 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12 col-lg-6 px-4">
|
|
||||||
|
|
||||||
</div><!--//.col -->
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-md-12 col-lg-6 px-4">
|
|
||||||
|
|
||||||
</div><!--//.col -->
|
|
||||||
|
|
||||||
</div> <!--//.row -->
|
|
||||||
|
|
||||||
|
|
||||||
<!-- Fila 3 -->
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12 col-lg-3 px-4">
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-md-12 col-lg-3 px-4">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="paisId" class="form-label">
|
<label for="paisId" class="form-label">
|
||||||
<?=lang('Presupuestos.paisId') ?>*
|
<?=lang('Presupuestos.paisId') ?>*
|
||||||
</label>
|
</label>
|
||||||
@ -136,16 +59,12 @@
|
|||||||
</option>
|
</option>
|
||||||
<?php endforeach; ?>
|
<?php endforeach; ?>
|
||||||
</select>
|
</select>
|
||||||
</div><!--//.mb-3 -->
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div> <!--//.row -->
|
<hr> <!-- Separador -->
|
||||||
|
|
||||||
|
|
||||||
<!-- Fila 3 -->
|
<div class="col-sm-6 mb-3">
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12 col-lg-6 px-4">
|
|
||||||
<div class="mb-3">
|
|
||||||
<label for="clienteId" class="form-label">
|
<label for="clienteId" class="form-label">
|
||||||
<?= lang('Presupuestos.clienteId') ?>*
|
<?= lang('Presupuestos.clienteId') ?>*
|
||||||
</label>
|
</label>
|
||||||
@ -159,17 +78,18 @@
|
|||||||
<?php endforeach;
|
<?php endforeach;
|
||||||
endif; ?>
|
endif; ?>
|
||||||
</select>
|
</select>
|
||||||
</div><!--//.mb-3 -->
|
</div>
|
||||||
</div><!--//.col -->
|
|
||||||
|
|
||||||
<div class="col-md-12 col-lg-6 px-4">
|
|
||||||
<div class="mb-3">
|
<div class="col-sm-6 mb-3">
|
||||||
<label for="referenciaCliente" class="form-label">
|
<label for="referenciaCliente" class="form-label">
|
||||||
<?=lang('Presupuestos.referenciaCliente') ?>
|
<?=lang('Presupuestos.referenciaCliente') ?>
|
||||||
</label>
|
</label>
|
||||||
<input type="text" id="referenciaCliente" name="referencia_cliente" maxLength="100" class="form-control" value="<?=old('referencia_cliente', $presupuestoEntity->referencia_cliente) ?>">
|
<input type="text" id="referenciaCliente" name="referencia_cliente" maxLength="100" class="form-control" value="<?=old('referencia_cliente', $presupuestoEntity->referencia_cliente) ?>">
|
||||||
</div><!--//.mb-3 -->
|
</div>
|
||||||
</div><!--//.col -->
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div><!--//.col -->
|
||||||
|
|
||||||
|
|
||||||
</div> <!--//.row -->
|
|
||||||
@ -0,0 +1,69 @@
|
|||||||
|
<div class="col-12 pb-2">
|
||||||
|
<div class="row g-2 d-flex justify-content-center">
|
||||||
|
|
||||||
|
<div class="col-md-4 mb-md-0 mb-2">
|
||||||
|
<div class="form-check checked custom-option custom-option-image custom-option-image-radio">
|
||||||
|
<label class="form-check-label custom-option-content" for="tipoCosido">
|
||||||
|
<span class="custom-option-body">
|
||||||
|
<img src="<?= site_url("assets/img/libro_cosido.jpeg") ?>" alt="radioImg">
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<input name="cosido" class="form-check-input" type="radio" value="tipoCosido" id="tipoCosido" checked="checked">
|
||||||
|
</div>
|
||||||
|
<h5 class="text-center">Libro cosido</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 mb-md-0 mb-2">
|
||||||
|
<div class="form-check custom-option custom-option-image custom-option-image-radio">
|
||||||
|
<label class="form-check-label custom-option-content" for="tipoFresado">
|
||||||
|
<span class="custom-option-body">
|
||||||
|
<img src="<?= site_url("assets/img/libro_fresado.jpeg") ?>" alt="radioImg2">
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<input name="fresado" class="form-check-input" type="radio" value="tipoFresado" id="tipoFresado" checked="">
|
||||||
|
</div>
|
||||||
|
<h5 class="text-center">Libro fresado</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 mb-md-0 mb-2">
|
||||||
|
<div class="form-check custom-option custom-option-image custom-option-image-radio">
|
||||||
|
<label class="form-check-label custom-option-content" for="tipoGrapado">
|
||||||
|
<span class="custom-option-body">
|
||||||
|
<img src="<?= site_url("assets/img/libro_grapado.jpeg") ?>" alt="radioImg3">
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<input name="grapado" class="form-check-input" type="radio" value="tipoGrapado" id="tipoGrapado" checked="">
|
||||||
|
</div>
|
||||||
|
<h5 class="text-center">Libro grapado</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 mb-md-0 mb-2">
|
||||||
|
<div class="form-check custom-option custom-option-image custom-option-image-radio">
|
||||||
|
<label class="form-check-label custom-option-content" for="tipoEspiral">
|
||||||
|
<span class="custom-option-body">
|
||||||
|
<img src="<?= site_url("assets/img/libro_espiral.jpeg") ?>" alt="radioImg4">
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<input name="espiral" class="form-check-input" type="radio" value="tipoEspiral" id="tipoEspiral" checked="">
|
||||||
|
</div>
|
||||||
|
<h5 class="text-center">Libro espiral</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 mb-md-0 mb-2">
|
||||||
|
<div class="form-check custom-option custom-option-image custom-option-image-radio">
|
||||||
|
<label class="form-check-label custom-option-content" for="tipoWireO">
|
||||||
|
<span class="custom-option-body">
|
||||||
|
<img src="<?= site_url("assets/img/libro_wire-o.jpeg") ?>" alt="radioImg5">
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<input name="wireo" class="form-check-input" type="radio" value="tipoWireO" id="tipoWireO" checked="">
|
||||||
|
</div>
|
||||||
|
<h5 class="text-center">Libro espiral</h5>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row g-2">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
@ -18,9 +18,10 @@
|
|||||||
const clientePresupuestoWizardForm = clientePresupuestoWizard.querySelector('#presupuesto-cliente-form');
|
const clientePresupuestoWizardForm = clientePresupuestoWizard.querySelector('#presupuesto-cliente-form');
|
||||||
// Wizard steps
|
// Wizard steps
|
||||||
const clientePresupuestoWizardFormStep1 = clientePresupuestoWizardForm.querySelector('#datos-generales');
|
const clientePresupuestoWizardFormStep1 = clientePresupuestoWizardForm.querySelector('#datos-generales');
|
||||||
const clientePresupuestoWizardFormStep2 = clientePresupuestoWizardForm.querySelector('#disenio-libro');
|
const clientePresupuestoWizardFormStep2 = clientePresupuestoWizardForm.querySelector('#tipo-libro');
|
||||||
const clientePresupuestoWizardFormStep3 = clientePresupuestoWizardForm.querySelector('#direcciones-libro');
|
const clientePresupuestoWizardFormStep3 = clientePresupuestoWizardForm.querySelector('#disenio-libro');
|
||||||
const clientePresupuestoWizardFormStep4 = clientePresupuestoWizardForm.querySelector('#resumen-libro');
|
const clientePresupuestoWizardFormStep4 = clientePresupuestoWizardForm.querySelector('#direcciones-libro');
|
||||||
|
const clientePresupuestoWizardFormStep5 = clientePresupuestoWizardForm.querySelector('#resumen-libro');
|
||||||
// Wizard next prev button
|
// Wizard next prev button
|
||||||
const clientePresupuestoWizardNext = [].slice.call(clientePresupuestoWizardForm.querySelectorAll('.btn-next'));
|
const clientePresupuestoWizardNext = [].slice.call(clientePresupuestoWizardForm.querySelectorAll('.btn-next'));
|
||||||
const clientePresupuestoWizardPrev = [].slice.call(clientePresupuestoWizardForm.querySelectorAll('.btn-prev'));
|
const clientePresupuestoWizardPrev = [].slice.call(clientePresupuestoWizardForm.querySelectorAll('.btn-prev'));
|
||||||
@ -185,6 +186,30 @@
|
|||||||
alert('Submitted..!!');
|
alert('Submitted..!!');
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Deal Usage
|
||||||
|
const FormValidation5 = FormValidation.formValidation(clientePresupuestoWizardFormStep5, {
|
||||||
|
fields: {
|
||||||
|
// * Validate the fields here based on your requirements
|
||||||
|
},
|
||||||
|
plugins: {
|
||||||
|
trigger: new FormValidation.plugins.Trigger(),
|
||||||
|
bootstrap5: new FormValidation.plugins.Bootstrap5({
|
||||||
|
// Use this for enabling/changing valid/invalid class
|
||||||
|
// eleInvalidClass: '',
|
||||||
|
eleValidClass: '',
|
||||||
|
rowSelector: '.col-md-12'
|
||||||
|
}),
|
||||||
|
autoFocus: new FormValidation.plugins.AutoFocus(),
|
||||||
|
submitButton: new FormValidation.plugins.SubmitButton()
|
||||||
|
}
|
||||||
|
}).on('core.form.valid', function () {
|
||||||
|
// You can submit the form
|
||||||
|
// clientePresupuestoWizardForm.submit()
|
||||||
|
// or send the form data to server via an Ajax request
|
||||||
|
// To make the demo simple, I just placed an alert
|
||||||
|
alert('Submitted..!!');
|
||||||
|
});
|
||||||
|
|
||||||
clientePresupuestoWizardNext.forEach(item => {
|
clientePresupuestoWizardNext.forEach(item => {
|
||||||
item.addEventListener('click', event => {
|
item.addEventListener('click', event => {
|
||||||
// When click the Next button, we will validate the current step
|
// When click the Next button, we will validate the current step
|
||||||
@ -205,6 +230,10 @@
|
|||||||
FormValidation4.validate();
|
FormValidation4.validate();
|
||||||
break;
|
break;
|
||||||
|
|
||||||
|
case 4:
|
||||||
|
FormValidation5.validate();
|
||||||
|
break;
|
||||||
|
|
||||||
default:
|
default:
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -0,0 +1,35 @@
|
|||||||
|
// Init custom option check
|
||||||
|
function initCustomOptionCheck()
|
||||||
|
{
|
||||||
|
const _this = this
|
||||||
|
|
||||||
|
const custopOptionList = [].slice.call(document.querySelectorAll('.custom-option .form-check-input'))
|
||||||
|
custopOptionList.map(function (customOptionEL) {
|
||||||
|
// Update custom options check on page load
|
||||||
|
_this.updateCustomOptionCheck(customOptionEL)
|
||||||
|
|
||||||
|
// Update custom options check on click
|
||||||
|
customOptionEL.addEventListener('click', e => {
|
||||||
|
_this.updateCustomOptionCheck(customOptionEL)
|
||||||
|
})
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateCustomOptionCheck(el)
|
||||||
|
{
|
||||||
|
if (el.checked) {
|
||||||
|
// If custom option element is radio, remove checked from the siblings (closest `.row`)
|
||||||
|
if (el.type === 'radio') {
|
||||||
|
const customRadioOptionList = [].slice.call(el.closest('.row').querySelectorAll('.custom-option'))
|
||||||
|
customRadioOptionList.map(function (customRadioOptionEL) {
|
||||||
|
customRadioOptionEL.closest('.custom-option').classList.remove('checked')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
el.closest('.custom-option').classList.add('checked')
|
||||||
|
} else {
|
||||||
|
el.closest('.custom-option').classList.remove('checked')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
initCustomOptionCheck();
|
||||||
|
|
||||||
@ -7,312 +7,344 @@
|
|||||||
<?= $this->section("content") ?>
|
<?= $this->section("content") ?>
|
||||||
|
|
||||||
<div class="container-xxl flex-grow-1 container-p-y">
|
<div class="container-xxl flex-grow-1 container-p-y">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
<h3 class="card-title"><?= $boxTitle ?? $pageTitle ?></h3>
|
<h3 class="card-title"><?= $boxTitle ?? $pageTitle ?></h3>
|
||||||
<?= csrf_field() ?>
|
<?= csrf_field() ?>
|
||||||
<?= view("themes/_commonPartialsBs/_alertBoxes") ?>
|
<?= view("themes/_commonPartialsBs/_alertBoxes") ?>
|
||||||
<?= !empty($validation->getErrors()) ? $validation->listErrors("bootstrap_style") : "" ?>
|
<?= !empty($validation->getErrors()) ? $validation->listErrors("bootstrap_style") : "" ?>
|
||||||
|
|
||||||
<!-- Create Deal Wizard -->
|
<!-- Create Deal Wizard -->
|
||||||
<div id="wizard-presupuesto-cliente" class="bs-stepper vertical mt-2 linear">
|
<div id="wizard-presupuesto-cliente" class="bs-stepper vertical mt-2 linear">
|
||||||
<div class="bs-stepper-header">
|
<div class="bs-stepper-header">
|
||||||
<div class="step active" data-target="#datos-generales">
|
<div class="step active" data-target="#datos-generales">
|
||||||
<button type="button" class="step-trigger" aria-selected="true">
|
<button type="button" class="step-trigger" aria-selected="true">
|
||||||
<span class="bs-stepper-circle"><i class="ti ti-list-details ti-sm"></i></span>
|
<span class="bs-stepper-circle"><i class="ti ti-list-details ti-sm"></i></span>
|
||||||
<span class="bs-stepper-label">
|
<span class="bs-stepper-label">
|
||||||
<span class="bs-stepper-title">Datos generales</span>
|
<span class="bs-stepper-title">Datos generales</span>
|
||||||
<span class="bs-stepper-subtitle">Información del libro</span>
|
<span class="bs-stepper-subtitle">Información del libro</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
|
|
||||||
<div class="step" data-target="#disenio-libro">
|
<div class="step" data-target="#tipo-libro">
|
||||||
<button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
|
<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-circle"><i class="ti ti-book ti-sm"></i></span>
|
||||||
<span class="bs-stepper-label">
|
<span class="bs-stepper-label">
|
||||||
<span class="bs-stepper-title">Diseño del libro</span>
|
<span class="bs-stepper-title">Tipo de libro</span>
|
||||||
<span class="bs-stepper-subtitle">Detalles técnicos del libro</span>
|
<span class="bs-stepper-subtitle">Cosido, Fresado, ...</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
|
|
||||||
<div class="step" data-target="#direcciones-libro">
|
<div class="step" data-target="#disenio-libro">
|
||||||
<button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
|
<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-circle"><i class="ti ti-book ti-sm"></i></span>
|
||||||
<span class="bs-stepper-label">
|
<span class="bs-stepper-label">
|
||||||
<span class="bs-stepper-title">Direcciones</span>
|
<span class="bs-stepper-title">Diseño del libro</span>
|
||||||
<span class="bs-stepper-subtitle">Dirección envío, facturación</span>
|
<span class="bs-stepper-subtitle">Detalles técnicos del libro</span>
|
||||||
</span>
|
</span>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="line"></div>
|
<div class="line"></div>
|
||||||
|
|
||||||
<div class="step" data-target="#resumen-libro">
|
<div class="step" data-target="#direcciones-libro">
|
||||||
<button type="button" class="step-trigger" aria-selected="false" disabled="disabled">
|
<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-circle"><i class="ti ti-map-pins ti-sm"></i></span>
|
||||||
<span class="bs-stepper-label">
|
<span class="bs-stepper-label">
|
||||||
<span class="bs-stepper-title">Resumen del presupuesto</span>
|
<span class="bs-stepper-title">Direcciones</span>
|
||||||
</span>
|
<span class="bs-stepper-subtitle">Dirección envío, facturación</span>
|
||||||
</button>
|
</span>
|
||||||
</div>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
|
||||||
<div class="bs-stepper-content">
|
<div class="step" data-target="#resumen-libro">
|
||||||
<form id="presupuesto-cliente-form" onsubmit="return false">
|
<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>
|
||||||
|
|
||||||
<!-- Datos Generales -->
|
<div class="bs-stepper-content">
|
||||||
<div id="datos-generales" class="content active dstepper-block fv-plugins-bootstrap5 fv-plugins-framework">
|
<form id="presupuesto-cliente-form" onsubmit="return false">
|
||||||
|
|
||||||
|
<!-- Datos Generales -->
|
||||||
|
<div id="datos-generales" class="content active dstepper-block fv-plugins-bootstrap5 fv-plugins-framework">
|
||||||
<div class="row g-3">
|
<div class="row g-3">
|
||||||
|
|
||||||
<?= view("themes/backend/vuexy/form/presupuestos/cliente/_datosLibroItems") ?>
|
<?= view("themes/backend/vuexy/form/presupuestos/cliente/_datosLibroItems") ?>
|
||||||
|
|
||||||
<div class="col-12 d-flex justify-content-between mt-4">
|
<div class="col-12 d-flex justify-content-between mt-4">
|
||||||
<button class="btn btn-label-secondary btn-prev waves-effect">
|
<button class="btn btn-label-secondary btn-prev waves-effect">
|
||||||
<i class="ti ti-arrow-left ti-xs me-sm-1 me-0"></i>
|
<i class="ti ti-arrow-left ti-xs me-sm-1 me-0"></i>
|
||||||
<span class="align-middle d-sm-inline-block d-none">Previous</span>
|
<span class="align-middle d-sm-inline-block d-none">Previous</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="btn btn-primary btn-next waves-effect waves-light">
|
<button class="btn btn-primary btn-next waves-effect waves-light">
|
||||||
<span class="align-middle d-sm-inline-block d-none me-sm-1">Next</span>
|
<span class="align-middle d-sm-inline-block d-none me-sm-1">Next</span>
|
||||||
<i class="ti ti-arrow-right ti-xs"></i>
|
<i class="ti ti-arrow-right ti-xs"></i>
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Deal Details -->
|
<!-- Deal Details -->
|
||||||
<div id="disenio-libro" class="content fv-plugins-bootstrap5 fv-plugins-framework">
|
<div id="tipo-libro" class="content fv-plugins-bootstrap5 fv-plugins-framework">
|
||||||
<div class="row g-3">
|
<div class="row g-3">
|
||||||
<div class="col-sm-6 fv-plugins-icon-container">
|
|
||||||
<label class="form-label" for="dealTitle">Deal Title</label>
|
<?= view("themes/backend/vuexy/form/presupuestos/cliente/_tipoLibroItems") ?>
|
||||||
<input type="text" id="dealTitle" name="dealTitle" class="form-control" placeholder="Black friday sale, 25% off">
|
|
||||||
<div class="fv-plugins-message-container invalid-feedback"></div></div>
|
<div class="col-12 d-flex justify-content-between mt-4">
|
||||||
<div class="col-sm-6 fv-plugins-icon-container">
|
<button class="btn btn-label-secondary btn-prev waves-effect">
|
||||||
<label class="form-label" for="dealCode">Deal Code</label>
|
<i class="ti ti-arrow-left ti-xs me-sm-1 me-0"></i>
|
||||||
<input type="text" id="dealCode" name="dealCode" class="form-control" placeholder="25PEROFF">
|
<span class="align-middle d-sm-inline-block d-none">Previous</span>
|
||||||
<div class="fv-plugins-message-container invalid-feedback"></div></div>
|
</button>
|
||||||
<div class="col-sm-6">
|
<button class="btn btn-primary btn-next waves-effect waves-light">
|
||||||
<label class="form-label" for="dealDescription">Deal Description</label>
|
<span class="align-middle d-sm-inline-block d-none me-sm-1">Next</span>
|
||||||
<textarea id="dealDescription" name="dealDescription" class="form-control" rows="5" placeholder="To sell or distribute something as a business deal"></textarea>
|
<i class="ti ti-arrow-right ti-xs"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Deal Details -->
|
||||||
|
<div id="disenio-libro" class="content fv-plugins-bootstrap5 fv-plugins-framework">
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="col-sm-6 fv-plugins-icon-container">
|
||||||
|
<label class="form-label" for="dealTitle">Deal Title</label>
|
||||||
|
<input type="text" id="dealTitle" name="dealTitle" class="form-control" placeholder="Black friday sale, 25% off">
|
||||||
|
<div class="fv-plugins-message-container invalid-feedback"></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6 fv-plugins-icon-container">
|
||||||
|
<label class="form-label" for="dealCode">Deal Code</label>
|
||||||
|
<input type="text" id="dealCode" name="dealCode" class="form-control" placeholder="25PEROFF">
|
||||||
|
<div class="fv-plugins-message-container invalid-feedback"></div>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<label class="form-label" for="dealDescription">Deal Description</label>
|
||||||
|
<textarea id="dealDescription" name="dealDescription" class="form-control" rows="5" placeholder="To sell or distribute something as a business deal"></textarea>
|
||||||
|
</div>
|
||||||
|
<div class="col-sm-6">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 mb-3">
|
||||||
|
<label class="form-label" for="dealOfferedItem">Offered Items</label>
|
||||||
|
<div class="position-relative">
|
||||||
|
<select class="select2 select2-hidden-accessible" id="dealOfferedItem" name="dealOfferedItem" multiple="" data-select2-id="dealOfferedItem" tabindex="-1" aria-hidden="true">
|
||||||
|
<option disabled="" value="">Select offered item</option>
|
||||||
|
<option value="65328">Apple iPhone 12 Pro Max (256GB)</option>
|
||||||
|
<option value="25612">Apple iPhone 12 Pro (512GB)</option>
|
||||||
|
<option value="65454">Apple iPhone 12 Mini (256GB)</option>
|
||||||
|
<option value="12365">Apple iPhone 11 Pro Max (256GB)</option>
|
||||||
|
<option value="85466">Apple iPhone 11 (64GB)</option>
|
||||||
|
<option value="98564">OnePlus Nord CE 5G (128GB)</option>
|
||||||
|
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="2" style="width: auto;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1" aria-disabled="false">
|
||||||
|
<ul class="select2-selection__rendered">
|
||||||
|
<li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" placeholder="Select an offered item" style="width: 0px;"></li>
|
||||||
|
</ul>
|
||||||
|
</span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-6">
|
</div>
|
||||||
<div class="row">
|
<div class="col-12">
|
||||||
<div class="col-12 mb-3">
|
<label class="form-label" for="dealCartCondition">Cart condition</label>
|
||||||
<label class="form-label" for="dealOfferedItem">Offered Items</label>
|
<select class="form-select" id="dealCartCondition" name="dealCartCondition">
|
||||||
<div class="position-relative">
|
<option disabled="" value="">Select cart condition</option>
|
||||||
<select class="select2 select2-hidden-accessible" id="dealOfferedItem" name="dealOfferedItem" multiple="" data-select2-id="dealOfferedItem" tabindex="-1" aria-hidden="true">
|
<option value="all">Cart must contain all selected Downloads</option>
|
||||||
<option disabled="" value="">Select offered item</option>
|
<option value="any">Cart needs one or more of the selected Downloads</option>
|
||||||
<option value="65328">Apple iPhone 12 Pro Max (256GB)</option>
|
</select>
|
||||||
<option value="25612">Apple iPhone 12 Pro (512GB)</option>
|
</div>
|
||||||
<option value="65454">Apple iPhone 12 Mini (256GB)</option>
|
</div>
|
||||||
<option value="12365">Apple iPhone 11 Pro Max (256GB)</option>
|
</div>
|
||||||
<option value="85466">Apple iPhone 11 (64GB)</option>
|
<div class="col-sm-6">
|
||||||
<option value="98564">OnePlus Nord CE 5G (128GB)</option>
|
<label for="dealDuration" class="form-label">Deal Duration</label>
|
||||||
</select><span class="select2 select2-container select2-container--default" dir="ltr" data-select2-id="2" style="width: auto;"><span class="selection"><span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1" aria-disabled="false"><ul class="select2-selection__rendered"><li class="select2-search select2-search--inline"><input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="none" spellcheck="false" role="searchbox" aria-autocomplete="list" placeholder="Select an offered item" style="width: 0px;"></li></ul></span></span><span class="dropdown-wrapper" aria-hidden="true"></span></span></div>
|
<input type="text" id="dealDuration" name="dealDuration" class="form-control flatpickr-input" placeholder="YYYY-MM-DD to YYYY-MM-DD" readonly="readonly">
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12">
|
<div class="col-sm-6">
|
||||||
<label class="form-label" for="dealCartCondition">Cart condition</label>
|
<label class="form-label">Notify Users</label>
|
||||||
<select class="form-select" id="dealCartCondition" name="dealCartCondition">
|
<div class="row">
|
||||||
<option disabled="" value="">Select cart condition</option>
|
<div class="col mt-2">
|
||||||
<option value="all">Cart must contain all selected Downloads</option>
|
<div class="form-check form-check-inline">
|
||||||
<option value="any">Cart needs one or more of the selected Downloads</option>
|
<input class="form-check-input" type="checkbox" id="dealNotifyEmail" name="dealNotifyEmail" value="email">
|
||||||
</select>
|
<label class="form-check-label" for="dealNotifyEmail">Email</label>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-6">
|
<div class="form-check form-check-inline">
|
||||||
<label for="dealDuration" class="form-label">Deal Duration</label>
|
<input class="form-check-input" type="checkbox" id="dealNotifySMS" name="dealNotifySMS" value="sms">
|
||||||
<input type="text" id="dealDuration" name="dealDuration" class="form-control flatpickr-input" placeholder="YYYY-MM-DD to YYYY-MM-DD" readonly="readonly">
|
<label class="form-check-label" for="dealNotifySMS">SMS</label>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-sm-6">
|
<div class="form-check form-check-inline">
|
||||||
<label class="form-label">Notify Users</label>
|
<input class="form-check-input" type="checkbox" id="dealNotifyPush" name="dealNotifyPush" value="push">
|
||||||
<div class="row">
|
<label class="form-check-label" for="dealNotifyPush">Push Notification</label>
|
||||||
<div class="col mt-2">
|
</div>
|
||||||
<div class="form-check form-check-inline">
|
</div>
|
||||||
<input class="form-check-input" type="checkbox" id="dealNotifyEmail" name="dealNotifyEmail" value="email">
|
|
||||||
<label class="form-check-label" for="dealNotifyEmail">Email</label>
|
|
||||||
</div>
|
|
||||||
<div class="form-check form-check-inline">
|
|
||||||
<input class="form-check-input" type="checkbox" id="dealNotifySMS" name="dealNotifySMS" value="sms">
|
|
||||||
<label class="form-check-label" for="dealNotifySMS">SMS</label>
|
|
||||||
</div>
|
|
||||||
<div class="form-check form-check-inline">
|
|
||||||
<input class="form-check-input" type="checkbox" id="dealNotifyPush" name="dealNotifyPush" value="push">
|
|
||||||
<label class="form-check-label" for="dealNotifyPush">Push Notification</label>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-12 d-flex justify-content-between mt-4">
|
||||||
|
<button class="btn btn-label-secondary btn-prev waves-effect">
|
||||||
|
<i class="ti ti-arrow-left ti-xs me-sm-1 me-0"></i>
|
||||||
|
<span class="align-middle d-sm-inline-block d-none">Previous</span>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary btn-next waves-effect waves-light">
|
||||||
|
<span class="align-middle d-sm-inline-block d-none me-sm-1">Next</span>
|
||||||
|
<i class="ti ti-arrow-right ti-xs"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 d-flex justify-content-between mt-4">
|
<!-- Deal Usage -->
|
||||||
<button class="btn btn-label-secondary btn-prev waves-effect">
|
<div id="direcciones-libro" class="content fv-plugins-bootstrap5 fv-plugins-framework">
|
||||||
<i class="ti ti-arrow-left ti-xs me-sm-1 me-0"></i>
|
<div class="row g-3">
|
||||||
<span class="align-middle d-sm-inline-block d-none">Previous</span>
|
<div class="col-sm-6">
|
||||||
</button>
|
<label class="form-label" for="dealUserType">User Type</label>
|
||||||
<button class="btn btn-primary btn-next waves-effect waves-light">
|
<select id="dealUserType" name="dealUserType" class="form-select">
|
||||||
<span class="align-middle d-sm-inline-block d-none me-sm-1">Next</span>
|
<option selected="" disabled="" value="">Select user type</option>
|
||||||
<i class="ti ti-arrow-right ti-xs"></i>
|
<option value="all">All</option>
|
||||||
</button>
|
<option value="registered">Registered</option>
|
||||||
</div>
|
<option value="unregistered">Unregistered</option>
|
||||||
</div>
|
<option value="prime-members">Prime members</option>
|
||||||
</div>
|
</select>
|
||||||
<!-- Deal Usage -->
|
|
||||||
<div id="direcciones-libro" class="content fv-plugins-bootstrap5 fv-plugins-framework">
|
|
||||||
<div class="row g-3">
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<label class="form-label" for="dealUserType">User Type</label>
|
|
||||||
<select id="dealUserType" name="dealUserType" class="form-select">
|
|
||||||
<option selected="" disabled="" value="">Select user type</option>
|
|
||||||
<option value="all">All</option>
|
|
||||||
<option value="registered">Registered</option>
|
|
||||||
<option value="unregistered">Unregistered</option>
|
|
||||||
<option value="prime-members">Prime members</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<label class="form-label" for="dealMaxUsers">Max Users</label>
|
|
||||||
<input type="number" id="dealMaxUsers" name="dealMaxUsers" class="form-control" placeholder="500">
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<label class="form-label" for="dealMinimumCartAmount">Minimum Cart Amount</label>
|
|
||||||
<input type="number" id="dealMinimumCartAmount" name="dealMinimumCartAmount" class="form-control" placeholder="$99">
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<label class="form-label" for="dealPromotionalFee">Promotional Fee</label>
|
|
||||||
<input type="number" id="dealPromotionalFee" name="dealPromotionalFee" class="form-control" placeholder="$9">
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<label class="form-label" for="dealPaymentMethod">Payment Method</label>
|
|
||||||
<select id="dealPaymentMethod" name="dealPaymentMethod" class="form-select">
|
|
||||||
<option selected="" disabled="" value="">Select payment method</option>
|
|
||||||
<option value="any">Any</option>
|
|
||||||
<option value="credit-card">Credit Card</option>
|
|
||||||
<option value="net-banking">Net Banking</option>
|
|
||||||
<option value="wallet">Wallet</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-6">
|
|
||||||
<label class="form-label" for="dealStatus">Deal Status</label>
|
|
||||||
<select id="dealStatus" name="dealStatus" class="form-select">
|
|
||||||
<option selected="" disabled="" value="">Select status</option>
|
|
||||||
<option value="active">Active</option>
|
|
||||||
<option value="inactive">Inactive</option>
|
|
||||||
<option value="suspend">Suspend</option>
|
|
||||||
<option value="abandon">Abandone</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-12">
|
|
||||||
<label class="switch">
|
|
||||||
<input type="checkbox" class="switch-input" id="dealLimitUser" name="dealLimitUser">
|
|
||||||
<span class="switch-toggle-slider">
|
|
||||||
<span class="switch-on"></span>
|
|
||||||
<span class="switch-off"></span>
|
|
||||||
</span>
|
|
||||||
<span class="switch-label"> Limit this discount to a single-use per customer?</span>
|
|
||||||
</label>
|
|
||||||
</div>
|
|
||||||
<div class="col-12 d-flex justify-content-between mt-4">
|
|
||||||
<button class="btn btn-label-secondary btn-prev waves-effect">
|
|
||||||
<i class="ti ti-arrow-left ti-xs me-sm-1 me-0"></i>
|
|
||||||
<span class="align-middle d-sm-inline-block d-none">Previous</span>
|
|
||||||
</button>
|
|
||||||
<button class="btn btn-primary btn-next waves-effect waves-light">
|
|
||||||
<span class="align-middle d-sm-inline-block d-none me-sm-1">Next</span>
|
|
||||||
<i class="ti ti-arrow-right ti-xs"></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Review & Complete -->
|
|
||||||
<div id="resumen-libro" class="content fv-plugins-bootstrap5 fv-plugins-framework">
|
|
||||||
<div class="row g-3">
|
|
||||||
<div class="col-lg-6">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-12 mb-0">
|
|
||||||
<h3>Almost done! 🚀</h3>
|
|
||||||
<p>Confirm your deal details information and submit to create it.</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12 mb-0">
|
<div class="col-sm-6">
|
||||||
<table class="table table-borderless">
|
<label class="form-label" for="dealMaxUsers">Max Users</label>
|
||||||
<tbody>
|
<input type="number" id="dealMaxUsers" name="dealMaxUsers" class="form-control" placeholder="500">
|
||||||
<tr>
|
</div>
|
||||||
<td class="ps-0 align-top text-nowrap py-1"><strong>Deal Type</strong></td>
|
<div class="col-sm-6">
|
||||||
<td class="px-0 py-1">Percentage</td>
|
<label class="form-label" for="dealMinimumCartAmount">Minimum Cart Amount</label>
|
||||||
</tr>
|
<input type="number" id="dealMinimumCartAmount" name="dealMinimumCartAmount" class="form-control" placeholder="$99">
|
||||||
<tr>
|
</div>
|
||||||
<td class="ps-0 align-top text-nowrap py-1"><strong>Amount</strong></td>
|
<div class="col-sm-6">
|
||||||
<td class="px-0 py-1">25%</td>
|
<label class="form-label" for="dealPromotionalFee">Promotional Fee</label>
|
||||||
</tr>
|
<input type="number" id="dealPromotionalFee" name="dealPromotionalFee" class="form-control" placeholder="$9">
|
||||||
<tr>
|
</div>
|
||||||
<td class="ps-0 align-top text-nowrap py-1"><strong>Deal Code</strong></td>
|
<div class="col-sm-6">
|
||||||
<td class="px-0 py-1">
|
<label class="form-label" for="dealPaymentMethod">Payment Method</label>
|
||||||
<div class="badge bg-label-warning">25PEROFF</div>
|
<select id="dealPaymentMethod" name="dealPaymentMethod" class="form-select">
|
||||||
</td>
|
<option selected="" disabled="" value="">Select payment method</option>
|
||||||
</tr>
|
<option value="any">Any</option>
|
||||||
<tr>
|
<option value="credit-card">Credit Card</option>
|
||||||
<td class="ps-0 align-top text-nowrap py-1"><strong>Deal Title</strong></td>
|
<option value="net-banking">Net Banking</option>
|
||||||
<td class="px-0 py-1">Black friday sale, 25% OFF</td>
|
<option value="wallet">Wallet</option>
|
||||||
</tr>
|
</select>
|
||||||
<tr>
|
</div>
|
||||||
<td class="ps-0 align-top text-nowrap py-1"><strong>Deal Duration</strong></td>
|
<div class="col-sm-6">
|
||||||
<td class="px-0 py-1">
|
<label class="form-label" for="dealStatus">Deal Status</label>
|
||||||
<span class="fw-semibold">2021-07-14</span> to
|
<select id="dealStatus" name="dealStatus" class="form-select">
|
||||||
<span class="fw-semibold">2021-07-30</span>
|
<option selected="" disabled="" value="">Select status</option>
|
||||||
</td>
|
<option value="active">Active</option>
|
||||||
</tr>
|
<option value="inactive">Inactive</option>
|
||||||
</tbody>
|
<option value="suspend">Suspend</option>
|
||||||
</table>
|
<option value="abandon">Abandone</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="col-lg-12">
|
||||||
|
<label class="switch">
|
||||||
|
<input type="checkbox" class="switch-input" id="dealLimitUser" name="dealLimitUser">
|
||||||
|
<span class="switch-toggle-slider">
|
||||||
|
<span class="switch-on"></span>
|
||||||
|
<span class="switch-off"></span>
|
||||||
|
</span>
|
||||||
|
<span class="switch-label"> Limit this discount to a single-use per customer?</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 d-flex justify-content-between mt-4">
|
||||||
|
<button class="btn btn-label-secondary btn-prev waves-effect">
|
||||||
|
<i class="ti ti-arrow-left ti-xs me-sm-1 me-0"></i>
|
||||||
|
<span class="align-middle d-sm-inline-block d-none">Previous</span>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-primary btn-next waves-effect waves-light">
|
||||||
|
<span class="align-middle d-sm-inline-block d-none me-sm-1">Next</span>
|
||||||
|
<i class="ti ti-arrow-right ti-xs"></i>
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xl-6 col-lg-5 d-flex justify-content-center border rounded pt-3">
|
<!-- Review & Complete -->
|
||||||
<img class="img-fluid" src="../../assets/img/illustrations/wizard-create-deal-confirm.png" alt="deal image cap">
|
<div id="resumen-libro" class="content fv-plugins-bootstrap5 fv-plugins-framework">
|
||||||
</div>
|
<div class="row g-3">
|
||||||
<div class="col-md-12">
|
<div class="col-lg-6">
|
||||||
<label class="switch">
|
<div class="row">
|
||||||
<input type="checkbox" class="switch-input" id="dealConfirmed" name="dealConfirmed">
|
<div class="col-12 mb-0">
|
||||||
<span class="switch-toggle-slider">
|
<h3>Almost done! 🚀</h3>
|
||||||
<span class="switch-on"></span>
|
<p>Confirm your deal details information and submit to create it.</p>
|
||||||
<span class="switch-off"></span>
|
</div>
|
||||||
</span>
|
<div class="col-12 mb-0">
|
||||||
<span class="switch-label"> I have confirmed the deal details.</span>
|
<table class="table table-borderless">
|
||||||
</label>
|
<tbody>
|
||||||
</div>
|
<tr>
|
||||||
<div class="col-12 d-flex justify-content-between mt-4">
|
<td class="ps-0 align-top text-nowrap py-1"><strong>Deal Type</strong></td>
|
||||||
<button class="btn btn-label-secondary btn-prev waves-effect">
|
<td class="px-0 py-1">Percentage</td>
|
||||||
<i class="ti ti-arrow-left ti-xs me-sm-1 me-0"></i>
|
</tr>
|
||||||
<span class="align-middle d-sm-inline-block d-none">Previous</span>
|
<tr>
|
||||||
</button>
|
<td class="ps-0 align-top text-nowrap py-1"><strong>Amount</strong></td>
|
||||||
<button class="btn btn-success btn-submit btn-next waves-effect waves-light">
|
<td class="px-0 py-1">25%</td>
|
||||||
<span class="align-middle d-sm-inline-block d-none me-sm-1">Submit</span><i class="ti ti-check ti-xs"></i>
|
</tr>
|
||||||
</button>
|
<tr>
|
||||||
</div>
|
<td class="ps-0 align-top text-nowrap py-1"><strong>Deal Code</strong></td>
|
||||||
</div>
|
<td class="px-0 py-1">
|
||||||
</div>
|
<div class="badge bg-label-warning">25PEROFF</div>
|
||||||
</form>
|
</td>
|
||||||
</div>
|
</tr>
|
||||||
</div>
|
<tr>
|
||||||
<!-- /Create Deal Wizard -->
|
<td class="ps-0 align-top text-nowrap py-1"><strong>Deal Title</strong></td>
|
||||||
|
<td class="px-0 py-1">Black friday sale, 25% OFF</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td class="ps-0 align-top text-nowrap py-1"><strong>Deal Duration</strong></td>
|
||||||
|
<td class="px-0 py-1">
|
||||||
|
<span class="fw-semibold">2021-07-14</span> to
|
||||||
|
<span class="fw-semibold">2021-07-30</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
<div class="pt-4">
|
</tbody>
|
||||||
<input type="submit"
|
</table>
|
||||||
class="btn btn-primary float-start me-sm-3 me-1"
|
</div>
|
||||||
name="save"
|
</div>
|
||||||
id="saveForm"
|
</div>
|
||||||
value="<?= lang("Basic.global.Save") ?>"
|
<div class="col-xl-6 col-lg-5 d-flex justify-content-center border rounded pt-3">
|
||||||
/>
|
<img class="img-fluid" src="../../assets/img/illustrations/wizard-create-deal-confirm.png" alt="deal image cap">
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<label class="switch">
|
||||||
|
<input type="checkbox" class="switch-input" id="dealConfirmed" name="dealConfirmed">
|
||||||
|
<span class="switch-toggle-slider">
|
||||||
|
<span class="switch-on"></span>
|
||||||
|
<span class="switch-off"></span>
|
||||||
|
</span>
|
||||||
|
<span class="switch-label"> I have confirmed the deal details.</span>
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 d-flex justify-content-between mt-4">
|
||||||
|
<button class="btn btn-label-secondary btn-prev waves-effect">
|
||||||
|
<i class="ti ti-arrow-left ti-xs me-sm-1 me-0"></i>
|
||||||
|
<span class="align-middle d-sm-inline-block d-none">Previous</span>
|
||||||
|
</button>
|
||||||
|
<button class="btn btn-success btn-submit btn-next waves-effect waves-light">
|
||||||
|
<span class="align-middle d-sm-inline-block d-none me-sm-1">Submit</span><i class="ti ti-check ti-xs"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- /Create Deal Wizard -->
|
||||||
|
|
||||||
</div><!--//.col -->
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<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") ?>" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div><!--//.col -->
|
||||||
</div><!--//.row -->
|
</div><!--//.row -->
|
||||||
<?= view("themes/_commonPartialsBs/_modalConfirmDialog") ?>
|
<?= view("themes/_commonPartialsBs/_modalConfirmDialog") ?>
|
||||||
<?= view("themes/_commonPartialsBs/_modalMessageDialog") ?>
|
<?= view("themes/_commonPartialsBs/_modalMessageDialog") ?>
|
||||||
@ -328,30 +360,31 @@
|
|||||||
|
|
||||||
|
|
||||||
<?= $this->section('css') ?>
|
<?= $this->section('css') ?>
|
||||||
<?php
|
<?php
|
||||||
/*
|
/*
|
||||||
<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="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.bootstrap5.min.css") ?>">
|
<link rel="stylesheet" href="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/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') ?>">
|
||||||
*/
|
*/
|
||||||
?>
|
?>
|
||||||
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/bs-stepper/bs-stepper.css') ?>" />
|
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/bs-stepper/bs-stepper.css') ?>" />
|
||||||
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/formvalidation/dist/css/formValidation.min.css') ?>" />
|
<link rel="stylesheet" href="<?= site_url('themes/vuexy/vendor/libs/formvalidation/dist/css/formValidation.min.css') ?>" />
|
||||||
|
|
||||||
<?= $this->endSection() ?>
|
<?= $this->endSection() ?>
|
||||||
|
|
||||||
<?= $this->section('additionalExternalJs') ?>
|
<?= $this->section('additionalExternalJs') ?>
|
||||||
<script src="<?= site_url("themes/vuexy/vendor/libs/bs-stepper/bs-stepper.js") ?>"></script>
|
<script src="<?= site_url("themes/vuexy/vendor/libs/bs-stepper/bs-stepper.js") ?>"></script>
|
||||||
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/FormValidation.min.js") ?>"></script>
|
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/FormValidation.min.js") ?>"></script>
|
||||||
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js") ?>"></script>
|
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js") ?>"></script>
|
||||||
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js") ?>"></script>
|
<script src="<?= site_url("themes/vuexy/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js") ?>"></script>
|
||||||
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/dataTables.buttons.min.js") ?>"></script>
|
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/dataTables.buttons.min.js") ?>"></script>
|
||||||
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.bootstrap5.min.js") ?>"></script>
|
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.bootstrap5.min.js") ?>"></script>
|
||||||
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.html5.min.js") ?>"></script>
|
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.html5.min.js") ?>"></script>
|
||||||
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.print.min.js") ?>"></script>
|
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/buttons/buttons.print.min.js") ?>"></script>
|
||||||
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/select/dataTables.select.min.js") ?>"></script>
|
<script src="<?= site_url("themes/vuexy/vendor/libs/datatables-sk/plugins/select/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>
|
||||||
<script src="<?= site_url('js_loader/translate_js/Presupuestos') ?>"></script>
|
<script src="<?= site_url('js_loader/translate_js/Presupuestos') ?>"></script>
|
||||||
<script src="<?= site_url('js_loader/presupuestoCliente_js') ?>"></script>
|
<script src="<?= site_url('js_loader/presupuestoCliente_js') ?>"></script>
|
||||||
|
<script src="<?= site_url('js_loader/presupuestoClienteTipoLibro_js') ?>"></script>
|
||||||
<?= $this->endSection() ?>
|
<?= $this->endSection() ?>
|
||||||
BIN
httpdocs/assets/img/libro_cosido.jpeg
Normal file
BIN
httpdocs/assets/img/libro_cosido.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
httpdocs/assets/img/libro_espiral.jpeg
Normal file
BIN
httpdocs/assets/img/libro_espiral.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
httpdocs/assets/img/libro_fresado.jpeg
Normal file
BIN
httpdocs/assets/img/libro_fresado.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
httpdocs/assets/img/libro_grapado.jpeg
Normal file
BIN
httpdocs/assets/img/libro_grapado.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
httpdocs/assets/img/libro_wire-o.jpeg
Normal file
BIN
httpdocs/assets/img/libro_wire-o.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
@ -18871,7 +18871,7 @@ html:not([dir=rtl]) .app-brand-text {
|
|||||||
border: 1px solid #c9c8ce;
|
border: 1px solid #c9c8ce;
|
||||||
}
|
}
|
||||||
.custom-option.custom-option-image {
|
.custom-option.custom-option-image {
|
||||||
border-width: 1px !important;
|
border-width: 3px !important;
|
||||||
}
|
}
|
||||||
.custom-option.custom-option-image .custom-option-body img {
|
.custom-option.custom-option-image .custom-option-body img {
|
||||||
border-radius: 0.375rem;
|
border-radius: 0.375rem;
|
||||||
|
|||||||
17336
xdebug.log
17336
xdebug.log
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user