mirror of
https://github.com/emailerfacu-spec/minix-front.git
synced 2026-04-08 14:20:44 -03:00
fix: Arregladas updates del panel de admin
This commit is contained in:
@@ -25,6 +25,7 @@
|
||||
import AgregarUsuario from './admin/AgregarUsuario.svelte';
|
||||
import DarAdmin from './admin/DarAdmin.svelte';
|
||||
import { busquedaAdminUsuarios } from '@/hooks/busquedaAdminUsuarios';
|
||||
import { invalidate, replaceState } from '$app/navigation';
|
||||
|
||||
interface Props {
|
||||
usuarios: UserResponseDto[];
|
||||
@@ -33,7 +34,17 @@
|
||||
|
||||
let { usuarios = $bindable(), hayMas }: Props = $props();
|
||||
|
||||
let hayMass = $state(hayMas);
|
||||
let paginaActual = $derived.by(() => {
|
||||
const url = new URL(window.location.href);
|
||||
return Number(url.searchParams.get('p')) || 1;
|
||||
});
|
||||
let search = $derived.by(() => {
|
||||
const url = new URL(window.location.href);
|
||||
let ret = url.searchParams.get('q') || '';
|
||||
return ret;
|
||||
});
|
||||
let hayMass = $derived(hayMas);
|
||||
|
||||
let open = $state(false);
|
||||
let openModificarUsuario = $state(false);
|
||||
let openDarAdmin = $state(false);
|
||||
@@ -45,13 +56,11 @@
|
||||
let usuarioModificar: UserResponseDto | null = $state(null);
|
||||
let usuarioDarAdmin: UserResponseDto | null = $state(null);
|
||||
|
||||
let search = $state('');
|
||||
|
||||
type SortKey = 'username' | 'displayName' | 'postsCount' | 'createdAt';
|
||||
let sortBy = $state<SortKey | null>(null);
|
||||
let sortDirection = $state<'asc' | 'desc'>('asc');
|
||||
|
||||
let usuariosFiltrados = $state(usuarios);
|
||||
let usuariosFiltrados = $derived(usuarios);
|
||||
|
||||
function ordenarPor(campo: SortKey) {
|
||||
if (sortBy === campo) {
|
||||
@@ -95,11 +104,17 @@
|
||||
}
|
||||
|
||||
timeoutId = setTimeout(async () => {
|
||||
if (search === '') {
|
||||
search = '';
|
||||
const url = new URL(window.location.href);
|
||||
if (!search.trim()) {
|
||||
url.searchParams.delete('q');
|
||||
} else {
|
||||
url.searchParams.set('q', search);
|
||||
}
|
||||
replaceState(url, {});
|
||||
|
||||
let ret = await busquedaAdminUsuarios(search, ITEMS_POR_PAGINA, paginaActual);
|
||||
usuariosFiltrados = ret.usuarios;
|
||||
// invalidate('admin:load');
|
||||
hayMass = ret.hayMas;
|
||||
}, 200);
|
||||
|
||||
@@ -109,8 +124,6 @@
|
||||
}
|
||||
const ITEMS_POR_PAGINA = 5;
|
||||
|
||||
let paginaActual = $state(1);
|
||||
|
||||
// const usuariosPaginados = $derived(
|
||||
// usuariosFiltrados.slice((paginaActual - 1) * ITEMS_POR_PAGINA, paginaActual * ITEMS_POR_PAGINA)
|
||||
// );
|
||||
@@ -245,7 +258,9 @@
|
||||
<Button
|
||||
disabled={paginaActual === 1}
|
||||
onclick={() => {
|
||||
paginaActual--;
|
||||
const url = new URL(window.location.href);
|
||||
url.searchParams.set('p', String(--paginaActual));
|
||||
replaceState(url, {});
|
||||
buscarUsuarios();
|
||||
}}
|
||||
variant="secondary"
|
||||
@@ -256,7 +271,9 @@
|
||||
<Button
|
||||
disabled={!hayMass}
|
||||
onclick={() => {
|
||||
paginaActual++;
|
||||
const url = new URL(window.location.href);
|
||||
url.searchParams.set('p', String(++paginaActual));
|
||||
replaceState(url, {});
|
||||
buscarUsuarios();
|
||||
}}
|
||||
variant="secondary">Siguiente</Button
|
||||
|
||||
@@ -10,6 +10,7 @@
|
||||
import Label from '../ui/label/label.svelte';
|
||||
import Spinner from '../ui/spinner/spinner.svelte';
|
||||
import { updateUsuario } from '@/hooks/updateUsuario';
|
||||
import { invalidate } from '$app/navigation';
|
||||
|
||||
interface Prop {
|
||||
open: boolean;
|
||||
@@ -38,6 +39,7 @@
|
||||
error = ret;
|
||||
} else {
|
||||
usuario!.displayName = ret.displayName;
|
||||
invalidate('admin:load');
|
||||
open = false;
|
||||
}
|
||||
cargando = false;
|
||||
|
||||
Reference in New Issue
Block a user