diff --git a/src/lib/components/TablaUsuarios.svelte b/src/lib/components/TablaUsuarios.svelte index 34cdc3e..3db5dc0 100644 --- a/src/lib/components/TablaUsuarios.svelte +++ b/src/lib/components/TablaUsuarios.svelte @@ -9,6 +9,7 @@ import Button from './ui/button/button.svelte'; import KeyIcon from '@lucide/svelte/icons/key'; import UserPen from '@lucide/svelte/icons/user-pen'; + import Shield from '@lucide/svelte/icons/shield'; import Search from '@lucide/svelte/icons/search'; import Plus from '@lucide/svelte/icons/plus'; import { Tooltip } from './ui/tooltip'; @@ -27,6 +28,7 @@ import InputGroupAddon from './ui/input-group/input-group-addon.svelte'; import InputGroupInput from './ui/input-group/input-group-input.svelte'; import AgregarUsuario from './admin/AgregarUsuario.svelte'; + import DarAdmin from './admin/DarAdmin.svelte'; interface Props { usuarios: UserResponseDto[]; @@ -36,8 +38,10 @@ let open = $state(false); let openModificarUsuario = $state(false); - + let openDarAdmin = $state(false); let openBorrar = $state(false); + let opencrearUsuario = $state(false); + let usuarioBorrar: UserResponseDto | null = $state(null); //si ponia contraseña en español quedaba muy largo el nombre @@ -45,6 +49,8 @@ let usuarioModificar: UserResponseDto | null = $state(null); + let usuarioDarAdmin: UserResponseDto | null = $state(null); + let search = $state(''); type SortKey = 'username' | 'displayName' | 'postsCount' | 'createdAt'; @@ -109,8 +115,12 @@ openBorrar = true; usuarioBorrar = usuario; } - -let opencrearUsuario = $state(false); + + function handleDarAdmin(usuario: UserResponseDto) { + openDarAdmin = true; + usuarioDarAdmin = usuario; + } + // $inspect(usuarios); @@ -119,7 +129,11 @@ let opencrearUsuario = $state(false); - + @@ -191,6 +205,24 @@ let opencrearUsuario = $state(false); {/if} + + + + + + + {#if usuario.isAdmin} + Sacar admin + {:else} + Dar Admin + {/if} + + {/each} @@ -200,4 +232,5 @@ let opencrearUsuario = $state(false); - \ No newline at end of file + + diff --git a/src/lib/components/admin/DarAdmin.svelte b/src/lib/components/admin/DarAdmin.svelte new file mode 100644 index 0000000..e890bb4 --- /dev/null +++ b/src/lib/components/admin/DarAdmin.svelte @@ -0,0 +1,37 @@ + + + (open = false)}> + + + Confirmar Admin + +
{ + e.preventDefault(); + + }} + > + {#if usuario} +

+ {usuario.isAdmin + ? '¿Estás seguro que quieres sacarle acceso de administrador al usuario ' + : '¿Estás seguro que quieres dar acceso de administrador al usuario '} + {usuario.displayName} + (@{usuario.username})? +

+ {/if} +
+ + +
+ +
+
diff --git a/src/lib/components/admin/ModificarUsuario.svelte b/src/lib/components/admin/ModificarUsuario.svelte index 567cb31..404ee70 100644 --- a/src/lib/components/admin/ModificarUsuario.svelte +++ b/src/lib/components/admin/ModificarUsuario.svelte @@ -78,7 +78,6 @@ {/if} -