VISUALIZADOR DE VARIABLES
<pre>Raw params: {{ params|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre>
<pre>{{ item|json_encode(constant('JSON_PRETTY_PRINT')) }}</pre>  

///////////////////////////////////// 
Cargue de css o js
src/Html.php
Para css líneas
Línea 1136 ej: $tpl_vars['css_files'][] = ['path' => 'public/css/softlogy-dashboard.css'];
Línea 1324 ej:  $tpl_vars['js_files'][] = ['path' => 'public/js/softlogy.js'];
/////////////////////////////////////////////////////////////////////////////////
============== Pagina donde agregar js global================================

A. Acá están las nuves de nieve y lluveia
Configuracion de nieve
<script src="/public/js/snow.js"></script>

<script type="text/javascript">   
   snowStorm.snowColor = '#083CA6'; // color nieve
   snowStorm.useTwinkleEffect = true; // cae lluvia al piso
   snowStorm.flakesMaxActive = 96; // cantidad de lluvia
   snowStorm.usePositionFixed = true; // sobreponerse sobre la pantalla
   this.snowCharacter = '|';  // Tipo de nieve, caracter
   snowStorm.followMouse = false; // seguimiento del mouse
</script>
-> la nieve se agrega en  template/layout/parts/page_header.html.twig
	-Aqui tambien está el backgroun square, es decir los cuadros que rotan en el sidebar
	
B. Evento preloader
templates/layout/parts/page_footer.html.twig

/////////////////////////////////////////////////////////////////////////////////
============== Pagina donde agregar CSS global================================

1. Este HEAD ES SOLO DEL LOGIN
aca se puede agregar estas etiquetas {% block jpdzsoftware_block %}{% endblock %} para enviar css desde el backend o desde twig
templates/layout/parts/head-login.html.twig

2. Este HEAD ES general
templates/layout/parts/head.html.twig




*********************************
========Formulario de Casos======

templates/components/itilobject/layout.html.twig


******************************************
========Cambiar nombres en Slider=========
Línea 338 (Cambio de nombres)
src/ajax.php


********************************************************************
========INDICADORES ONLINE STATUS BLINC + SI NO CUMPLIMIENTO=========
Lineas 8867 al 8932
src/Seach.php



******************************************
========Cambiar nombres en Slider=========

Button controlar eliminacion en formularios ( PROYECTOS)

Línea 110 => se controla usuarios por id de perfil para borrar

templates/components/form/buttons.html.twig


*********************************************************************************
==================Página de Logín se compone de dos vistas========================

templates/pages/login.html.twig
+
templates/layout/page_card_notlogged.html.twig



*********************************************************************************
==================Página Instalacion==========================================
todos los steps deben ser modificados
templates/install/*

*********************************************************************************
==================Página donde se cambia los titles==============================
al final de la linea se tiene {% block jpdzsoftware_block %}{% endblock %} para agregar contenido css
templates/layout/parts/head.html.twig


*********************************************************************************
==================Página donde se cambia los elementos del menu========================
aca esta el menu del slider lateral
templates/layout/parts/menu.html.twig


**************************************************************************************
============== Pagina donde cambiar comentario correo================================

Línea 882
src/Migration.php

**************************************************************************************
============== Pagina donde cambiar comentario correo================================

Botones de añadir en formulario tickets desarrollos y problemas
linea 125 al 137

templates/components/itilobject/fields/footer.html.twig
         {% if item.isNewItem() %}             
            {% if item.userlinkclass == 'Ticket_User' %}
               <button id="ticket_addValidator" disabled class="btn btn-primary" type="submit" name="add" form="itil-form"
                     title="{{ _x('button', 'Add') }}">
                  <i class="fa-solid fa-folder-plus"></i>
                  <span class="d-none d-lg-block">{{ _x('button', 'Add') }}</span>
               </button>
            {% else %}
               <button class="btn btn-primary" type="submit" name="add" form="itil-form"
                  title="{{ _x('button', 'Add') }}">
                  <i class="fas fa-plus"></i>
                  <span class="d-none d-lg-block">{{ _x('button', 'Add') }} </span>
               </button>
            {% endif %}            
         {% else %}
		 
		 
		 

*************************************************************
=================Acutalización de softlogy===================
-------------------------------------------------------------
PASO 1
linea 164 se debe comentar para que no actualice el select
templates/components/itilobject/fields_panel.html.twig
PASO 2
se debe agregar este script en templates/layout/parts/page_footer.html.twig
script de page_footer 
  <script>
         window.addEventListener('load', () => {
            const preloader = document.querySelector("#preloader");
            const currentPath = window.location.pathname;
            const toastValidation = document.getElementById('ticket-toastValidation');
            let lastCategorySelect = null;

            if (preloader) {
               // Fade-out visual
               setTimeout(() => {
                  preloader.classList.add("fade-out");
               }, 1000);

               // Eliminar preloader y mostrar toast si corresponde
               setTimeout(() => {
                  preloader.remove();
                  if (toastValidation && currentPath.includes('/front/ticket.form.php')) {
                     toastValidation.removeAttribute("hidden");
                     toastValidation.classList.add("slide-in-top");
                  }
               }, 1500);
            }
            // Función reutilizable para habilitar/deshabilitar el botón
            const toggleButton = () => {
               const selectEntities = document.querySelector('select[name="entities_id"]');
               const selectCategories = document.querySelector('select[name="itilcategories_id"]');
               const button = document.getElementById('ticket-addValidation');

               if (!selectEntities || !selectCategories || !button) return;

               const valueEntities = selectEntities.value;
               const valueCategories = selectCategories.value;

               button.disabled = (
                  valueEntities === "0" || valueEntities === 0 ||
                  valueCategories === "0" || valueCategories === 0
               );
            };

            // Observador para detectar dinámicamente los campos
            const observer = new MutationObserver(() => {
               const selectEntities = document.querySelector('select[name="entities_id"]');
               const selectCategories = document.querySelector('select[name="itilcategories_id"]');
               const button = document.getElementById('ticket-addValidation');

               if (selectEntities && selectCategories && button && currentPath.includes('/front/ticket.form.php')) {
                  // Validación inicial
                  toggleButton();

                  // Asegurarse de no agregar múltiples veces el listener
                  if (!selectEntities.dataset.listenerAdded) {
                     selectEntities.addEventListener('change', toggleButton);
                     selectEntities.dataset.listenerAdded = "true";
                  }

                  // Verifica si el selectCategories ha cambiado en el DOM
                  if (selectCategories !== lastCategorySelect) {
                     if (lastCategorySelect) {
                        lastCategorySelect.removeEventListener('change', toggleButton);
                     }
                     selectCategories.addEventListener('change', toggleButton);
                     lastCategorySelect = selectCategories;
                  }
               }
            });

            observer.observe(document.body, { childList: true, subtree: true });
         });
   </script>
PASO 3
   se debe agregar al css softlogy-dashboard.css
   img.info-validation{
      width: 40px;
}
.slide-in-top {
	-webkit-animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
PASO 4
se debe agregar al toast
page_header.html.twig
              <div hidden id="ticket-toastValidation" class="toast-container position-absolute p-3 top-50 start-50 translate-middle" id="toastPlacement" data-original-class="toast-container position-absolute p-3">
                  <div class="toast fade show">
                     <div class="toast-header">
                     <img src="/public/assets/img/Softlogy-Logo.png" alt="SoftlogyInfo" class="bd-placeholder-img rounded me-2 info-validation" srcset="">                     
                     <strong class="me-auto">SoftlogyDesk</strong>
                     <small>{{ "now"|date("d/m/Y H:i:s") }}</small>
                     <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
                     </div>
                     <div class="toast-body d-flex flex-column align-items-center">
                     <p style="text-align: justify;">Hola a todos, desde <strong>SoftlogyDesk💓</strong> queremos informar importantes cambios en el sistema de mesa de ayuda.</p>
                     <div class="card" style="width: 18rem;">
                        <img src="/public/assets/img/ticket-imgValidation.png" class="card-img-top" alt="HelpDeskServices">
                           <div class="card-body">
                              <h5 class="card-title">Notificación de Actualización</h5>
                              <p class="card-text">De ahora en adelante no será permitido crear casos sin asignar la empresa correspondiente.</p>
                              <ul>
                                 <li>Adicionalmente se debe seleccionar la categoría del caso</li>
                              </ul>
                              <a href="#" class="btn btn-primary">Leer Documentación Completa</a>
                           </div>
                           </div>
                     </div>
                  </div>
               </div>
PASO 5
En tempaltes/components/itilobject/footer.html.twig
se debe modificar 
línea 124
            {% if item.userlinkclass=='Ticket_User' %}
                  <button disabled id="ticket-addValidation"class="btn btn-primary" type="submit" name="add" form="itil-form"
                        title="{{ _x('button', 'Add') }}">
                     <i class="fa-solid fa-folder-plus"></i>
                     <span class="d-none d-lg-block">{{ _x('button', 'Add') }}</span>
                  </button>
               {% else %}
                  <button class="btn btn-primary" type="submit" name="add" form="itil-form"
                        title="{{ _x('button', 'Add') }}">
                     <i class="fa-solid fa-plus"></i>
                     <span class="d-none d-lg-block">{{ _x('button', 'Add') }}</span>
                  </button>
            {% endif %}


PASO 6 
Se deben copiar los resources a 
  ticket-imgValidation.png
  softlogy-logo-png
public/assets/img