- Se implemento la habilidad de ordenar los siguientes 5 proyectos en el tablero

This commit is contained in:
2026-06-10 23:04:56 -06:00
parent 0d37dda9de
commit f8e7a0d7b9
3 changed files with 155 additions and 12 deletions
+70
View File
@@ -214,6 +214,27 @@
.nav-button:hover {
background-color: #0056b3;
}
/* Estilos para que los diálogos/alertas jQuery UI se muestren de color rojo (carmesí) */
.ui-dialog-titlebar {
background-color: crimson;
color: white;
}
.ui-widget.ui-widget-content {
border-color: crimson;
border-width: 5px;
}
.ui-dialog .ui-dialog-content {
font-size: 16px;
font-weight: bold;
text-align: center;
}
.ui-dialog .ui-dialog-buttonpane button {
font-size: 17px;
}
</style>
<!-- Scripts base -->
<script src="js/jquery-3.5.1.min.js"></script>
@@ -408,6 +429,12 @@
</table>
</td>
</tr>
<!-- Fila de Habilidad Especial -->
<tr class="fila-habilidad-especial" style="display: none; background-color: #f0f0f0; border-top: 1px solid gray;">
<td colspan="3" style="text-align: center; font-size: 16px; padding: 4px; font-weight: bold; color: #444;">
HE: <span class="texto-habilidad-especial"></span>
</td>
</tr>
</table>
</div>
@@ -441,6 +468,12 @@
</table>
</td>
</tr>
<!-- Fila de Habilidad Especial -->
<tr class="fila-habilidad-especial" style="display: none; background-color: #f0f0f0; border-top: 1px solid gray;">
<td colspan="3" style="text-align: center; font-size: 16px; padding: 4px; font-weight: bold; color: #444;">
HE: <span class="texto-habilidad-especial"></span>
</td>
</tr>
</table>
</div>
@@ -474,6 +507,12 @@
</table>
</td>
</tr>
<!-- Fila de Habilidad Especial -->
<tr class="fila-habilidad-especial" style="display: none; background-color: #f0f0f0; border-top: 1px solid gray;">
<td colspan="3" style="text-align: center; font-size: 16px; padding: 4px; font-weight: bold; color: #444;">
HE: <span class="texto-habilidad-especial"></span>
</td>
</tr>
</table>
</div>
@@ -507,6 +546,12 @@
</table>
</td>
</tr>
<!-- Fila de Habilidad Especial -->
<tr class="fila-habilidad-especial" style="display: none; background-color: #f0f0f0; border-top: 1px solid gray;">
<td colspan="3" style="text-align: center; font-size: 16px; padding: 4px; font-weight: bold; color: #444;">
HE: <span class="texto-habilidad-especial"></span>
</td>
</tr>
</table>
</div>
@@ -540,6 +585,12 @@
</table>
</td>
</tr>
<!-- Fila de Habilidad Especial -->
<tr class="fila-habilidad-especial" style="display: none; background-color: #f0f0f0; border-top: 1px solid gray;">
<td colspan="3" style="text-align: center; font-size: 16px; padding: 4px; font-weight: bold; color: #444;">
HE: <span class="texto-habilidad-especial"></span>
</td>
</tr>
</table>
</div>
@@ -573,6 +624,12 @@
</table>
</td>
</tr>
<!-- Fila de Habilidad Especial -->
<tr class="fila-habilidad-especial" style="display: none; background-color: #f0f0f0; border-top: 1px solid gray;">
<td colspan="3" style="text-align: center; font-size: 16px; padding: 4px; font-weight: bold; color: #444;">
HE: <span class="texto-habilidad-especial"></span>
</td>
</tr>
</table>
</div>
@@ -648,6 +705,16 @@
// Actualizar activos
deptoCard.find('#activoCh1').text(findArrayValue(deptoArr, 'activo1'));
deptoCard.find('#activoCh2').text(findArrayValue(deptoArr, 'activo2'));
// Mostrar/Ocultar Habilidad Especial si ya se acreditó
const accionEspecial = findArrayValue(deptoArr, 'accionEspecialQuincenal');
const rowHE = deptoCard.find('.fila-habilidad-especial');
if (accionEspecial && accionEspecial !== '') {
rowHE.find('.texto-habilidad-especial').text(accionEspecial);
rowHE.show();
} else {
rowHE.hide();
}
}
function actualizarResumenUI() {
@@ -1173,6 +1240,9 @@
$(this).dialog('destroy').remove();
},
});
} else if (accionQuincenal === 'Ordenar los próximos 5 proyectos') {
alert('Esta habilidad especial solo se puede utilizar desde el tablero de juego.');
return;
} else {
// Para las demás habilidades que solo muestran un mensaje
setArrayValue(elArreglo, 'accionEspecialLastUsed', quincenaActual);