fix: correct HTML syntax and improve accessibility in various components
This commit is contained in:
@@ -1244,7 +1244,7 @@
|
|||||||
<div class="relative h-1.5 w-full overflow-hidden rounded-full bg-muted/70">
|
<div class="relative h-1.5 w-full overflow-hidden rounded-full bg-muted/70">
|
||||||
<div
|
<div
|
||||||
class="csv-upload-indeterminate-bar absolute top-0 h-full w-2/5 rounded-full bg-primary"
|
class="csv-upload-indeterminate-bar absolute top-0 h-full w-2/5 rounded-full bg-primary"
|
||||||
/>
|
></div>
|
||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<Progress
|
<Progress
|
||||||
|
|||||||
@@ -125,8 +125,8 @@ const canOpenAcuse = $derived(selectedItem?.status === 'success' && !!selectedIt
|
|||||||
selectedIds = [...selectedIds, item.id];
|
selectedIds = [...selectedIds, item.id];
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleSelectedIdsChange(ids: number[]) {
|
function handleSelectedIdsChange(ids: (string | number)[]) {
|
||||||
selectedIds = ids;
|
selectedIds = ids.map((id) => (typeof id === 'number' ? id : Number(id)));
|
||||||
}
|
}
|
||||||
|
|
||||||
async function handleDigitalizar(item: ExpedienteArchivo) {
|
async function handleDigitalizar(item: ExpedienteArchivo) {
|
||||||
@@ -441,6 +441,7 @@ async function handleDownloadArtifact(
|
|||||||
<div class="mx-auto max-w-[1400px] px-4 py-4">
|
<div class="mx-auto max-w-[1400px] px-4 py-4">
|
||||||
<div
|
<div
|
||||||
role="toolbar"
|
role="toolbar"
|
||||||
|
tabindex="0"
|
||||||
aria-label="Acciones de digitalización"
|
aria-label="Acciones de digitalización"
|
||||||
data-digitalizacion-footer-toolbar
|
data-digitalizacion-footer-toolbar
|
||||||
class="flex w-full items-center justify-end gap-2"
|
class="flex w-full items-center justify-end gap-2"
|
||||||
|
|||||||
@@ -61,8 +61,7 @@
|
|||||||
|
|
||||||
const isError = $derived(!canView || status >= 400 || error);
|
const isError = $derived(!canView || status >= 400 || error);
|
||||||
|
|
||||||
// Pasamos canEdit y canDelete a las columnas por si tu DataTable tiene acciones por fila
|
const columns = createColumns();
|
||||||
const columns = createColumns({ canEdit, canDelete });
|
|
||||||
|
|
||||||
// --- Lifecycle ---
|
// --- Lifecycle ---
|
||||||
onMount(() => {
|
onMount(() => {
|
||||||
|
|||||||
@@ -774,7 +774,7 @@
|
|||||||
onsubmit={(e) => {
|
onsubmit={(e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
handleSubmit();
|
handleSubmit();
|
||||||
}
|
}}
|
||||||
class="space-y-6 pb-48"
|
class="space-y-6 pb-48"
|
||||||
>
|
>
|
||||||
<Card.Root>
|
<Card.Root>
|
||||||
|
|||||||
@@ -85,7 +85,7 @@
|
|||||||
onsubmit={(e) => {
|
onsubmit={(e) => {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
handleSubmit();
|
handleSubmit();
|
||||||
}
|
}}
|
||||||
class="space-y-6"
|
class="space-y-6"
|
||||||
>
|
>
|
||||||
{#if error}
|
{#if error}
|
||||||
|
|||||||
Reference in New Issue
Block a user