From 543bc9e5a60f768af0259d2341e1bb3c0456f4ff Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Mon, 21 Apr 2025 16:01:15 -0300
Subject: [PATCH] =?UTF-8?q?A=C3=B1adido=20soporte=20para=20crear=20grupos?=
 =?UTF-8?q?=20nuevos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Aspnet/Controllers/GruposController.cs        |  20 ++-
 Front/public/plus.svg                         |  20 +++
 Front/src/Componentes/BotonEsquina.svelte     |  41 ++++++
 Front/src/Componentes/ModalAñadirGrupo.svelte | 133 ++++++++++++++++++
 Front/src/paginas/AdminGrupos.svelte          |  35 +++++
 Modelo/RepositorioGrupos.cs                   |  15 ++
 6 files changed, 263 insertions(+), 1 deletion(-)
 create mode 100644 Front/public/plus.svg
 create mode 100644 Front/src/Componentes/BotonEsquina.svelte
 create mode 100644 Front/src/Componentes/ModalAñadirGrupo.svelte

diff --git a/Aspnet/Controllers/GruposController.cs b/Aspnet/Controllers/GruposController.cs
index d8569ff..3521b96 100644
--- a/Aspnet/Controllers/GruposController.cs
+++ b/Aspnet/Controllers/GruposController.cs
@@ -41,8 +41,26 @@ public class GruposController : ControllerBase
 
         Cliente? cli = RepositorioUsuarios.Singleton.ObtenerClientePorToken(Auth);
         if (cli == null) return BadRequest(new { message = "No hay un cliente por el token que enviaste" });
-        Console.WriteLine(grupo.GruposIncluidos.Count);
+
         bool ret2 = RepositorioGrupos.Singleton.PatchGrupo(grupo, cli);
         return ret2 ? Ok(new { message = "Se Modifico el grupo" }) : BadRequest(new { message = "Fallo al editar el grupo" });
     }
+
+    [HttpPost("/api/grupo")]
+    public IActionResult PostGrupo([FromHeader(Name = "Auth")] string Auth, GrupoDto grupo)
+    {
+        var ret = RepositorioPermisos.Singleton.CheckPermisos(Auth, 18);
+        if (ret == false) return BadRequest(new { message = "No tiene permiso para Gestionar grupos" });
+
+        Cliente? cli = RepositorioUsuarios.Singleton.ObtenerClientePorToken(Auth);
+        if (cli == null) return BadRequest(new { message = "No hay un cliente por el token que enviaste" });
+
+        if (grupo.Nombre.Length > 25)
+        {
+            return BadRequest(new { message = "El nombre del grupo no puede superar los 25 caracteres" });
+        }
+
+        bool ret2 = RepositorioGrupos.Singleton.AddGrupo(grupo, cli);
+        return ret2 ? Ok(new { message = "Se Añadio el grupo" }) : BadRequest(new { message = "Fallo al añadirse el grupo" });
+    }
 }
