un corte que hago a las 19hs

Front/src/paginas/Notificaciones.svelte

@@ -10,17 +10,21 @@
     import ModalPrecontrato from "../Componentes/ModalPrecontrato.svelte";
     import { get } from "svelte/store";
     import ModalAddGarantes from "../Componentes/ModalAddGarantes.svelte";
+    import { Accordion } from "@sveltestrap/sveltestrap";
+    import ModalCheckYContrato from "../Componentes/ModalCheckYContrato.svelte";
 
     const token = sessionStorage.getItem("token");
     let mensajes: MensajeDto[] = $state([]);
     let showspinner:boolean =$state(false);
     let mostrarleidos: boolean = $state(false);
     let modaldata:string =$state("");
-    let Selmens: MensajeDto = $state({accion: "",receptor:"", fecha: Date.UTC, mensaje:"", propiedad:0, remitente:""});
+    let Selmens: MensajeDto = $state({accion:""});
     
     let show:boolean = $state(false);
     let setCantGarantes = $state(0);
 
+    let garantes:GaranteDto[] = $state([]);
+
     onMount(async () => {
         SinLeer();
     })
@@ -72,8 +76,6 @@
         }
     }
 
-
-
     async function marcarleido( fecha: Date, email: string, men:MensajeDto ) {
         show = true;
 
@@ -104,7 +106,7 @@
         }
     }
 
-    function abrirModal(mensaje: MensajeDto) {    
+    function abrirModal(mensaje: MensajeDto) {   
         if (mensaje.accion === "Nuevo Alquiler") {
             Selmens = { ...mensaje }; 
             return;
@@ -115,6 +117,12 @@
             setCantGarantes = Number(Selmens.mensaje.split(" ").reverse()[1]);
             return;
         }
+
+        if (mensaje.accion === "Check y Contrato"){
+            Selmens = {...mensaje};
+            let idcontrato = Number(Selmens.mensaje.split(" ").reverse()[0]);
+            return;
+        }
     }
 
     async function handleEnviarmensaje2(data: {opcionVenta:boolean, cantGarantes:number, mesesHastaAumento:number}) {
@@ -197,6 +205,14 @@
         }
     }
 
+    function handleCancelPrecontrato(): void {
+        
+    }
+
+    async function handleEnviarmensaje4() {
+        
+    }
+
 </script>
 
 <NavBarAutocompletable/>
@@ -205,20 +221,14 @@
     <ModalEstatico payload={modaldata} close={()=>!!(modaldata = "")} />
 {/if}
 
-<!--
-    <ModalConfirm
-    {show}
-    {title}
-    {message}
-    onCancel={() => (show = false)}
-    onConfirm={()=>1+1}
-    />    
--->
 {#if Selmens.accion == "Nuevo Alquiler" }
     <ModalPrecontrato onClose={() => (Selmens.accion = "")} onSubmit={handleEnviarmensaje2} />
 {:else if Selmens.accion == "Carge Garantes"}
     <ModalAddGarantes maxGarantes={setCantGarantes}  onClose={() => (Selmens.accion = "")} onSubmit={handleEnviarmensaje3}/>
+{:else if Selmens.accion == "Check y Contrato"}
+    <ModalCheckYContrato {garantes} men={Selmens} onCancel={handleCancelPrecontrato} onClose={() => (Selmens.accion = "")} onConfirm={handleEnviarmensaje4}/>       
 {/if}
+
 <div class="container">
     <br>
     <BarraHorizontalConTexto text="Notificaciones"/>
@@ -271,24 +281,23 @@
 
                     {#if mostrarleidos == false}
                     <td>
-                        <div class="d-flex">
-
-                            <button
-                            class="btn btn-outline-primary"
-                            onclick={() => abrirModal(men)}
-                            >
-                            Expandir
-                            </button>
-
-                            <button
-                            class="btn btn-outline-danger"
-                            onclick={() => marcarleido(men.fecha, localStorage.getItem("email")|| "", men)}    
-                            >
-                            Marcar Leido
-                        </button>                 
-                        </div>
+                        <button
+                        class="btn btn-outline-primary"
+                        onclick={() => abrirModal(men)}
+                        >
+                        Expandir
+                        </button>
                     </td>
-                {/if}
+                    {:else if men.accion == "ContratoCancelado"}
+                    <td>
+                        <button
+                        class="btn btn-outline-danger"
+                        onclick={() => marcarleido(men.fecha, localStorage.getItem("email")|| "", men)}    
+                        >
+                        Marcar Leido
+                        </button>                 
+                    </td>
+                    {/if}
                 </tr>
                 {/each}                
                 {/if}