Files
Colaborando/CONTEXT.md
T
cheveguerra eefb7aaea3 v20260808
Implementacion de colaborando3.php basada en propuesta-diseno.html manteniendo jsCode.js 100% intacto. Redisenos responsive de proyectos y departamentos, alineacion de activos requeridos/pagados e inmunidad de estilos CSS tras la carga de sesion.
2026-08-09 05:08:01 -06:00

2.2 KiB

CONTEXTO DEL PROYECTO - COLABORANDO

Resumen Ejecutivo de la Sesión

El objetivo principal de esta sesión consistió en la creación e implementación de colaborando3.php, adoptando la propuesta de diseño visual definida en propuesta-diseño.html, asegurando al 100% que el motor de lógica y eventos del juego (jsCode.js) permanezca intacto y sin ninguna modificación.


Decisiones Principales y Arquitectura

  1. Creación de colaborando3.php basada en propuesta-diseño.html:

    • Se aplicó la nueva interfaz gráfica con paletas de color Tailwind/HSL, tipografía Inter/JetBrains Mono, estética pastel en tarjetas de departamento y activos, y maquetación responsive.
    • Se rediseñó el Proyecto en Turno (Grande) y los Proyectos Activos Secundarios (#proyecto_1 a #proyecto_6) para presentar etiquetas compactas de activos, contadores de activos pagados sin fondo sólido y bloques de mantenimiento integrados.
  2. Garantía de Compatibilidad Total con jsCode.js:

    • Sin Cambios en JS: jsCode.js se mantiene 100% idéntico a la versión del repositorio.
    • Jerarquía DOM Preservada: Se adaptó el HTML/CSS de colaborando3.php para mantener intactos los IDs y selectores requeridos por jsCode.js (#TablaProyectoGde, #activosProyectoGde, #activoReqProyectoNom1..3, #activoReqProyectoCant1..3, #renglonProyectos2, .droppableActivos, etc.).
    • Inmunidad de Estilos: Se configuraron selectores CSS específicos por ID para que las tarjetas conserven su formato compacto y colores de activo incluso cuando jsCode.js limpia o inyecta clases dinámicamente (llenaProyectoGde, llenaProyectoChico2).
  3. Interacción y Drag & Drop:

    • Se ajustó el z-index de los elementos arrastrados (.ui-draggable-dragging) para flotar por encima de la interfaz.
    • Se eliminaron clases duplicadas (droppableActivos) en contenedores anidados para asegurar que cada evento de arrastrar y soltar se ejecute una sola vez (+1 activo).

Tareas Pendientes / Próximos Pasos

  • Realizar pruebas de juego completas en colaborando3.php para validar la rotación de turnos, la eliminación/completado de proyectos mediante el modal #quitarProyectoCompleto y el cálculo de recursos quincenales.