Avances hasta las 16

Front/src/paginas/ContratosPropietario.svelte

@@ -4,6 +4,7 @@
     import ModalEstatico from "../Componentes/ModalEstatico.svelte";
     import {urlG} from "../stores/urlStore";
     import type { CanonDto, ContratoDto, ContratoPropiedadDto, GaranteDto2 } from "../types";
+    import ModalConfirm from "../Componentes/ModalConfirm.svelte";
     
     
     let token:string = sessionStorage.getItem("token")||"";
@@ -74,10 +75,37 @@
         contratoid = par.get("id")||"";
     }
 
-
-  function submitnuevosCanones() {
+    function submitnuevosCanones() {
     
-  }
+    }
+
+    async function verContrato() {
+        if (prop.id <= 0) {
+            modaldata = "no hay contratos con id 0 o menor";
+            return;
+        }
+        try {
+            const resp = await fetch ($urlG+"/api/contrato/DocumentoFinal?idcontrato="+prop.id, {
+                method: "GET",
+                headers: {
+                    "Auth": String(token),
+                }
+            });
+
+            if (!resp.ok) {
+                let blob = await resp.json();
+                modaldata=blob.message;
+                return;
+            }
+
+            let blob = await resp.blob();
+            const blobUrl = URL.createObjectURL(blob);    
+            window.open(blobUrl, '_blank');
+            setTimeout(() => URL.revokeObjectURL(blobUrl), 100000); 
+        } catch {
+            modaldata= "fallo intentar hacer la request";
+        }
+    }
 </script>
 
 <NavBarAutocompletable/>
@@ -85,8 +113,9 @@
 {#if modaldata}
     <ModalEstatico payload={modaldata} close={()=>!!(modaldata = "")}/>
 {/if}
+
+<ModalConfirm  />
 <div class="container-fluid mt-4 d-flex">
-    <!-- Columna de la Propiedad -->
     <div class="col-md-4 me-4">
         <div class="card">
             <div class="card-header text-center">Propiedad</div>
@@ -100,16 +129,17 @@
                 <p><b>Letra:</b> {prop.letra}</p>
                 <p><b>Fecha Inicio:</b> {String(prop.fechainicio).split("T")[0]}</p>
                 <p><b>Estado:</b> {prop.estado}</p>
+                <button class="btn btn-secondary" onclick={verContrato}>
+                    Ver Contrato
+                </button>
             </div>
             <div class="card-footer text-center">
-                IdPropiedad: {prop.id}
+                IdContrato: {prop.id}
             </div>
         </div>
     </div>
 
-    <!-- Contenedor principal del acordeón y el formulario -->
     <div class="col d-flex flex-column">
-        <!-- Acordeón -->
         <div class="accordion mb-4" id="accordionExample">
             <div class="accordion-item">
                 <h2 class="accordion-header" id="headingOne">
@@ -234,9 +264,5 @@
                 </div>
             </div>
         </div>
-
-        <!-- Formulario -->
-
-        
     </div>
 </div>