diff --git a/Front/public/plus.svg b/Front/public/plus.svg
new file mode 100644
index 0000000..c0ae662
--- /dev/null
+++ b/Front/public/plus.svg
@@ -0,0 +1,20 @@
+<!--
+category: Math
+tags: [add, create, new, "+"]
+version: "1.0"
+unicode: "eb0b"
+-->
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 5l0 14" />
+  <path d="M5 12l14 0" />
+</svg>
diff --git a/Front/src/Componentes/BotonEsquina.svelte b/Front/src/Componentes/BotonEsquina.svelte
new file mode 100644
index 0000000..550a2f8
--- /dev/null
+++ b/Front/src/Componentes/BotonEsquina.svelte
@@ -0,0 +1,41 @@
+<script>
+    import { onMount } from "svelte";
+
+    let isHovered = $state(false);
+
+    let { handleclick } = $props();
+
+    function handleMouseEnter() {
+        isHovered = true;
+    }
+
+    function handleMouseLeave() {
+        isHovered = false;
+    }
+</script>
+
+<button
+    class="position-fixed bottom-0 end-0 m-3 p-3 bg-secondary rounded-circle transition-element border"
+    class:rotated={isHovered}
+    class:active={isHovered}
+    style="width: 5rem; height: 5rem;"
+    onmouseenter={handleMouseEnter}
+    onmouseleave={handleMouseLeave}
+    onclick={handleclick}
+>
+    <img
+        src="/plus.svg"
+        alt="añadir"
+        style="width: 2.5rem; height: 2.5rem; filter: invert(1);"
+    />
+</button>
+
+<style>
+    .transition-element {
+        transition: transform 0.3s ease-in-out;
+    }
+
+    .rotated {
+        transform: rotate(90deg);
+    }
+</style>
diff --git a/Front/src/Componentes/ModalAñadirGrupo.svelte b/Front/src/Componentes/ModalAñadirGrupo.svelte
new file mode 100644
index 0000000..91c7680
--- /dev/null
+++ b/Front/src/Componentes/ModalAñadirGrupo.svelte
@@ -0,0 +1,133 @@
+<script lang="ts">
+    import type { GrupoDto, PermisoDto } from "../types";
+    let {
+        onClose,
+        grupos,
+        permisos,
+        onSubmit,
+    }: {
+        onClose: () => void;
+        grupos: GrupoDto[];
+        permisos: PermisoDto[];
+        onSubmit: (a: GrupoDto) => void;
+    } = $props();
+
+    let data: GrupoDto = $state({
+        gruposIncluidos: [],
+        idgrupo: 0,
+        nombre: "",
+        permisos: [],
+    });
+    const handleSubmit = (e: Event) => {
+        e.preventDefault();
+        data.gruposIncluidos = grupos
+            .filter(
+                (grupo) =>
+                    (
+                        document.getElementById(
+                            `grupo-${grupo.idgrupo}`,
+                        ) as HTMLInputElement
+                    )?.checked,
+            )
+            .map((grupo) => grupo.nombre);
+        data.permisos = permisos.filter(
+            (permiso) =>
+                (
+                    document.getElementById(
+                        `permiso-${permiso.id}`,
+                    ) as HTMLInputElement
+                )?.checked,
+        );
+        onSubmit(data);
+        onClose();
+    };
+
+    let nombreGrupo = "";
+</script>
+
+<div
+    class="modal show d-block"
+    tabindex="-1"
+    role="dialog"
+    style="background: rgba(0, 0, 0, 0.5)"
+    aria-labelledby="exampleModalLabel"
+    aria-hidden="true"
+>
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="exampleModalLabel">Añadir Grupo</h5>
+                <button
+                    type="button"
+                    class="btn-close"
+                    aria-label="Close"
+                    onclick={onClose}
+                ></button>
+            </div>
+            <div class="modal-body">
+                <div class="mb-3">
+                    <label for="nombre-grupo" class="form-label"
+                        >Nombre del Grupo:</label
+                    >
+                    <input
+                        type="text"
+                        class="form-control"
+                        id="nombre-grupo"
+                        bind:value={data.nombre}
+                        placeholder="Ingrese el nombre del grupo"
+                    />
+                </div>
+
+                <div class="mb-3">
+                    <h6>Incluir en Grupos:</h6>
+                    {#each grupos as grupo}
+                        <div class="form-check">
+                            <input
+                                type="checkbox"
+                                class="form-check-input"
+                                id={`grupo-${grupo.idgrupo}`}
+                                checked={data.gruposIncluidos?.includes(
+                                    grupo.nombre,
+                                )}
+                            />
+                            <label
+                                class="form-check-label"
+                                for={`grupo-${grupo.idgrupo}`}
+                            >
+                                {grupo.nombre}
+                            </label>
+                        </div>
+                    {/each}
+                </div>
+
+                <div>
+                    <h6>Asignar Permisos:</h6>
+                    {#each permisos as permiso}
+                        <div class="form-check">
+                            <input
+                                type="checkbox"
+                                class="form-check-input"
+                                id={`permiso-${permiso.id}`}
+                                checked={data.permisos?.some(
+                                    (p) => p.id === permiso.id,
+                                )}
+                            />
+
+                            <label
+                                class="form-check-label"
+                                for={`permiso-${permiso.id}`}
+                            >
+                                {permiso.descripcion}
+                            </label>
+                        </div>
+                    {/each}
+                </div>
+            </div>
+            <div class="modal-footer d-flex justify-content-center">
+                <button class="btn btn-primary w-100" onclick={handleSubmit}
+                    >Guardar Grupo</button
+                >
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/Front/src/paginas/AdminGrupos.svelte b/Front/src/paginas/AdminGrupos.svelte
index 23fd4ce..dedbfbb 100644
--- a/Front/src/paginas/AdminGrupos.svelte
+++ b/Front/src/paginas/AdminGrupos.svelte
@@ -6,11 +6,15 @@
     import ModalEstatico from "../Componentes/ModalEstatico.svelte";
     import ModalEditarGrupo from "../Componentes/ModalEditarGrupo.svelte";
     import BarraHorizontalConTexto from "../Componentes/BarraHorizontalConTexto.svelte";
+    import BotonEsquina from "../Componentes/BotonEsquina.svelte";
+    import ModalAadirGrupo from "../Componentes/ModalAñadirGrupo.svelte";
 
     const token: string = sessionStorage.getItem("token") || "";
 
     let grupos: GrupoDto[] = $state([]);
     let modaldat: string = $state("");
+    let showmodaladd = $state(false);
+
     onMount(() => {
         ObtenerGrupos();
         obtenerPermisos();
@@ -84,6 +88,27 @@
             modaldat = "Fallo Al intentar hacer la request";
         }
     }
+
+    async function submitGrupo(a: GrupoDto) {
+        let b = a;
+        try {
+            let req = await fetch($urlG + "/api/grupo", {
+                method: "POST",
+                headers: {
+                    Auth: token,
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify(b),
+            });
+            const resp = await req.json();
+            modaldat = resp.message;
+            if (req.ok) {
+                ObtenerGrupos();
+            }
+        } catch {
+            modaldat = "Fallo al hacer la request";
+        }
+    }
 </script>
 
 {#if modaldat != ""}
@@ -102,6 +127,7 @@
 <NavBarAutocompletable />
 <div class="container-fluid mt-2">
     <BarraHorizontalConTexto text="Gestionar Grupos" />
+
     {#if grupos.length == 0}
         <div class="text-center">
             <div class="spinner-border" role="status">
@@ -109,6 +135,15 @@
             </div>
         </div>
     {:else}
+        <BotonEsquina handleclick={() => (showmodaladd = true)} />
+        {#if showmodaladd}
+            <ModalAadirGrupo
+                onClose={() => (showmodaladd = false)}
+                {grupos}
+                {permisos}
+                onSubmit={submitGrupo}
+            />
+        {/if}
         {#each grupos as grupo}
             <div class="accordion mt-2">
                 <div class="accordion-item">
diff --git a/Modelo/RepositorioGrupos.cs b/Modelo/RepositorioGrupos.cs
index 6c8d42f..2e3ba7b 100644
--- a/Modelo/RepositorioGrupos.cs
+++ b/Modelo/RepositorioGrupos.cs
@@ -6,6 +6,21 @@ using Microsoft.EntityFrameworkCore;
 namespace Modelo;
 public class RepositorioGrupos : RepositorioBase<RepositorioGrupos>
 {
+    public bool AddGrupo(GrupoDto grupo, Cliente cli)
+    {
+        var con = Context;
+
+        var g = new Grupo
+        {
+            Id = con.Grupos.Max(x => x.Id) + 1,
+            Nombre = grupo.Nombre,
+            IdGrupoHijos = con.Grupos.Where(x => grupo.GruposIncluidos.Contains(x.Nombre)).ToList(),
+            Idpermisos = con.Permisos.Where(x => grupo.Permisos.Select(x => x.Id).Contains(x.Id)).ToList(),
+        };
+        con.Grupos.Add(g);
+        GenerarLog(con, cli.Dni, $"Alta Grupo: {g.Nombre}");
+        return Guardar(con);
+    }
     public bool PatchGrupo(GrupoDto grupo, Cliente cli)
     {
         var con = Context;