From c8daa303e4bd2cb8508950cf32592c03397dfc89 Mon Sep 17 00:00:00 2001
From: fede <federico.nicolas.polidoro@gmail.com>
Date: Fri, 6 Dec 2024 17:33:40 -0300
Subject: [PATCH] scale: Variable Global $urlG

---
 Front/src/Componentes/ListaAcciones.svelte    |  3 +-
 .../Componentes/NavBarAutocompletable.svelte  |  7 +-
 Front/src/Componentes/RowPropiedad.svelte     |  4 +-
 Front/src/Componentes/RutaProtegida.svelte    | 86 +++++++++----------
 Front/src/Componentes/login.svelte            |  3 +-
 Front/src/paginas/MisPropiedades.svelte       |  3 +-
 Front/src/paginas/MisPropiedadesDeBaja.svelte |  3 +-
 Front/src/paginas/PublicarPropiedad.svelte    |  4 +-
 Front/src/paginas/inquilino.svelte            |  3 +-
 Front/src/paginas/propietario.svelte          |  3 +-
 10 files changed, 65 insertions(+), 54 deletions(-)

diff --git a/Front/src/Componentes/ListaAcciones.svelte b/Front/src/Componentes/ListaAcciones.svelte
index 51bdbfa..f5c3287 100644
--- a/Front/src/Componentes/ListaAcciones.svelte
+++ b/Front/src/Componentes/ListaAcciones.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import { onMount } from "svelte";
     import { writable } from "svelte/store";
