<!DOCTYPE html><html lang="es" dir="ltr" data-nav-layout="vertical" data-theme-mode="light" data-header-styles="light" data-menu-styles="light" data-nav-style="icon-hover" data-toggled="close"><head> <!-- Meta Data --> <meta charset="UTF-8"> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>{% block title %} LOGIC {% endblock %} </title> <meta name="Description" content="Bootstrap Responsive Admin Web Dashboard HTML5 Template"> <meta name="Author" content="IT-SYSTEMS"> <meta name="keywords" content="admin dashboard template,admin panel html,bootstrap dashboard,admin dashboard,html template,template dashboard html,html css,bootstrap 5 admin template,bootstrap admin template,bootstrap 5 dashboard,admin panel html template,dashboard template bootstrap,admin dashboard html template,bootstrap admin panel,simple html template,admin dashboard bootstrap"> <!-- Favicon --> <link rel="icon" src="{{ asset('assets/') }}img/brand/favicon.png" type="image/x-icon"/> <!-- Main Theme Js --> <script src="{{ asset('assets/') }}js/main.js"></script> <!-- Bootstrap Css --> <link id="style" href="{{ asset('assets/') }}libs/bootstrap/css/bootstrap.min.css" rel="stylesheet" > <!-- Style Css custom --> <link href="{{ asset('assets/') }}css/customappint.css" rel="stylesheet" > <link href="{{ asset('assets/') }}css/customapp.css" rel="stylesheet" > <!-- Style Css --> <link href="{{ asset('assets/') }}css/styles.min.css" rel="stylesheet" > <!-- Style Css custom --> <link href="{{ asset('assets/') }}css/customStyles.css" rel="stylesheet" > <!-- Icons Css --> <link href="{{ asset('assets/') }}css/icons.css" rel="stylesheet" > <!-- Node Waves Css --> <link href="{{ asset('assets/') }}libs/node-waves/waves.min.css" rel="stylesheet" > <!-- Simplebar Css --> <link href="{{ asset('assets/') }}libs/simplebar/simplebar.min.css" rel="stylesheet" > <!-- Color Picker Css --> <link rel="stylesheet" href="{{ asset('assets/') }}libs/flatpickr/flatpickr.min.css"> <link rel="stylesheet" href="{{ asset('assets/') }}libs/@simonwep/pickr/themes/nano.min.css"> <!-- Choices Css --> <link rel="stylesheet" href="{{ asset('assets/') }}libs/choices.js/public/assets/styles/choices.min.css"> <!-- Jsvector Maps --> <link rel="stylesheet" href="{{ asset('assets/') }}libs/jsvectormap/css/jsvectormap.min.css"> <!--DatatablesCdn --> <link rel="stylesheet" href="https://cdn.datatables.net/2.3.2/css/dataTables.bootstrap5.css" /> {# <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">#} <!--- Internal Sweet-Alert css--> <link href="{{ asset('assets/') }}libs/sweetalert2/sweetalert2.min.css" rel="stylesheet"> <!-- Owl-carousel css--> {# <link href="{{ asset('assets/') }}plugins/owl-carousel/owl.carousel.css" rel="stylesheet" />#} <!-- steps --> <link rel="stylesheet" href="{{ asset('assets/') }}libs/jquery-steps/jquery.steps.css"> <!---Internal Fancy uploader css--> <link href="{{ asset('assets/') }}libs/fancyuploder/fancy_fileupload.css" rel="stylesheet" /> <!--Internal summernote --> <link href="https://cdn.jsdelivr.net/npm/summernote@0.9.0/dist/summernote-lite.min.css" rel="stylesheet"> <!-- Maps css --> <link href="{{ asset('assets/') }}libs/jsvectormap/css/jsvectormap.min.css" rel="stylesheet"> <!---nav scroll css--> {# <link href="{{ asset('assets/') }}libs/navscroll/scrolltabs.css" rel="stylesheet" />#} <!---SELECT2--> <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" /> <!-- Internal MULTISelect2 css --> <link rel="stylesheet" href="{{ asset('assets/') }}libs/multiselect/bootstrap-multiselect.min.css" rel="stylesheet"/> <!-- Multi Select V2Css --> <link rel="stylesheet" href="{{ asset ('assets') }}/libs/multi-select/css/multi-select.css"> <link rel="stylesheet" href="{{ asset('assets/') }}libs/prismjs/themes/prism-coy.min.css"> <!--File upload --> <link rel="stylesheet" href="{{ asset('assets/') }}libs/filepond/filepond.min.css"> <link rel="stylesheet" href="{{ asset('assets/') }}libs/filepond-plugin-image-preview/filepond-plugin-image-preview.min.css"> <link rel="stylesheet" href="{{ asset('assets/') }}libs/filepond-plugin-image-edit/filepond-plugin-image-edit.min.css"> {#<!--NG PROGRESS --> <link href="{{ asset('assets/') }}plugins/jQCloud/dist/jqcloud.min.css" rel="stylesheet">#} <link href="https://unpkg.com/nprogress@0.2.0/nprogress.css" rel="stylesheet"> <link rel="stylesheet" href="{{ asset('assets/') }}libs/floating-labels-material-inputs/input-material.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.default.min.css" integrity="sha512-pTaEn+6gF1IeWv3W1+7X7eM60TFu/agjgoHmYhAfLEU8Phuf6JKiiE8YmsNC0aCgQv4192s4Vai8YZ6VNM6vyQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style> div.dataTables_wrapper div.dataTables_scrollBody { min-height: 500px; max-height: 500px; } .flatpickr-wrapper{ width:100%; } .text-wrap{ white-space:normal; } .width-200{ width:200px; } .dropdown-item.active { background-color: rgba(1, 98, 232, 0.11) !important; } div.modal-body{ min-height:410px; } </style> {% block styles %} {% endblock %}</head><body id="mainbody">{% if app.request.get('msg') == 'deleted' %} <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script> Swal.fire({ icon: 'success', title: '¡Registro eliminado!', text: 'El registro fue eliminado exitosamente.', confirmButtonText: 'Aceptar' }); </script>{% endif %}<!-- Loader --><div id="loader" > <img src="{{ asset('assets/') }}img/loader.svg" class="loader-img" alt="Loader"></div><!-- Loader --><div class="page"> {% block master %} <!-- app-header --> <header class="app-header"> <!-- Start::main-header-container --> <div class="main-header-container container-fluid"> <!-- Start::header-content-left --> <div class="header-content-left"> <!-- Start::header-element --> <div class="header-element"> <div class="horizontal-logo"> <a href="index.html" class="header-logo"> <img src="../assets/images/brand-logos/desktop-logo.png" alt="logo" class="desktop-logo"> <img src="../assets/images/brand-logos/toggle-logo.png" alt="logo" class="toggle-logo"> <img src="../assets/images/brand-logos/desktop-white.png" alt="logo" class="desktop-white"> <img src="../assets/images/brand-logos/toggle-white.png" alt="logo" class="toggle-white"> </a> </div> </div> <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element"> <!-- Start::header-link --> <a id="ctrlSideMenu" aria-label="Hide Sidebar" class="sidemenu-toggle header-link animated-arrow hor-toggle horizontal-navtoggle" data-bs-toggle="sidebar" href="javascript:void(0);"> <i class="fa-solid fa-bars-staggered"></i> </a> <!-- <div class="main-header-center d-none d-lg-block"> <input class="form-control" placeholder="Search for anything..." type="search"> <button class="btn"><i class="fa fa-search d-none d-md-block"></i></button> </div>--> <!-- End::header-link --> </div> <!-- End::header-element --> </div> <!-- End::header-content-left --> <!-- Start::header-content-right --> <div class="header-content-right"> <!-- Start::header-element --> <div class="header-element"> <a href="{{ path('app_seg_home_office_new') }}" id="homeOfficeLink" class="nav-link" style="color:red" data-bs-toggle="tooltip" title="Home Office" data-bs-custom-class="tooltip-primary"> <i id="iconHO" class="fa-solid fa-person-shelter"></i> <span id="textHO">Home Office</span> </a> </div> <!-- End::header-element --> <div class="header-element Search-element d-block d-lg-none"> <!-- Start::header-link|dropdown-toggle --> <a href="javascript:void(0);" class="header-link dropdown-toggle" data-bs-auto-close="outside" data-bs-toggle="dropdown"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960" class="header-link-icon"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg> </a> <!-- End::header-link|dropdown-toggle --> <ul class="main-header-dropdown dropdown-menu dropdown-menu-end Search-element-dropdown" data-popper-placement="none"> <li> <div class="input-group w-100 p-2"> <input type="text" class="form-control" placeholder="Search...."> <div class="btn btn-primary"> <i class="fa fa-search" aria-hidden="true"></i> </div> </div> </li> </ul> </div> <!-- Start::header-element --> <div class="header-element header-fullscreen"> <!-- Start::header-link --> <a onclick="openFullscreen();" href="javascript:void(0);" class="header-link"> <svg xmlns="http://www.w3.org/2000/svg" class="full-screen-open full-screen-icon header-link-icon" height="24px" viewBox="0 0 24 24" width="24px" fill="currentColor"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg> <svg xmlns="http://www.w3.org/2000/svg" class="full-screen-close full-screen-icon header-link-icon d-none" fill="currentColor" height="24" viewBox="0 -960 960 960" width="24"><path d="M320-200v-120H200v-80h200v200h-80Zm240 0v-200h200v80H640v120h-80ZM200-560v-80h120v-120h80v200H200Zm360 0v-200h80v120h120v80H560Z"/></svg> </a> <!-- End::header-link --> </div> <!-- Start::header-element --> {{ render(controller('App\\Controller\\SecUserController::NotificationsMenu')) }} <!-- End::header-element --> <!-- Start::header-element --> <!-- End::header-element --> <!-- Start::header-element --> {#<div class="header-element header-sidebar"> <!-- Start::header-link--> <a href="javascript:void(0);" class="header-link" data-bs-toggle="offcanvas" data-bs-target="#header-sidebar"> <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg> </a> <!-- End::header-link--> </div>#} <!-- End::header-element --> <!-- Start::header-element --> <div class="header-element headerProfile-dropdown"> <!-- Start::header-link|dropdown-toggle --> <button type="button" class="btn btn-primary dropdown-toggle btn-sm" data-bs-toggle="dropdown" aria-expanded="false"> <i class="fa-solid fa-user"></i> Mi Cuenta </button> <!-- End::header-link|dropdown-toggle --> <ul class="dropdown-menu" aria-labelledby="mainHeaderProfile"> <li> <div class="main-header-profile bg-primary menu-header-content text-fixed-white"> <div class="my-auto"> <h6 class="mb-0 lh-1 text-fixed-white">{{ app.user.persona.nombres }}</h6><span class="fs-11 op-7 lh-1"> </span> </div> </div> </li> <li><a class="dropdown-item d-flex ajax" href="{{ path('ter_persona_show',{'id':app.user.persona.id}) }}"><i class="bx bx-user-circle fs-18 me-2 op-7"></i>Mi Perfil</a></li> {#<li><a class="dropdown-item d-flex" href="editprofile.html"><i class="bx bx-cog fs-18 me-2 op-7"></i>Edit Profile </a></li> <li><a class="dropdown-item d-flex border-block-end" href="mail.html"><i class="bx bxs-inbox fs-18 me-2 op-7"></i>Inbox</a></li> <li><a class="dropdown-item d-flex" href="chat.html"><i class="bx bx-envelope fs-18 me-2 op-7"></i>Messages</a></li> <li><a class="dropdown-item d-flex border-block-end" href="editprofile.html"><i class="bx bx-slider-alt fs-18 me-2 op-7"></i>Account Settings</a></li>#} <li><a class="dropdown-item d-flex" href="{{ path('app_logout') }}"><i class="bx bx-log-out fs-18 me-2 op-7"></i>Cerrar Sesion</a></li> </ul> </div> <!-- End::header-element --> <!-- Start::header-element --> {#<div class="header-element"> <!-- Start::header-link|switcher-icon --> <a href="javascript:void(0);" class="header-link switcher-icon" data-bs-toggle="offcanvas" data-bs-target="#switcher-canvas"> <svg xmlns="http://www.w3.org/2000/svg" class="header-link-icon" width="24" height="24" viewBox="0 0 24 24"><path d="M12 16c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4zm0-6c1.084 0 2 .916 2 2s-.916 2-2 2-2-.916-2-2 .916-2 2-2z"></path><path d="m2.845 16.136 1 1.73c.531.917 1.809 1.261 2.73.73l.529-.306A8.1 8.1 0 0 0 9 19.402V20c0 1.103.897 2 2 2h2c1.103 0 2-.897 2-2v-.598a8.132 8.132 0 0 0 1.896-1.111l.529.306c.923.53 2.198.188 2.731-.731l.999-1.729a2.001 2.001 0 0 0-.731-2.732l-.505-.292a7.718 7.718 0 0 0 0-2.224l.505-.292a2.002 2.002 0 0 0 .731-2.732l-.999-1.729c-.531-.92-1.808-1.265-2.731-.732l-.529.306A8.1 8.1 0 0 0 15 4.598V4c0-1.103-.897-2-2-2h-2c-1.103 0-2 .897-2 2v.598a8.132 8.132 0 0 0-1.896 1.111l-.529-.306c-.924-.531-2.2-.187-2.731.732l-.999 1.729a2.001 2.001 0 0 0 .731 2.732l.505.292a7.683 7.683 0 0 0 0 2.223l-.505.292a2.003 2.003 0 0 0-.731 2.733zm3.326-2.758A5.703 5.703 0 0 1 6 12c0-.462.058-.926.17-1.378a.999.999 0 0 0-.47-1.108l-1.123-.65.998-1.729 1.145.662a.997.997 0 0 0 1.188-.142 6.071 6.071 0 0 1 2.384-1.399A1 1 0 0 0 11 5.3V4h2v1.3a1 1 0 0 0 .708.956 6.083 6.083 0 0 1 2.384 1.399.999.999 0 0 0 1.188.142l1.144-.661 1 1.729-1.124.649a1 1 0 0 0-.47 1.108c.112.452.17.916.17 1.378 0 .461-.058.925-.171 1.378a1 1 0 0 0 .471 1.108l1.123.649-.998 1.729-1.145-.661a.996.996 0 0 0-1.188.142 6.071 6.071 0 0 1-2.384 1.399A1 1 0 0 0 13 18.7l.002 1.3H11v-1.3a1 1 0 0 0-.708-.956 6.083 6.083 0 0 1-2.384-1.399.992.992 0 0 0-1.188-.141l-1.144.662-1-1.729 1.124-.651a1 1 0 0 0 .471-1.108z"></path></svg> </a> <!-- End::header-link|switcher-icon --> </div>#} <!-- End::header-element --> </div> <!-- End::header-content-right --> </div> <!-- End::main-header-container --> </header> <!-- Start::app-sidebar --> {{ render(controller('App\\Controller\\SecUserController::MainMenu', { id:3 })) }} <!-- End::app-sidebar --> <!-- Start::app-content --> <div class="main-content app-content"> <div class="container-fluid"> {% block content %} {% endblock %} </div> </div> <!-- End::app-content --> <!-- Footer Start --> <footer class="footer mt-auto py-3 bg-white text-center"> <div class="container"> <span>Desarrollado por <a href="https://it-systems.com.co/" target="_blank"><img src="{{ asset('assets/') }}img/brand/it2s.png" width="60"></a></span> </div> </footer> <!-- Footer End --> <div id="ajax-modal" class="modal fade ajax-modal1" data-backdrop="static" data-keyboard="false"></div> <div id="ajax-modal-stack2" class="modal fade ajax-modal2" data-backdrop="static" data-keyboard="false"></div> <div id="ajax-modal-stack3" class="modal fade ajax-modal3" data-backdrop="static" data-keyboard="false"></div> {% endblock %}</div><!-- Scroll To Top --><div class="scrollToTop"> <span class="arrow"><i class="las la-angle-double-up"></i></span></div><div></div><!-- Scroll To Top --><script src="https://code.jquery.com/jquery-3.6.1.min.js" integrity="sha256-o88AwQnZB+VDvE9tvIXrMQaPlFFSUTR+nldQm1LuPXQ=" crossorigin="anonymous"></script><!-- Popper JS --><script src="{{ asset('assets/') }}libs/@popperjs/core/umd/popper.min.js"></script><!-- Bootstrap JS --><script src="{{ asset('assets/') }}libs/bootstrap/js/bootstrap.bundle.min.js"></script><!-- Defaultmenu JS --><script src="{{ asset('assets/') }}js/defaultmenu.min.js"></script><!-- Node Waves JS--><script src="{{ asset('assets/') }}libs/node-waves/waves.min.js"></script><!-- Sticky JS --><script src="{{ asset('assets/') }}js/sticky.js"></script><!-- Simplebar JS --><script src="{{ asset('assets/') }}libs/simplebar/simplebar.min.js"></script><script src="{{ asset('assets/') }}js/simplebar.js"></script><!-- Color Picker JS --><script src="{{ asset('assets/') }}libs/@simonwep/pickr/pickr.es5.min.js"></script><!-- Apex Charts JS --><script src="{{ asset('assets/') }}libs/apexcharts/apexcharts.min.js"></script><!-- JSVector Maps JS --><script src="{{ asset('assets/') }}libs/jsvectormap/js/jsvectormap.min.js"></script><!-- JSVector Maps MapsJS --><script src="{{ asset('assets/') }}libs/jsvectormap/maps/world-merc.js"></script><script src="{{ asset('assets/') }}js/us-merc-en.js"></script><!-- Chartjs Chart JS -->{#<script src="{{ asset('assets/') }}js/index.js"></script>#}<!-- Custom-Switcher JS -->{#<script src="{{ asset('assets/') }}js/custom-switcher.min.js"></script>#}<!-- Datatables Scripts --><script src="https://cdn.datatables.net/2.3.2/js/dataTables.js"></script><script src="https://cdn.datatables.net/2.3.2/js/dataTables.bootstrap5.js"></script><script src="https://cdn.datatables.net/buttons/3.0.1/js/dataTables.buttons.min.js"></script><script src="https://cdn.datatables.net/buttons/3.0.1/js/buttons.bootstrap5.min.js"></script><script src="https://cdn.datatables.net/buttons/3.0.1/js/buttons.html5.min.js"></script><script src="https://cdn.datatables.net/buttons/3.0.1/js/buttons.colVis.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script><!--TABS SCROLL JQUERY -->{# <script src="{{ asset('assets/') }}libs/navscroll/jquery.scrolltabs.js"></script>#}<!--Internal summernote --><script src="https://cdn.jsdelivr.net/npm/summernote@0.9.0/dist/summernote-lite.min.js"></script><script src="{{ asset('assets/') }}libs/summernote/lang/summernote-es-ES.min.js"></script><!--Internal Fancy uploader js--><script src="{{ asset('assets/') }}libs/fancyuploder/jquery.ui.widget.js"></script><script src="{{ asset('assets/') }}libs/fancyuploder/jquery.fileupload.js"></script><script src="{{ asset('assets/') }}libs/fancyuploder/jquery.iframe-transport.js"></script><script src="{{ asset('assets/') }}libs/fancyuploder/jquery.fancy-fileupload.js"></script><!--Internal Sweet-Alert js--><script src="{{ asset('assets/') }}libs/sweetalert2/sweetalert2.min.js"></script>{#<script src="{{ asset('assets/') }}js/sweet-alerts.js"></script>#}<!-- steps --><script src="{{ asset('assets/') }}libs/jquery-steps/jquery.steps.min.js"></script><script src="{{ asset('assets/') }}libs/parsleyjs/parsley.min.js"></script><!-- Date & Time Picker JS --><script src="{{ asset('assets/') }}libs/flatpickr/flatpickr.min.js"></script><script src="{{ asset('assets/') }}js/date&time_pickers.js"></script><script src="https://npmcdn.com/flatpickr/dist/l10n/es.js"></script><!-- SELECT2 JS --><script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script><!-- Internal multiSelect.min js --><script src="{{ asset('assets/') }}/libs/multiselect/bootstrap-multiselect.min.js"></script><!-- Internal multiSelect V2.min js --><script src="{{ asset ('assets') }}/libs/multi-select/js/jquery.multi-select.js"></script> <!-- Multi Select Plugin Js --><!-- Fileupload JS --><!-- Filepond JS --><script src="{{ asset('assets/') }}libs/filepond/filepond.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-image-preview/filepond-plugin-image-preview.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-image-exif-orientation/filepond-plugin-image-exif-orientation.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-file-validate-size/filepond-plugin-file-validate-size.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-file-encode/filepond-plugin-file-encode.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-image-edit/filepond-plugin-image-edit.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-file-validate-type/filepond-plugin-file-validate-type.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-file-validate-type/filepond-plugin-file-validate-type.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-image-crop/filepond-plugin-image-crop.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-image-resize/filepond-plugin-image-resize.min.js"></script><script src="{{ asset('assets/') }}libs/filepond-plugin-image-transform/filepond-plugin-image-transform.min.js"></script>{#NGPROGRESS #}<script src="https://unpkg.com/nprogress@0.2.0/nprogress.js"></script><script src="{{ asset('assets/') }}libs/floating-labels-material-inputs/materialize-inputs.jquery.js"></script><script type="text/javascript"> $(window).on("load", function () { $("a").prop('disabled', true); }) $(document).ready(function () { $("a").prop('disabled', false); normalizacionFormulario($(document.body)); normalizacionTablas('container-fluid'); btnTrash('container-fluid'); var state = ""; var message = ""; {% for message in app.flashes('success') %} state = 'success'; message = '{{ message |raw }}'; {% endfor %} {% for message in app.flashes('info') %} state = 'info'; message = '{{ message |raw }}'; {% endfor %} {% for message in app.flashes('warning') %} state = 'warning'; message = '{{ message |raw }}'; {% endfor %} {% for message in app.flashes('danger') %} state = 'error'; message = '{{ message |raw }}'; {% endfor %} if (state != "") { Swal.fire({ title: message, icon: state, showCloseButton: true, showCancelButton: false, focusConfirm: false, confirmButtonColor: '#c61414', timer: 5000, }) } // $('.nav-tabs').scrollTabs(); //breadcumb /* textNavigation = ""; $.ajax({ type: "GET", url: "app_homepage_managebreadcrumb", success: function (data) { textNavigation = data; try { navigationTree = JSON.parse(textNavigation); navigationTree.forEach(function (element, index) { Object.keys(element).forEach(function (key) { // var value = element[key]; if ((navigationTree.length - 1) >= index) { if (window.location.pathname == element[key]) { $("#sysmainbreadcrumb").append('<li class="breadcrumb-item active" aria-current="page">' + key + '</li>'); } if (window.location.pathname != element[key]) { $("#sysmainbreadcrumb").append('<li class="breadcrumb-item" aria-current="page"><a class="sysbreadcrumb" href="' + element[key] + '" >' + key + '</a></li>'); } } }); }); $(".sysbreadcrumb").each(function (key, element) { if (!$(this).hasClass('ajax')) { $(this).on('click', function (e) { $.ajax({ type: "POST", url: "app_homepage_managebreadcrumb", data: {key: $(this).text().trim(), value: $(this).attr('href').trim()}, success: function (data) { console.log(data) }, error: function (data) { console.log("data failure comunication.." + data) }, dataType: 'text/javascript' }); }); } }); } catch (e) { //Error //JSON is not okay return false; } }, error: function (data) { console.log("data failure comunication.." + data) } }); */ //load modal by redirect. {% if app.session.get('loadModalRequest') %} urlModalGet = "{{ app.session.get('loadModalRequest') }}"; tmo = $('<a>', { text: 'lod_modal_get', href: urlModalGet, class: 'ajax' }); $(tmo).on('click', loadPopUp); $(tmo).click(); console.log(urlModalGet); console.log(tmo); {%endif %} const toggled = html.getAttribute('data-toggled'); if ( toggled === 'close' && window.innerWidth >= 992 && !$('.app').hasClass('sidenav-toggled') ) { $('.app').addClass('sidenav-toggled'); } }); function normalizacionFormulario(form2, form2Load = false) { // fix select2 bootstrap modal scroll bug // Fetch all the forms we want to apply custom Bootstrap validation styles to const forms = $("#" + $(form2).attr('id') + " form"); /* Loop over them and prevent submission */ Array.from(forms).forEach(form => { if (!$(form).hasClass('ff_fileupload_hidden') || form2Load == true) { //if (!$(form).hasClass('wizard')) { form.setAttribute('novalidate', true); form.addEventListener('submit', event => { $.each($('select ,textarea,input', $(form).attr('id')), function (k) { var $labelReq = $("label[for='" + this.id + "']"); if ($(this).is('textarea') && $(this).attr("required") && (!$(this).val() || $(this).val() == "<p> <br></p>")) { $labelReq.next('i').remove(); $labelReq.after(' <i class="fas fa-exclamation-triangle"></i>'); } if ($(this).is('select') && $(this).attr("required") && (!$(this).val() || $(this).val().length == 0)) { $labelReq.next('i').remove(); $labelReq.after(' <i class="fas fa-exclamation-triangle "></i>'); } if ($(this).is('input') && $(this).attr("required") && $(this).hasClass('readyCalendar')) { $labelReq.next('i').remove(); $labelReq.after(' <i class="fas fa-exclamation-triangle "></i>'); } }); if (!form.checkValidity()) { event.preventDefault(); event.stopPropagation(); form.classList.add('not-valid'); } form.classList.add('was-validated') }, false); // } $.each($('input, select ,textarea, date, datetime, checkbox', $(form).attr('id')), function (k) { var $label = $("label[for='" + this.id + "']"); if ($(this).is('select')) { parentSelect = $(this).closest('div.modal'); if (parentSelect.length == 0) { parentSelect = $(this).closest('div.card-body'); } enabledSelect = false; if ($(this).prop('multiple') && !$(this).hasClass('nonSelectMultiple')) { if ($(this).hasClass('selectReady')) { $(this).multiselect('destroy'); $(this).next('div.btn-group').remove(); } $(this).multiselect({enableClickableOptGroups: true, enableCollapsibleOptGroups: true, collapseOptGroupsByDefault: true, maxHeight: 200, enableCaseInsensitiveFiltering: true, enableFiltering: true, buttonWidth: '100%', nSelectedText: 'Elementos Seleccionado', nonSelectedText: 'Seleccione una opción.', filterPlaceholder: 'Buscar...', templates: { button: '<button type="button" class="multiselect dropdown-toggle btn btn-light" data-bs-toggle="dropdown" aria-expanded="false"><span class="multiselect-selected-text"></span></button>', filter: '<div class="multiselect-filter"><div class="input-group input-group-sm p-1"><div class="input-group-prepend"><i class="input-group-text fas fa-search"></i></div><input class="form-control multiselect-search" type="text" /><div class="input-group-append"><button class="multiselect-clear-filter input-group-text" type="button"><i class="fas fa-times"></i></button></div></div></div>' }, buttonText: function (options, select) { if (options.length == 0) { return 'Seleccione una opción.'; } else { var selected = ''; options.each(function () { selected += $(this).text() + ', '; }); return selected.substr(0, selected.length - 2); } } }); } else if ($(this).prop('multiple') && $(this).hasClass('multipleSelect')) { //select multiple ordenable if ($(this).hasClass('selectReady')) { // $(this).multiSelect('destroy'); } //$(this).multiSelect({selectableOptgroup: true}); $(this).removeClass('form-group'); $(this).selectize({ plugins: ['remove_button', 'drag_drop'] }); } else { $(this).removeAttr('multiple'); if ($(this).is('[readonly]') || $(this).is('[disabled]')) { enabledSelect = true; } if ($(this).hasClass("select2-hidden-accessible")) { $(this).select2("destroy") $(this).next('span').remove(); } $(this).select2({ placeholder: { id: '-1', // the value of the option text: 'Seleccione una opción' }, searchInputPlaceholder: 'Buscar', disabled: enabledSelect, escapeMarkup: function (markup) { return markup; }, dropdownParent: $(parentSelect) }).on('select2:select', function (e) { var $labelReq = $("label[for='" + this.id + "']"); $labelReq.next('i').remove(); }); } $(this).addClass('selectReady'); // $.fn.modal.Constructor.prototype._enforceFocus = function _enforceFocus() {}; // $.fn.modal.Constructor.prototype._enforceFocus = function() {}; //$.fn.modal.Constructor.prototype._enforceFocus = function () {}; //$.fn.modal.Constructor.prototype.enforceFocus = function() {};//v3 z /* $(this).selectpicker('destroy'); $(this).select2({width: '100%'});*/ } else if ($(this).hasClass('fc-datepicker-month')) { /* To choose date */ $(this).addClass('form-control'); var calendar = flatpickr("#" + $(this).attr('id'), {'locale': 'es'}); calendar = flatpickr("#" + $(this).attr('id'), {'locale': 'es', static: true}); $(this).addClass('readyCalendar'); } else if ($(this).hasClass('fc-datepicker')) { $(this).addClass('form-control'); // if (!$(this).hasClass('readyCalendar')) { flatpickr("#" + $(this).attr('id'), {'locale': 'es', static: true}); $(this).addClass('readyCalendar'); // } } else if ($(this).hasClass('fc-datetimepicker')) { $(this).addClass('form-control'); flatpickr("#" + $(this).attr('id'), {'locale': 'es', enableTime: true, dateFormat: "Y-m-d H:i", static: true}); $(this).addClass('readyCalendar'); } else if ($(this).is('input:file')) { //fancy file upload condicional para ver si el campo es multiple /* if ($(this).is('input:file') && $(this).prop('multiple') === true) { $(this).removeAttr('required'); inicializarFancyFileUpload(this, 40); // ✔ correcto } */ if (!$(this).hasClass('documentReady')) { $(this).addClass('file'); $(this).addClass('form-control'); } $(this).addClass('documentReady'); if ($(this).hasClass('ff_fileupload_hidden')) { $(this).css({'display': 'none'}); } } else if ($(this).is('input:checkbox')) { $label = $(this).prev('label'); if ($label.length == 0) { $label = $(this).next('label'); } if (!$($label).hasClass('label-success')) { $label.addClass("label-success"); textTmp = $label.text(); cont = $(this).closest('div.form-group'); if (cont.length == 0) { cont = $(this).closest('div.custom-control'); } $(cont).append('<div class="custom-toggle-switch d-flex align-items-center mb-4"></div>'); //console.log(cont); element = $(this).next('div.custom-toggle-switch'); if (element.length == 0) { element = $($label).next('div.custom-toggle-switch'); } $(this).appendTo($(element)); $($label).appendTo($(element)); $("<span class='ms-3'><label>" + textTmp + "</label></span>").appendTo($(element)); $label.text(""); $(this).hide(); } } else if ($(this).is('textarea')) { disText = false; if ($(this).prop('disabled') || $(this).prop('readonly')) { disText = true; } if ($(this).hasClass('summernote')) { $(this).summernote('destroy'); $(this).next('div.note-editor').remove(); } $(this).addClass('summernote'); if (!disText) { $(this).summernote({ height: 158, // set editor height lang: 'es-ES', // SET Language toolbar: [ // [groupName, [list of button]] ['style', ['bold', 'italic', 'underline']], //['font', ['strikethrough', 'superscript', 'subscript']], ['fontsize', ['fontsize']], ['table', ['table']], ['para', ['ul', 'ol', 'paragraph']] // ['height', ['height']] ], callbacks: { onChange: function (contents, $editable) { var $labelReq = $("label[for='" + this.id + "']"); $labelReq.next('i').remove(); } } }); } else { $(this).summernote('disable'); } } else if ($(this).is('input:submit')) { } else if ($(this).hasClass('moneda')) { formatearValor() } else if ($(this).hasClass('firma') && !$(this).hasClass('readyFirma')) { const $inputFirma = $(this); const padre = $inputFirma.closest('div'); const inputId = $inputFirma.prop('id'); const canvasId = "draw-canvas_" + inputId; const btnLimpiarId = "draw-clearBtn_" + inputId; const btnGuardarId = "draw-saveBtn_" + inputId; // Insertar canvas y botones padre.append(` <canvas id="${canvasId}" height="195" width="500" style="border: 2px dotted #CCCCCC; border-radius: 5px; cursor: crosshair; display: block;"></canvas> <br> <input type="button" class="btn btn-dark mt-2" id="${btnLimpiarId}" value="Limpiar"> <input type="button" class="btn btn-success mt-2 ml-2" id="${btnGuardarId}" value="Guardar Firma"> `); firmaDigital(canvasId, inputId, btnLimpiarId, btnGuardarId); $inputFirma.addClass('readyFirma').hide(); }else if ($(this).is('input[type=range]')) { /*$(this).ionRangeSlider({ min: 1, max: 10 });*/ } else if ($(this).is('input[type=radio]')) { } else if ($(this).is('input[type=text]') || $(this).is('input[type=number]') || $(this).is('input[type=email]')) { // if (!$(form).hasClass('wizard')) { $(this).addClass('form-control'); $(this).removeAttr('placeholder'); //$(this).append("<div class='invalid-feedback'>Looks good!</div>"); if (!$(this).parent('div').hasClass('form-group')) { $(this).parent('div').addClass('input-material form-group'); $(this).insertBefore($label); } else if ($(this).prev('label').length) { $(this).parent('div').addClass('input-material form-group'); $label = $(this).prev('label'); $(this).insertBefore($label); } //} } if (!$(this).is(':radio') && !$(this).is('input[type=checkbox]') && !$(this).hasClass('multipleSelect')) { $(this).addClass('form-control'); } /* } if ($label.hasClass('field_required')) { if (!$(this).is(':radio')) { $label.prev().css('display', 'none'); } $label.before("<i class='fas fa-angle-right' style='color:red'></i>"); } else */ if ($(this).prop('required') && (!$(this).is(':text') || $(this).hasClass('readyCalendar')) && !$(this).is('input[type=number]') && !$(this).is('input[type=email]')) { //|| $(form).hasClass('wizard') if (!$(this).is(':radio')) { $label.prev().css('display', 'none'); } $label.before('<i class="fa-solid fa-star-of-life iconobligacion"></i> '); } $(form).materializeInputs(); }); } }); numFormInput = $('form.ff_fileupload_hidden').length; //console.log(numFormInput); $('form.ff_fileupload_hidden').each(function (index) { //console.log(index + 1); if ((index + 1) < numFormInput) { if ($(this).attr('action').length === 0) { $(this).remove(); } else { console.log($(this)) } } else { if ($(this).attr('action').length === 0) { $(this).remove(); } else { console.log($(this)) } } }); $('textarea.summernote').each(function (index) { $(this).trigger('summernote.change'); }); }</script><!--script para validar la conexion a HOME OFFICE --><script> document.addEventListener('DOMContentLoaded', function() { $.ajax({ type: 'POST', url: '{{ path("app_seg_home_office_validar_conexion") }}', dataType: 'json', headers: { 'X-Requested-With': 'XMLHttpRequest' }, success: function(info) { if (info.tipo === 'activo') { $('#homeOfficeLink') .removeClass('text-danger') .css('color', 'greenyellow'); } }, error: function(xhr, status, err) { console.error('Error validando HO:', status, err); } }); });</script><!-- Modal Obj --><script src="{{ asset('assets/') }}js/modalObj.js"></script><!--Internal Firma digital js --><script src="{{ asset('assets/') }}js/firmaDigital.js"></script><!--Internal Formulario js --><script src="{{ asset('assets/') }}js/formDinamic.js"></script><!--Internal Fileupload js --><!--Se trae la funcion del script --><script src="{{ asset('assets/') }}js/logic_fileupload.js"></script><!--Internal validarPeso js --><script src="{{ asset('assets/') }}js/logic_validarPeso.js"></script><!--Internal normalizacion tablas js --><script src="{{ asset('assets/') }}js/logic_normalizacionTablas.js"></script><!--Internal normalizacion tablas js --><script> const rutaDesconexion = "{{ path('app_seg_home_office_new') }}";</script><script src="{{ asset('assets/') }}js/logic_Logout.js"></script><!--Normalizacion campos con precio js --><script src="{{ asset('assets/') }}js/logic_formateoNumero.js"></script><!--Normalizacion Campos a calificar js --><script src="{{ asset('assets/') }}js/logic_camposCalificativos.js"></script><!--Activacion de Camaras js --><script src="{{ asset('assets/') }}js/logic_cameraActivate.js"></script><!--Activacion de recargar modal al eliminar tablas quemadas js --><script src="{{ asset('assets/') }}js/logic_alertasEliminacionTablaQuemada.js"></script><script src="{{ asset('assets/') }}js/logic_recargarModal.js"></script><!--Activacion de alertas js --><script src="{{ asset('assets/') }}js/alerts.js"></script><!-- Realizar peticiones ajax --><script src="{{ asset('assets/') }}js/ajax.js"></script>{% block scripts %} {% endblock %}</body></html>