mirror of
https://github.com/cheveguerra/Colaborando.git
synced 2026-08-18 16:36:39 +00:00
refactor(ui): extraer estilos a estilos3.css
- Ocultar dinámicamente contenedores vacíos de activos asignados en tarjetas de proyectos (.pm-card :empty). - Ajustar estilos del temporizador (.timer-face) y actualizar enlace de navegación a resumen3.php. - Actualizar CONTEXT.md con el resumen de arquitectura y estado del proyecto.
This commit is contained in:
@@ -5,7 +5,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
Test 3, 4
|
||||
Test 1, 2, 3, 4, 5, 6
|
||||
</body>
|
||||
|
||||
</html>
|
||||
+12
-11
@@ -2,27 +2,28 @@
|
||||
|
||||
## 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`**, y la depuración del código en **`jsCode.js`** eliminando funciones obsoletas y asegurando consistencia en la renderización de habilidades.
|
||||
El objetivo principal de esta sesión consistió en la creación e implementación de **`colaborando3.php`**, la depuración del código en **`jsCode.js`**, y la refactorización arquitectónica de estilos mediante la extracción a **`estilos3.css`** con control de caché dinámico (*cache busting*).
|
||||
|
||||
---
|
||||
|
||||
## Decisiones Principales y Arquitectura
|
||||
|
||||
1. **Creación y Refactorización de `colaborando3.php`**:
|
||||
1. **Desacoplamiento de Estilos (`estilos3.css`)**:
|
||||
* Se extrajeron más de 1,470 líneas del bloque `<style>` de `colaborando3.php` hacia el nuevo archivo independiente **`estilos3.css`**, reduciendo el archivo PHP de ~2,270 a 798 líneas.
|
||||
* **Cache Busting Dinámico**: Se implementó la inclusión con versión basada en tiempo de modificación (`filemtime('estilos3.css')`) en `colaborando3.php`.
|
||||
* **Refinamiento de UI**: Ocultación de slots vacíos en la tarjeta del Proyecto en Turno (`:empty { display: none !important; }`), ajuste tipográfico en el temporizador (`.timer-face`), y actualización de enlaces a `resumen3.php`.
|
||||
|
||||
2. **Creación y Refactorización de `colaborando3.php`**:
|
||||
* 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.
|
||||
* **Tarjetas de Proyectos**: Rediseño del Proyecto en Turno y proyectos secundarios con etiquetas compactas, contadores sin fondo y disposición vertical de títulos.
|
||||
* **Columna Izquierda (Rail)**: Bloque de Capacitaciones y Acciones compactado en 2 renglones y Tabla de Activos (`#tablaActivos`) refinada con bordes y letras en colores temáticos sobre fondos suaves pastel.
|
||||
* **Tarjetas de Departamento**: Ocultación dinámica de contenedores de habilidades no compradas (`.dept-hab-item:empty { display: none !important; }`) eliminando huecos en blanco.
|
||||
* **Tarjetas de Proyectos**: Rediseño del Proyecto en Turno y proyectos secundarios con etiquetas compactas y contadores temáticos.
|
||||
* **Tabla de Activos (`#tablaActivos`)**: Refinada con bordes y letras en colores temáticos sobre fondos pastel.
|
||||
* **Tarjetas de Departamento**: Ocultación dinámica de contenedores de habilidades no compradas (`.dept-hab-item:empty { display: none !important; }`).
|
||||
|
||||
2. **Limpieza y Consistencia en `jsCode.js`**:
|
||||
3. **Limpieza y Consistencia en `jsCode.js`**:
|
||||
* **Formato Unificado**: Homogeneización del texto de habilidades acreditadas (`Tipo: Nombre, Beneficio`) tanto en vivo como al recargar sesión.
|
||||
* **Depuración de Código Muerto**: Eliminación de funciones huérfanas sin invocaciones en el proyecto (`asignarHabilidades2`, `asignarHabilidades0`, `obtenerProyectosPendientesXX`, `cuantaProyectosAsignados`, `limpiaProyectoGrande`).
|
||||
* **Depuración de Código Muerto**: Eliminación de funciones huérfanas sin invocaciones en el proyecto.
|
||||
* **Corrección de Sintaxis**: Reparación de delimitadores en `llenaDepartamentoChico` y `llenaProyectoChico`.
|
||||
|
||||
3. **Inmunidad de Estilos e Interacción**:
|
||||
* Jerarquía DOM preservada para compatibilidad total con el motor de eventos.
|
||||
* Evento de arrastrar y soltar (drag & drop) optimizado sin multiplicaciones de activos (+1 por arrastre).
|
||||
|
||||
---
|
||||
|
||||
## Tareas Pendientes / Próximos Pasos
|
||||
|
||||
+2
-1467
File diff suppressed because it is too large
Load Diff
@@ -1,80 +0,0 @@
|
||||
# Documentación General y Bitácora de Cambios - Co.Laborando
|
||||
|
||||
> [!IMPORTANT]
|
||||
> **Regla de Mantenimiento:** Para evitar el consumo excesivo de tokens, este archivo debe mantenerse conciso, con un tamaño objetivo de **entre 150 y 250 líneas** en total. Al realizar nuevos cambios, se debe resumir o actualizar la información en lugar de añadir bloques redundantes de texto.
|
||||
|
||||
---
|
||||
|
||||
## 🎮 Concepto General del Proyecto
|
||||
**Co.Laborando** es una aplicación interactiva de simulación y ludoteca empresarial. Los jugadores administran múltiples departamentos con recursos limitados (Tiempo, Personal, Capital) para completar proyectos en un tablero a lo largo de un ciclo temporal de **24 quincenas (4 trimestres)**.
|
||||
|
||||
---
|
||||
|
||||
## 🏗️ Arquitectura de Archivos Principal
|
||||
* **[colaborando2.php](file:///c:/CHV/ludotecaLocal/Colaborando/colaborando2.php) / [colaborando.php](file:///c:/CHV/ludotecaLocal/Colaborando/colaborando.php):** Vistas del tablero principal del juego, donde se colocan y arrastran los proyectos y recursos.
|
||||
* **[resumen.php](file:///c:/CHV/ludotecaLocal/Colaborando/resumen.php):** Pantalla del panel de control central (dashboard) que muestra métricas acumuladas, estado de departamentos, listado de activos y control de habilidades.
|
||||
* **[jsCode.js](file:///c:/CHV/ludotecaLocal/Colaborando/jsCode.js):** Lógica del lado del cliente que maneja las interacciones del tablero, transiciones de turnos y renders dinámicos.
|
||||
* **[manejoDeSesiones.js](file:///c:/CHV/ludotecaLocal/Colaborando/manejoDeSesiones.js) / [manejoDeSesiones.php](file:///c:/CHV/ludotecaLocal/Colaborando/manejoDeSesiones.php):** Sistema de persistencia que guarda y carga el estado del juego (en archivos `.json` en la raíz del proyecto).
|
||||
* **[sesiones.php](file:///c:/CHV/ludotecaLocal/Colaborando/sesiones.php):** Panel de administración para crear, inicializar o eliminar las sesiones guardadas.
|
||||
|
||||
---
|
||||
|
||||
## ⚙️ Mecánicas de Juego Clave
|
||||
|
||||
### 1. Departamentos y Recursos
|
||||
Existen 6 departamentos: *Marketing y Ventas, Finanzas, Investigación y Desarrollo, Logística y Sistemas, Operaciones*, y *Recursos Humanos*. Cada uno posee recursos de **Tiempo, Personal** y **Capital**, representados dinámicamente en el tablero y resumen.
|
||||
|
||||
### 2. Ciclo de Vida de Proyectos
|
||||
* **En proceso:** Proyectos activos en los que se está trabajando.
|
||||
* **Completado:** Proyectos finalizados con éxito. Sus requerimientos y recursos recuperados se contabilizan.
|
||||
|
||||
### 3. Mantenimiento Trimestral y Penalizaciones
|
||||
En los cierres de trimestre (quincenas 6, 12, 18 y 24), los proyectos activos en proceso requieren el pago de un coste de mantenimiento (`Tiempo`, `Personal`, `Capital`) o el pago de una **Penalización** financiera del acumulado de ingresos.
|
||||
* En cualquiera de los dos casos, el proyecto se mantiene activo (`En proceso`) y visible en el tablero y en el resumen.
|
||||
* En la pantalla de resumen, el proyecto se muestra en gris (deshabilitado) y sus botones de acción se bloquean una vez resuelto en el trimestre actual.
|
||||
|
||||
### 4. Habilidades Especiales (Acción Quincenal)
|
||||
Los departamentos pueden comprar habilidades especiales con cooldown (periodicidad). Ejemplos clave:
|
||||
* **Logística y Sistemas:** Permite omitir el costo de mantenimiento de un proyecto activo (pagarlo sin gastar recursos).
|
||||
* **Operaciones:** Permite penalizar un proyecto en proceso sin costo de penalización.
|
||||
* **Ordenar proyectos:** Permite reordenar la cola de los próximos 5 proyectos en el tablero.
|
||||
|
||||
### 5. Contabilización de Activos
|
||||
Los activos producidos por proyectos completados se dividen en 6 tipos: *Personal Calificado, Analistas, Flujo de Efectivo, Crédito e Inversión, Tecnología* y *Transporte y Maquinaria*. Se calculan dinámicamente y se clasifican en:
|
||||
* **Producidos:** Total de activos creados por proyectos completados.
|
||||
* **Recuperados:** Activos que fueron arrastrados con éxito de vuelta a los departamentos.
|
||||
* **Perdidos:** Activos que no se recuperaron a tiempo antes de cambiar de trimestre.
|
||||
|
||||
---
|
||||
|
||||
## 💾 Sistema de Sesiones
|
||||
* Las sesiones de juego se guardan localmente en archivos JSON en la raíz del proyecto.
|
||||
* Para evitar que estos archivos ensucien el repositorio Git, el archivo [.gitignore](file:///c:/CHV/ludotecaLocal/Colaborando/.gitignore) ignora todos los archivos `/*.json` de la raíz.
|
||||
* Se utiliza una técnica de *cache-busting* con el parámetro `_t` y la cabecera `cache: 'no-store'` para evitar cargas AJAX obsoletas entre pantallas.
|
||||
|
||||
---
|
||||
|
||||
## 📈 Bitácora Histórica de Cambios (Changelog)
|
||||
|
||||
* **16/Jul/2026:**
|
||||
* **Cambio de Desechar a Penalizar:** En la pantalla de resumen, se cambió el botón "Desechar" por "Penalizar".
|
||||
* **Persistencia de Actividad:** Los proyectos penalizados ahora se mantienen activos (`En proceso`) en lugar de descartarse.
|
||||
* **Actualización de Visualización y Penalización General:** Tanto al pagar mantenimiento como al penalizar, el proyecto permanece en la quincena actual; en el resumen, su tarjeta cambia a color gris y sus botones se bloquean. El botón de **Penalizar** está habilitado en **todos** los proyectos e Incidencias activas durante el fin de trimestre, deduciendo la penalización del acumulado general.
|
||||
* **Descuentos de Habilidades en Mantenimiento:** Al pagar mantenimiento de forma normal, se aplican correctamente los beneficios/descuentos de recursos ganados por el departamento mediante sus habilidades compradas (`habilidadTiempo`, `habilidadPersonal`, `habilidadCapital`), reduciendo el costo cobrado en base a los beneficios definidos.
|
||||
* **Corrección de Proyectos Descartados en `TablaProyectoGde`:** Se corrigió un error en `continuamos()` en [jsCode.js](file:///c:/CHV/ludotecaLocal/Colaborando/jsCode.js#L3435) que provocaba que un proyecto descartado que estuviera seleccionado en el cuadro grande (`TablaProyectoGde`) se reasignara por error al volver al tablero desde el resumen. Ahora la inicialización del tablero valida estrictamente que solo se carguen proyectos `En proceso`, removiendo el proyecto descartado inmediatamente sin necesidad de refrescar la página.
|
||||
* **Persistencia de Botones de Acción 1 y 2 (`bAccion1` y `bAccion2`):** Se integró el estado de las acciones en `arregloGeneral.bAccion1` y `arregloGeneral.bAccion2`. Al hacer clic en los botones 1 y 2 o reiniciarse con el timer, se guarda el estado en el servidor y al volver del resumen a la vista del tablero se restaura automáticamente la selección activa (fondo azul y texto blanco).
|
||||
* **Gráfica Mixta de Progresión (Barras + Línea) con Zoom 2.5X y Posicionamiento Ajustado:** Integración de gráfica HTML5 Canvas sin dependencias en el Bloque 3 de resumen. Representa los Objetivos del Trimestre (`arregloGeneral.objetivoT1..T4`, por defecto $100,000) mediante barras azules e Ingresos Reales mediante una línea roja con nodos. El panel flotante emergente desplegado en `mouseenter` se ajustó a escala **2.5X ampliado** (560px × 185px) y se reubicó dinámicamente sobre la tarjeta del Bloque 3, evitando recortes en el borde superior de la ventana del navegador. Se corrigió el alineamiento de texto de la leyenda (`textAlign = 'left'`) para que los textos "Objetivo Trimestre" e "Ingreso Real" no se solapen con sus respectivos iconos.
|
||||
* **Redistribución de Layout en Resumen:** Se reestructuró la vista en 2 filas: Fila superior con 5 columnas horizontales para métricas/gráficos/controles y Fila inferior con Departamentos (20%), Proyectos Terminados (40%) y Proyectos Activos (40%).
|
||||
* **03/Jul/2026:**
|
||||
* Implementación de la ventana de mantenimiento trimestral (Q6, 12, 18, 24) en resumen y tablero.
|
||||
* Integración de habilidades especiales para omitir costo de mantenimiento (Logística) y omitir penalizaciones por desecho (Operaciones).
|
||||
* Bypass de caché del navegador (`cache: 'no-store'`) para la carga de datos del juego.
|
||||
* Añadida regla `/*.json` en `.gitignore` para limpiar el repositorio de archivos de juego locales.
|
||||
* **Nuevo botón de Pantalla Completa:** Integrado en los encabezados de la pantalla de Resumen y el Tablero mediante la API de Fullscreen de HTML5, actualizando su texto de forma reactiva a eventos del navegador.
|
||||
* **Alineación de Departamentos:** Se fijó la altura (38px) de la celda de habilidad especial en el tablero y se restauró el tamaño de letra original (14px) con un line-height controlado (1.2) para evitar desfases de altura cuando el texto ocupa dos líneas sin perder legibilidad.
|
||||
* **11/Jun/2026:**
|
||||
* Creación del módulo de contabilización de activos (Producidos, Recuperados, Perdidos) calculado dinámicamente e integrado en la esquina inferior izquierda de resumen.
|
||||
* Ajustes y correcciones en la habilidad especial de reordenamiento de proyectos.
|
||||
* **10/Jun/2026:**
|
||||
* Implementación de la habilidad para previsualizar y ordenar los siguientes 5 proyectos del tablero.
|
||||
* Añadido botón de habilidades especiales y opción de descarte de proyectos básicos.
|
||||
@@ -1,85 +0,0 @@
|
||||
# Gestión de Mantenimiento y Penalización de Proyectos Activos (Fin de Trimestre)
|
||||
|
||||
Este plan revisado describe las modificaciones necesarias en el código para permitir que los usuarios paguen el mantenimiento de proyectos activos o los desechen (pagando la penalización correspondiente) **únicamente en las quincenas de fin de trimestre (6, 12, 18 y 24)**.
|
||||
|
||||
## Revisión del Usuario Requerida
|
||||
|
||||
> [!IMPORTANT]
|
||||
> **Lógica de Visibilidad del Proyecto:**
|
||||
> - Cuando un proyecto activo paga su mantenimiento en el fin de un trimestre (por ejemplo, en la quincena 6, que es el fin del Trimestre 1), el proyecto se marca con `mantenimientoPagadoEnTrimestre = 1`.
|
||||
> - Durante el resto del trimestre actual (mientras sigan en la quincena 6), el proyecto **se ocultará tanto del resumen como del tablero**.
|
||||
> - En cuanto la quincena avance al siguiente trimestre (quincena 7, Trimestre 2), el proyecto **reaparecerá automáticamente en el tablero** para continuar trabajando en él.
|
||||
>
|
||||
> **Lógica de Desecho:**
|
||||
> - Si se decide no pagar el mantenimiento, el usuario puede desechar el proyecto pagando la penalización (que se resta del acumulado general del trimestre actual). El estatus del proyecto cambiará a `'descartado'` y desaparecerá permanentemente.
|
||||
|
||||
## Cambios Propuestos
|
||||
|
||||
### Componente Frontend y Lógica del Juego
|
||||
|
||||
---
|
||||
|
||||
#### [MODIFY] [resumen.php](file:///c:/CHV/ludotecaLocal/Colaborando/resumen.php)
|
||||
|
||||
1. **Modificar `crearTarjetaProyecto`**:
|
||||
- Agregar botones de acción **solo si** el proyecto está activo (`!esCompletado`), tiene costo de mantenimiento (`proyecto.mantenimiento !== 'N/A'`) y la quincena actual es un fin de trimestre (`quincena % 6 === 0`).
|
||||
- Botón **Pagar Manto**: Llama a `pagarMantenimientoProyecto(proyecto.id)`.
|
||||
- Botón **Desechar**: Llama a `desecharProyecto(proyecto.id)`.
|
||||
|
||||
2. **Actualizar `actualizarResumenUI`**:
|
||||
- Filtrar los proyectos activos para mostrar solo aquellos cuyo mantenimiento **no ha sido pagado** en el trimestre actual:
|
||||
`proyecto.mantenimientoPagadoEnTrimestre !== trimestreActual`
|
||||
- Ocultar los proyectos que tengan mantenimiento `'N/A'` de la lista de pagos pendientes, o mostrarlos sin botones de acción (ya que no requieren pago).
|
||||
|
||||
3. **Funciones de Control**:
|
||||
- `parseMantenimiento(mantenimientoStr)`: Parsea el formato `'1T 1P 1C'` en un objeto `{ t, p, c }`.
|
||||
- `pagarMantenimientoProyecto(projectId)`:
|
||||
- Valida la selección de departamento y que este cuente con los recursos necesarios.
|
||||
- Deduce los recursos y actualiza la tarjeta del departamento.
|
||||
- Guarda el trimestre actual en el proyecto: `proyecto.mantenimientoPagadoEnTrimestre = trimestreActual`.
|
||||
- Guarda la sesión y refresca la UI del resumen.
|
||||
- `desecharProyecto(projectId)`:
|
||||
- Solicita confirmación al usuario.
|
||||
- Deduce la penalización de `arregloGeneral['trimestre' + trimestreActual]`.
|
||||
- Cambia el estatus del proyecto a `'descartado'`.
|
||||
- Guarda la sesión y refresca la UI del resumen.
|
||||
|
||||
4. **Event Listeners**:
|
||||
- Registrar delegación de clics con jQuery para `.btn-pagar-mantenimiento` y `.btn-desechar-proyecto`.
|
||||
|
||||
---
|
||||
|
||||
#### [MODIFY] [jsCode.js](file:///c:/CHV/ludotecaLocal/Colaborando/jsCode.js)
|
||||
|
||||
1. **Definir `limpiaProyectoGrande()`**:
|
||||
- Función helper para limpiar visualmente el contenedor del proyecto grande en el tablero cuando este está en espera del pago de mantenimiento.
|
||||
|
||||
2. **Modificar `continuamos()`**:
|
||||
- Calcular el trimestre actual de la quincena cargada:
|
||||
`const trimestreActual = Math.floor((parseInt(arregloGeneral.quincena) - 1) / 6) + 1;`
|
||||
- Modificar el filtro de proyectos para el tablero (tablero chico):
|
||||
Un proyecto se muestra solo si está en proceso y no se ha pagado su mantenimiento en el trimestre actual (o no requiere mantenimiento):
|
||||
```javascript
|
||||
const proyectosEnTablero = proyectos.filter(
|
||||
(p) =>
|
||||
p.estatus === 'En proceso' &&
|
||||
(!proyectoGde || p.id !== proyectoGde.id) &&
|
||||
(p.mantenimiento === 'N/A' || p.mantenimientoPagadoEnTrimestre !== trimestreActual)
|
||||
)
|
||||
```
|
||||
- Modificar la asignación de `proyectoGde`:
|
||||
Si el proyecto grande actual está en proceso pero ya pagó su mantenimiento para el siguiente trimestre, no se muestra en el tablero actual. Se llama a `limpiaProyectoGrande()`.
|
||||
|
||||
## Plan de Verificación
|
||||
|
||||
### Verificación Manual
|
||||
1. Iniciar o cargar una sesión en la quincena 6 (fin del Trimestre 1).
|
||||
2. Ir a **Resumen** y verificar que los proyectos activos que requieren mantenimiento muestren los botones "Pagar Manto" y "Desechar".
|
||||
3. Seleccionar un departamento y hacer clic en **Pagar Manto**:
|
||||
- Verificar que se deduzcan los recursos del departamento.
|
||||
- Verificar que el proyecto desaparezca de la lista en el resumen.
|
||||
- Ir al tablero y comprobar que **no aparece** en la quincena 6.
|
||||
- Avanzar a la quincena 7 (Trimestre 2) y comprobar que el proyecto **reaparece en el tablero**.
|
||||
4. Volver a la quincena 6, seleccionar otro proyecto activo y hacer clic en **Desechar**:
|
||||
- Confirmar y verificar que la penalización se reste del acumulado general de T1.
|
||||
- Verificar que el proyecto cambie su estatus a `'descartado'` en el JSON de sesión y no vuelva a aparecer en ningún lado.
|
||||
-15
@@ -1,15 +0,0 @@
|
||||
- [x] Implement resource subtraction, maintenance payment, and project discarding in `resumen.php`
|
||||
- [x] Add `parseMantenimiento` helper function
|
||||
- [x] Add `pagarMantenimientoProyecto` function
|
||||
- [x] Add `desecharProyecto` function with accumulated general check
|
||||
- [x] Modify `crearTarjetaProyecto` to show action buttons on active projects at end of trimester
|
||||
- [x] Filter paid projects in `actualizarResumenUI`
|
||||
- [x] Bind event delegation for the buttons
|
||||
- [x] Implement board rendering updates in `jsCode.js`
|
||||
- [x] Define `limpiaProyectoGrande` function
|
||||
- [x] Filter `proyectosEnTablero` in `continuamos` based on `mantenimientoPagadoEnTrimestre`
|
||||
- [x] Adjust project grande loading in `continuamos` to respect maintenance payment
|
||||
- [x] Verify functionality
|
||||
- [x] Test paying maintenance
|
||||
- [x] Test discarding project with check for sufficient accumulated funds
|
||||
- [x] Test quincena transitions
|
||||
@@ -1,46 +0,0 @@
|
||||
# Resumen de Cambios: Mantenimiento y Penalización de Proyectos Activos (Actualizado)
|
||||
|
||||
Se ha implementado la funcionalidad solicitada para gestionar proyectos activos al final del trimestre (quincenas 6, 12, 18, 24).
|
||||
|
||||
## Cambios Realizados
|
||||
|
||||
### 1. Pantalla de Resumen ([resumen.php](file:///c:/CHV/ludotecaLocal/Colaborando/resumen.php))
|
||||
- **Botones Dinámicos en Tarjetas:** Las tarjetas de proyectos activos (`En proceso`) muestran los botones de acción en fin de trimestre (quincena % 6 === 0): el botón **Pagar Manto** aparece en proyectos que requieren mantenimiento (excluyendo Incidencias y mantenimiento `'N/A'`), mientras que el botón **Penalizar** aparece en **todos** los proyectos e Incidencias activas.
|
||||
- **Persistencia de Proyectos:** El botón "Penalizar" ya no descarta el proyecto (no cambia su estatus a `descartado`). El proyecto permanece activo (`En proceso`).
|
||||
- **Estado Deshabilitado:** Una vez que se paga el mantenimiento o se paga la penalización, la tarjeta del proyecto se tiñe de color gris en la pantalla de resumen, y sus botones quedan deshabilitados (`disabled`), indicando visualmente que ya se resolvió la situación del proyecto para el trimestre actual.
|
||||
- **Descuentos por Habilidades:** Al realizar el pago de mantenimiento de forma normal, se aplican los descuentos de recursos (Tiempo, Personal, Capital) ganados mediante las habilidades compradas del departamento (`habilidadTiempo`, `habilidadPersonal`, `habilidadCapital`), restando del total del depto el costo neto descontado (mínimo de 0).
|
||||
- **Textos e Interfaz:** Se ajustó la confirmación de penalización a: *"¿Estás seguro de que quieres pagar la penalización del proyecto..."*. Se detalla el costo original y costo neto final con descuento en el confirm del pago de mantenimiento.
|
||||
- **Habilidad Especial de Operaciones:** Permite aplicar la penalización del proyecto sin costo utilizando la habilidad especial (actualizando su cooldown).
|
||||
- **Redistribución de Layout (5 Columnas Superiores + Fila Inferior 20/40/40%):** Se reorganizó la vista de resumen en 2 filas. La fila superior (`top-row`) distribuye los 5 bloques de control/información horizontalmente en 5 columnas de igual proporción. La fila inferior (`main-container`) ubica Departamentos a la izquierda (20%), Proyectos Terminados al centro (40%) y Proyectos Activos a la derecha (40%).
|
||||
- **Gráfica Mixta de Progresión (Barras + Líneas) con Zoom Flotante 2.5X y Persistencia:** En la parte inferior del Bloque 3 (Progresión), se integró una gráfica Canvas HTML5 que representa los Objetivos del Trimestre (almacenados en la sesión como `arregloGeneral.objetivoT1..T4`, por defecto $100,000) en **barras azules** y los Ingresos Reales por Trimestre (T1..T4) en una **línea roja con nodos y valores**. Al colocar el cursor sobre la gráfica (`mouseenter`), se despliega un panel emergente flotante alineado sobre la tarjeta del bloque con la gráfica en tamaño **2.5X ampliado** con posicionamiento dinámico anti-recorte y leyenda ajustada a la izquierda (`textAlign = 'left'`) para evitar cualquier solapamiento con los iconos. Se oculta al retirar el cursor (`mouseleave`).
|
||||
|
||||
### 2. Tablero de Juego ([jsCode.js](file:///c:/CHV/ludotecaLocal/Colaborando/jsCode.js))
|
||||
- **Visibilidad Permanente:** Se eliminaron los filtros que ocultaban el proyecto del tablero chico o grande cuando el mantenimiento ya había sido resuelto. El proyecto permanece visible tanto en el tablero como en el resumen durante la quincena actual, permitiendo seguir trabajando en él.
|
||||
- **Corrección de Proyectos Descartados (`continuamos()`):** Se actualizó la carga inicial del tablero para verificar estrictamente que el proyecto asignado a `TablaProyectoGde` tenga estatus `'En proceso'`. Si un proyecto fue descartado desde el resumen o mediante habilidad especial, al retornar al tablero ya no se cargará en `TablaProyectoGde` y desaparecerá de inmediato sin necesidad de refrescar la página.
|
||||
- **Persistencia de Botones de Acción (`bAccion1` y `bAccion2`):** Se guardan los estados de selección (activado/desactivado) de las acciones 1 y 2 en `arregloGeneral.bAccion1` y `arregloGeneral.bAccion2` al pulsar `toggleColor()` y al finalizar el timer. Al navegar entre el tablero y el resumen y regresar, las acciones permanecen seleccionadas tal como las dejó el usuario.
|
||||
|
||||
## Cómo Realizar las Pruebas (Verificación)
|
||||
|
||||
1. **Escenario de Pago de Mantenimiento / Penalización:**
|
||||
- Asegúrate de estar en una quincena fin de trimestre (ej. **Q6** del Trimestre 1).
|
||||
- Ve a la pantalla de resumen. Verás los botones **Pagar Manto** y **Penalizar** en los proyectos en proceso.
|
||||
- Realiza cualquiera de las dos acciones:
|
||||
- **Pagar Manto:** Selecciona un departamento con recursos suficientes y pulsa el botón.
|
||||
- **Penalizar:** Pulsa el botón; confirmará que tengas acumulado financiero suficiente y aplicará la deducción.
|
||||
- En ambos casos:
|
||||
- La tarjeta del proyecto en el resumen cambiará inmediatamente a un fondo gris y los botones de acción se deshabilitarán de forma definitiva en la quincena actual.
|
||||
- Ve al Tablero (`colaborando2.php`) en la misma quincena (Q6) y verifica que el proyecto **sigue estando visible** en el tablero chico y en el slot de proyecto grande.
|
||||
- Avanza la quincena a **Q7** (Trimestre 2). Vuelve a la pantalla de resumen y verifica que el proyecto recupera su color blanco y los botones ya no aparecen (pues no es fin de trimestre), y que en el tablero continúa disponible con total normalidad.
|
||||
|
||||
2. **Escenario de Descarte de Proyecto Seleccionado:**
|
||||
- Selecciona un proyecto en `TablaProyectoGde` en el tablero.
|
||||
- Ve al resumen (o usa la Habilidad Especial de Operaciones para "Descartar un proyecto").
|
||||
- Descarta el proyecto que estaba seleccionado en `TablaProyectoGde`.
|
||||
- Pulsa "Ir al Tablero".
|
||||
- Verifica que el proyecto descartado **ya no aparece** en `TablaProyectoGde` ni en el tablero chico sin necesidad de refrescar la página.
|
||||
|
||||
3. **Escenario de Persistencia de Acciones 1 y 2:**
|
||||
- En el tablero, activa los botones de acción `1` (`bAccion1`) o `2` (`bAccion2`).
|
||||
- Navega al Resumen haciendo clic en "Ir al Resumen".
|
||||
- Regresa al Tablero haciendo clic en "Ir al Tablero".
|
||||
- Verifica que las acciones seleccionadas se mantienen activas (color azul y texto blanco).
|
||||
+1469
File diff suppressed because it is too large
Load Diff
@@ -569,7 +569,7 @@ function llenaProyectoChico(proyectoNum) {
|
||||
proyectoActual,
|
||||
proyectos[proyectoNum].nombreProyecto,
|
||||
proyectos[proyectoNum].dificultad
|
||||
)
|
||||
)
|
||||
let signoPuntosGanados = '+'
|
||||
let signoPuntosPerdidos = '-'
|
||||
if (proyectos[proyectoNum].puntosGanados == 0) {
|
||||
|
||||
BIN
Binary file not shown.
|
Before Width: | Height: | Size: 720 KiB |
+2151
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user