+    import { urlG } from "../stores/urlStore";
 
     type Permiso = {
         id: number;
@@ -21,7 +22,7 @@
         const match = path.match(/\/grupo\/(.+)/);
         const grupo = match ? match[1] : null;
         try {
-            const response = await fetch("http://localhost:5007/api/acciones/grupo",{
+            const response = await fetch(String($urlG)+"/api/acciones/grupo",{
                 method: 'POST',
                 headers: {
                 'Auth' : String(token),
diff --git a/Front/src/Componentes/NavBarAutocompletable.svelte b/Front/src/Componentes/NavBarAutocompletable.svelte
index 225919a..08089c1 100644
--- a/Front/src/Componentes/NavBarAutocompletable.svelte
+++ b/Front/src/Componentes/NavBarAutocompletable.svelte
@@ -4,15 +4,18 @@
   import { writable } from 'svelte/store';
   import './css/popup.css';
   import type { Grupo } from "../types";
-  let isOpen: boolean = $state(false);
 
+	import { urlG } from "../stores/urlStore";
+  
+  let isOpen: boolean = $state(false);
+  
   const permisos = writable<Grupo[]>([]);
   const email = localStorage.getItem('email');
   const token = sessionStorage.getItem('token');
 
   async function obtenerPermisos(){
     try {
-      const response = await fetch("http://localhost:5007/api/acciones",{
+      const response = await fetch(String($urlG)+"/api/acciones",{
         method: 'GET',
         headers: {
           'Auth' : String(token),
diff --git a/Front/src/Componentes/RowPropiedad.svelte b/Front/src/Componentes/RowPropiedad.svelte
index 486fde6..9dbe304 100644
--- a/Front/src/Componentes/RowPropiedad.svelte
+++ b/Front/src/Componentes/RowPropiedad.svelte
@@ -5,6 +5,8 @@
 
   let { id, ubicacion, tipo, letra, piso,canthabitaciones, servicios, btnbaja = "Baja" }  = $props();
 
+	import { urlG } from "../stores/urlStore";
+
   let modal: boolean = $state(false);
   let modalpayload: string = $state("");
   
@@ -17,7 +19,7 @@
   async function BajaPropiedad(){
     modal = false;
     try {
-      const responce = await fetch("http://localhost:5007/api/propiedad?id="+id, {
+      const responce = await fetch(String($urlG)+"/api/propiedad?id="+id, {
         method: "DELETE",
         headers:{
           'Auth' : String(sessionStorage.getItem("token")),
diff --git a/Front/src/Componentes/RutaProtegida.svelte b/Front/src/Componentes/RutaProtegida.svelte
index 99d9de7..75cb60a 100644
--- a/Front/src/Componentes/RutaProtegida.svelte
+++ b/Front/src/Componentes/RutaProtegida.svelte
@@ -1,54 +1,54 @@
 <script>
-    import { onMount } from 'svelte';
-    import { navigate } from 'svelte-routing'; 
-    import { writable } from 'svelte/store';
+  import { onMount } from 'svelte';
+  import { navigate } from 'svelte-routing'; 
+  import { writable } from 'svelte/store';
 
+  import { urlG } from "../stores/urlStore";
 
-    let { componente } = $props();  
+  let { componente } = $props();  
   
-    const isAuthenticated = writable(false); 
-    const isVerified = writable(false); 
+  const isAuthenticated = writable(false); 
+  const isVerified = writable(false); 
   
-    const redirect = window.location.pathname;
-    const email = localStorage.getItem('email');
-    const token = sessionStorage.getItem('token');
+  const redirect = window.location.pathname;
+  const email = localStorage.getItem('email');
+  const token = sessionStorage.getItem('token');
   
-    const handleAccess = async () => {
-      try {
-        const response = await fetch('http://127.0.0.1:5007/api/login/validar', {
-          method: 'POST',
-          headers: {
-            'Auth': String(token),
-            'Content-Type': 'application/json',
-          },
-          body: JSON.stringify({ email, redirect }),
-          credentials: "include"
-        });
-  
-        if (response.ok) {
-          isAuthenticated.set(true); // Actualiza el store
-        }
-      } catch (error) {
-        console.error('Error durante la autenticación:', error);
-      } finally {
-        isVerified.set(true); // Marca la verificación como completada
+  const handleAccess = async () => {
+    try {
+      const response = await fetch('http://127.0.0.1:5007/api/login/validar', {
+        method: 'POST',
+        headers: {
+          'Auth': String(token),
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({ email, redirect }),
+        credentials: "include"
+      });
+
+      if (response.ok) {
+        isAuthenticated.set(true); // Actualiza el store
       }
-    };
+    } catch (error) {
+      console.error('Error durante la autenticación:', error);
+    } finally {
+      isVerified.set(true); // Marca la verificación como completada
+    }
+  };
   
-    onMount(() => {
-      handleAccess();
-    });
-  </script>
+  onMount(() => {
+    handleAccess();
+  });
+</script>
   
-  {#if !$isVerified}
-    <div class="spinner-border position-absolute top-50 start-50 translate-middle" role="status">
-      <span class="visually-hidden">Cargando</span>
-    </div>
+{#if !$isVerified}
+  <div class="spinner-border position-absolute top-50 start-50 translate-middle" role="status">
+    <span class="visually-hidden">Cargando</span>
+  </div>
+{:else}
+  {#if $isAuthenticated}
+    {@render componente()}
   {:else}
-    {#if $isAuthenticated}
-      {@render componente()}
-    {:else}
-      {navigate('/')}  
-    {/if}
+    {navigate('/')}  
   {/if}
-  
\ No newline at end of file
+{/if}  
diff --git a/Front/src/Componentes/login.svelte b/Front/src/Componentes/login.svelte
index 34a432c..3c1ad6b 100644
--- a/Front/src/Componentes/login.svelte
+++ b/Front/src/Componentes/login.svelte
@@ -1,6 +1,7 @@
 <script>
   import { CardHeader, CardTitle, Button, Card, Input, Form, CardBody, FormGroup } from '@sveltestrap/sveltestrap';
   import { navigate } from 'svelte-routing';
+	import { urlG } from "../stores/urlStore";
   
   let email = $state("")
   let contraseña = $state("")
@@ -12,7 +13,7 @@
     
     const data = {email, contraseña};
     try{
-      const response = await fetch("http://127.0.0.1:5007/api/login",{ 
+      const response = await fetch(String($urlG)+"/api/login",{ 
         method: 'POST',
         headers: {
           'Content-Type': 'application/json'
diff --git a/Front/src/paginas/MisPropiedades.svelte b/Front/src/paginas/MisPropiedades.svelte
index f30e350..f5c40d9 100644
--- a/Front/src/paginas/MisPropiedades.svelte
+++ b/Front/src/paginas/MisPropiedades.svelte
@@ -4,6 +4,7 @@
   import { writable } from 'svelte/store';
   import RowPropiedad from "../Componentes/RowPropiedad.svelte";
   import type { PropiedadDto } from "../types";
+  import { urlG } from "../stores/urlStore";
 
   let propiedades = writable<PropiedadDto[]>([]);
   let email = localStorage.getItem("email");
@@ -13,7 +14,7 @@
 
   onMount(async ()=> {
     try {
-      const responce = await fetch("http://localhost:5007/api/propiedades/Propietario", {
+      const responce = await fetch(String($urlG)+"/api/propiedades/Propietario", {
         method: "GET",
         headers: {
           'Auth': String(token),
diff --git a/Front/src/paginas/MisPropiedadesDeBaja.svelte b/Front/src/paginas/MisPropiedadesDeBaja.svelte
index a063f0f..c265377 100644
--- a/Front/src/paginas/MisPropiedadesDeBaja.svelte
+++ b/Front/src/paginas/MisPropiedadesDeBaja.svelte
@@ -4,6 +4,7 @@
   import { writable } from 'svelte/store';
   import RowPropiedad from "../Componentes/RowPropiedad.svelte";
   import type { PropiedadDto } from "../types";
+  import { urlG } from "../stores/urlStore";
 
   let propiedades = writable<PropiedadDto[]>([]);
   let email = localStorage.getItem("email");
@@ -13,7 +14,7 @@
 
   onMount(async ()=> {
     try {
-      const responce = await fetch("http://localhost:5007/api/propiedades/Propietario/Bajas", {
+      const responce = await fetch(String($urlG)+"/api/propiedades/Propietario/Bajas", {
         method: "GET",
         headers: {
           'Auth': String(token),
diff --git a/Front/src/paginas/PublicarPropiedad.svelte b/Front/src/paginas/PublicarPropiedad.svelte
index 8b9eb05..ebfb256 100644
--- a/Front/src/paginas/PublicarPropiedad.svelte
+++ b/Front/src/paginas/PublicarPropiedad.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-    import { writable } from "svelte/store";  // Importar writable para los estados
     import ModalEstatico from "../Componentes/ModalEstatico.svelte";
     import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
     import BarraHorizontalConTexto from "../Componentes/BarraHorizontalConTexto.svelte";
     import type { Propiedad } from "../types";
+    import { urlG } from "../stores/urlStore";
 
     let propiedad: Propiedad = {
         ubicacion: "",
@@ -22,7 +22,7 @@
         e.preventDefault();
         mostrarModal = false;
         try {
-            const response = await fetch("http://localhost:5007/api/propiedad", {
+            const response = await fetch(String($urlG)+"/api/propiedad", {
                 method: 'POST',
                 headers: {
                     'Auth': String(token),
diff --git a/Front/src/paginas/inquilino.svelte b/Front/src/paginas/inquilino.svelte
index 69f084a..ec1a2d9 100644
--- a/Front/src/paginas/inquilino.svelte
+++ b/Front/src/paginas/inquilino.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
     import FormPostInq from "../Componentes/FormPostCli.svelte";
     import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
+    import { urlG } from "../stores/urlStore";
     import TextBar  from "../Componentes/BarraHorizontalConTexto.svelte";
 </script>
 
@@ -29,7 +30,7 @@
         </div>
         <div class="col">
             <br>
-            <FormPostInq url="http://127.0.0.1:5007/api/inquilino"/>
+            <FormPostInq url={String($urlG)+"/api/inquilino"}/>
         </div>
     </div>
 </div>
diff --git a/Front/src/paginas/propietario.svelte b/Front/src/paginas/propietario.svelte
index b551918..3f6ffb2 100644
--- a/Front/src/paginas/propietario.svelte
+++ b/Front/src/paginas/propietario.svelte
@@ -2,6 +2,7 @@
     import FormPostInq from "../Componentes/FormPostCli.svelte";
     import NavBarAutocompletable from "../Componentes/NavBarAutocompletable.svelte";
     import TextBar  from "../Componentes/BarraHorizontalConTexto.svelte";
+    import { urlG } from "../stores/urlStore";
 </script>
 
 <NavBarAutocompletable/>
@@ -28,7 +29,7 @@
         </div>
         <div class="col">
             <br>
-            <FormPostInq url="http://127.0.0.1:5007/api/propietario"/>
+            <FormPostInq url={String($urlG)+'/api/propietario'}/>
         </div>
     </div>
 </div>