fede/minix-front
1
0
Fork 0
mirror of https://github.com/emailerfacu-spec/minix-front.git synced 2026-04-01 13:10:44 -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 ModificarUsuario from './admin/ModificarUsuario.svelte';
import { fade } from 'svelte/transition';
import type { Unsubscriber } from 'svelte/store';
interface Props {
usuarios: UserResponseDto[];
@@ -32,6 +33,17 @@
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(() => {
if (!open) {
usuarioCambioPass = null;
@@ -49,6 +61,14 @@
}
</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>
<TableHeader>
<TableRow>
@@ -60,7 +80,7 @@
</TableRow>
</TableHeader>
<TableBody>
{#each usuarios as usuario}
{#each usuariosFiltrados as usuario}
<TableRow>
<TableCell
>@<a href={'/' + usuario.username}>