fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-19 16:07:32 -03:00
Code Issues Packages Projects Releases Wiki Activity

Completado el filtrado de usuarios en /admin

Browse Source
This commit is contained in:
TroianoLuca
2025-12-04 00:08:34 -03:00
parent 4f4f2fc9dd
commit 18379cbbbf
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/lib/components/TablaUsuarios.svelte
View File

@@ -17,6 +17,7 @@
import DialogContent from './ui/dialog/dialog-content.svelte'; import DialogContent from './ui/dialog/dialog-content.svelte';
import ModificarUsuario from './admin/ModificarUsuario.svelte'; import ModificarUsuario from './admin/ModificarUsuario.svelte';
import { fade } from 'svelte/transition'; import { fade } from 'svelte/transition';
import type { Unsubscriber } from 'svelte/store';
interface Props { interface Props {
usuarios: UserResponseDto[]; usuarios: UserResponseDto[];
@@ -32,6 +33,17 @@
let usuarioModificar: UserResponseDto | null = $state(null); let usuarioModificar: UserResponseDto | null = $state(null);
let search = $state("");
let usuariosFiltrados = $derived(
usuarios.filter((u) =>
u.username.toLowerCase().startsWith(search.toLowerCase()) ||
u.displayName.toLowerCase().startsWith(search.toLowerCase())
)
);
//let usuariosFiltrados = $derived(() => usuarios.filter((u) => u.username.toLowerCase().includes(search.toLowerCase()) || u.displayName.toLowerCase().includes(search.toLowerCase())));
//let usuariosFiltrados = $derived(usuarios.filter(u => u.username.toLowerCase().includes(search.toLowerCase()) || u.displayName.toLowerCase().includes(search.toLowerCase())));
//$: usuariosFiltrados = usuarios.filter(u => u.username.toLowerCase().includes(search.toLowerCase()) || u.displayName.toLowerCase().includes(search.toLowerCase()));
$effect(() => { $effect(() => {
if (!open) { if (!open) {
usuarioCambioPass = null; usuarioCambioPass = null;
@@ -49,6 +61,14 @@
} }
</script> </script>
<div class="mb-4">
<input type= "text"
placeholder="Buscar usuario..."
bind:value={search}
class="border px-3 py-2 rounded w-full"
/>
</div>
<Table> <Table>
<TableHeader> <TableHeader>
<TableRow> <TableRow>
@@ -60,7 +80,7 @@
</TableRow> </TableRow>
</TableHeader> </TableHeader>
<TableBody> <TableBody>
{#each usuarios as usuario} {#each usuariosFiltrados as usuario}
<TableRow> <TableRow>
<TableCell <TableCell
>@<a href={'/' + usuario.username}> >@<a href={'/' + usuario.username}>