falta poner los fetch

2025-04-21 19:37:03 -03:00
parent 524a315dc1
commit e118a3acd2
3 changed files with 239 additions and 0 deletions
--- a/Front/src/paginas/GestionPemisos.svelte
+++ b/Front/src/paginas/GestionPemisos.svelte
@@ -0,0 +1,148 @@
+<script lang="ts">
+    import { onMount } from "svelte";
+    import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
+    import type { GrupoDto, PermisoDto } from "../types";
+    import { urlG } from "../stores/urlStore";
+    import ModalEstatico from "../Componentes/ModalEstatico.svelte";
+    import BarraHorizontalConTexto from "../Componentes/BarraHorizontalConTexto.svelte";
+    import BotonEsquina from "../Componentes/BotonEsquina.svelte";
+    import ModalEditarPermiso from "../Componentes/ModalEditarPermiso.svelte";
+    import Login from "./login.svelte";
+
+    const token: string = sessionStorage.getItem("token") || "";
+
+    let permisos: PermisoDto[] = $state([]);
+    let selpermiso: PermisoDto = $state({ descripcion: "", id: 0 });
+    let modaldat: string = $state("");
+    let showmodaladd = $state(false);
+    let showmodaledit = $state(false);
+
+    onMount(() => {
+        obtenerPermisos();
+    });
+
+    async function submitedit(a: GrupoDto) {
+        let b = a;
+        try {
+            let req = await fetch($urlG + "/api/grupo", {
+                method: "PATCH",
+                headers: {
+                    Auth: token,
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(b),
+            });
+            const resp = await req.json();
+            modaldat = resp.message;
+            if (req.ok) {
+                obtenerPermisos;
+            }
+        } catch {
+            modaldat = "Fallo al hacer la request";
+        }
+    }
+
+    async function obtenerPermisos() {
+        try {
+            let a = await fetch($urlG + "/api/permisos/todos", {
+                method: "GET",
+                headers: {
+                    Auth: token,
+                },
+            });
+            if (!a.ok) {
+                modaldat = "Fallo al obtener los permisos";
+                return;
+            }
+            permisos = await a.json();
+        } catch {
+            modaldat = "Fallo Al intentar hacer la request";
+        }
+    }
+
+    function NuevoPermiso(a: PermisoDto): void {
+        throw new Error("Function not implemented.WIP");
+    }
+
+    function PatchPermiso(): void {
+        throw new Error("Function not implemented.WIP");
+    }
+</script>
+
+{#if modaldat != ""}
+    <ModalEstatico payload={modaldat} />
+{/if}
+
+<NavBarAutocompletable />
+<div class="container-fluid mt-2">
+    <BarraHorizontalConTexto text="Gestionar Permisos" />
+
+    {#if permisos.length == 0}
+        <div class="text-center">
+            <div class="spinner-border" role="status">
+                <span class="visually-hidden">Loading...</span>
+            </div>
+        </div>
+    {:else}
+        <div class="position-relative z-1">
+            <BotonEsquina handleclick={() => (showmodaladd = true)} />
+        </div>
+        {#if showmodaladd}
+            <ModalEditarPermiso
+                onClose={() => (showmodaladd = false)}
+                permiso={{ descripcion: "", id: 0 }}
+                onSubmit={NuevoPermiso}
+                modalTitle="Nuevo Permiso"
+            />
+        {/if}
+        {#if showmodaledit}
+            <div class="position-relative z-2">
+                <ModalEditarPermiso
+                    onClose={(a: string) => {
+                        showmodaledit = false;
+                        selpermiso.descripcion = a;
+                    }}
+                    bind:permiso={selpermiso}
+                    onSubmit={PatchPermiso}
+                    modalTitle="Modificar Permiso"
+                />
+            </div>
+        {/if}
+        <div class="card mb-3">
+            <div class="card-body">
+                <div class="table-responsive">
+                    <table class="table table-striped">
+                        <thead>
+                            <tr>
+                                <th scope="col">ID</th>
+                                <th scope="col">Descripción</th>
+                                <th scope="col">Accioness</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {#each permisos as permiso}
+                                <tr>
+                                    <td>{permiso.id}</td>
+                                    <td>{permiso.descripcion}</td>
+                                    <td>
+                                        <div
+                                            class="d-flex justify-content-between"
+                                        >
+                                            <button
+                                                class="btn btn-warning btn-sm"
+                                                onclick={() => {
+                                                    showmodaledit = true;
+                                                    selpermiso = permiso;
+                                                }}>Editar</button
+                                            >
+                                        </div>
+                                    </td>
+                                </tr>
+                            {/each}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    {/if}
+</div>