arreglada una cosa en form defectos y tambien añadido soporte daltonismo

This commit is contained in:
2025-01-29 02:47:40 -03:00
parent 72f277ab6c
commit ccf909e825
2 changed files with 18 additions and 7 deletions

View File

@@ -59,7 +59,7 @@
id="danioUso"
class="form-check-input"
bind:group={formData.pagainquilino}
value="0"
value="1"
required
/>
<label for="danioUso" class="form-check-label">Daño por uso</label>
@@ -70,7 +70,7 @@
id="danioEstructural"
class="form-check-input"
bind:group={formData.pagainquilino}
value="1"
value="0"
/>
<label for="danioEstructural" class="form-check-label">Daño Estructural</label>
</div>

View File

@@ -2,21 +2,19 @@
import { onMount } from "svelte";
import BarraHorizontalConTexto from "../Componentes/BarraHorizontalConTexto.svelte";
import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
import { Chart } from "chart.js";
import FChart from "../Componentes/Estadisticas/fChart.svelte";
import ModalEstatico from "../Componentes/ModalEstatico.svelte";
import {urlG} from "../stores/urlStore";
import type { ChartData } from "../types";
import { text } from "@sveltejs/kit";
let token = sessionStorage.getItem("token")||"";
let y = $state(2025);
let cdata:ChartData|any = $state();
let aldata:{id:number, ubicacion:string, divisa:string}|any = $state();
let aldata:{id:number, ubicacion:string, divisa:string}[]= $state([]);
let chartMesesDuracion:ChartData|any = $state();
let tablaMesesDuracion:{meses:number, repes:number, semaforizacion:string}|any = $state();
let tablaMesesDuracion:{meses:number, repes:number, semaforizacion:string}[] = $state([]);
let modaldata:string = $state("");
@@ -74,6 +72,18 @@
modaldata="Fallo al intentar alcanzar el servidor";
}
}
function toggleModoDaltonico() {
if (tablaMesesDuracion== null) return;
tablaMesesDuracion.forEach(item => {
if (item.semaforizacion === '🟢') {
item.semaforizacion = '🔵';
} else if (item.semaforizacion === '🔵') {
item.semaforizacion = '🟢';
}
});
}
</script>
{#if modaldata}
@@ -103,7 +113,7 @@
<div class="col">
<div class="d-flex input-group">
<input class="form-control" type="number" bind:value={y}>
<button class="btn btn-primary" onclick={()=>dataAlquileresporAño(y)}><img src="/zoom.svg" aria-label="Lupa"></button>
<button class="btn btn-primary" onclick={()=>dataAlquileresporAño(y)}><img src="/zoom.svg" alt="lupa" aria-label="Lupa">Buscar</button>
</div>
<table class="table table-hover">
<thead>
@@ -154,6 +164,7 @@
<div class="accordion-body row">
<div class="col">
<p class="text-muted">Objetivo: <i>Mide la longitud de los contratos en meses y cuantos hay por cada longitud. por lo menos 2.</i></p>
<input class="form-check-input" type="checkbox" onclick={toggleModoDaltonico}> Activar Modo Daltónico
<table class="table table-hover">
<thead>
<tr>