Merge pull request #59 from FraanBat/Rama_Franco

Rama franco
FraanBat · Jun 30, 2024 · 7bdfbe3 · 7bdfbe3
2 parents 4f0d03f + 5fe1b91
commit 7bdfbe3
Show file tree

Hide file tree

Showing 11 changed files with 142 additions and 88 deletions.
diff --git a/index.html b/index.html
@@ -78,7 +78,6 @@ <h2 id="acercaDeCasaLista">¿Dónde tenemos cobertura?</h2>
     <script src="static/js/headerIndex.js"></script>
     <script src="static/js/index.js"></script>
     <script src="static/js/buscarListadoEspecialistas.js"></script>
-    <script src="static/js/buscarHistorialEspecialistas.js"></script>
     <script src="static/js/footer.js"></script>
 </body>
 

diff --git a/static/css/detalle.css b/static/css/detalle.css
@@ -45,7 +45,7 @@ main a {
     margin-top: 4%;
     margin-left: 1%;
     border-radius: 30%;
-    max-width: 100%;
+    width: 240px;
     height: auto;
 
 }
@@ -131,7 +131,7 @@ main p {
         margin-top: 15%;
         margin-left: 10%;
         border-radius: 30%;
-        max-width: 100%;
+        width: 130px;
         height: auto;
         border: double var(--color-fondo);
     }
@@ -160,9 +160,9 @@ main p {
     .foto {
         margin: 0;
         margin-top: 20%;
-        margin-left: 20%;
+        margin-left: 25%;
         border-radius: 30%;
-        max-width: 100%;
+        width: 200px;
         height: auto;
         border: double var(--color-fondo);
     }
@@ -203,7 +203,7 @@ main p {
     }
 
     .foto {
-        margin-left: 15%;
+        margin-left: 23%;
     }
 
     .medio {
@@ -230,7 +230,7 @@ main p {
     }
 
     .foto {
-        margin-left: 10%;
+        margin-left: 18%;
     }
 
     .medio {

diff --git a/static/css/trabajador.css b/static/css/trabajador.css
@@ -33,10 +33,8 @@ main h2 {
 .foto {
     margin: 10%;
     margin-left: 15%;
-    border-radius: 30%;
     max-width: 100%;
     height: auto;
-    border: outset #B6DAB8;
 }
 
 .derecha {
@@ -171,15 +169,13 @@ input[type="radio"]:checked~.star {
 
     .foto {
         margin: 20%;
-        border-radius: 30%;
         max-width: 100%;
         height: auto;
-        border: double #B6DAB8;
     }
 
 
     .derecha {
-        margin-left: 0;
+        margin-left: 20%;
         margin-top: 0;
         max-width: 100%;
         height: auto;
@@ -206,4 +202,8 @@ input[type="radio"]:checked~.star {
     .comentario {
         max-width: 10%;
     }
+
+    textarea{
+        width: 80%;
+    }
 }
diff --git a/static/js/buscarHistorialEspecialistas.js b/static/js/buscarHistorialEspecialistas.js
diff --git a/static/js/detalle.js b/static/js/detalle.js
@@ -4,6 +4,16 @@ const mostrarDetalleEspecialista = function () {
 
     const seccionEspecialista = document.getElementById("detalleEspecialista")
     const especialistaContenido = document.createElement("div")
+
+    valoracionEspecialista = ""
+
+    if(detalleEspecialista.valoracion > 0){
+        valoracionEspecialista = `${Math.floor(detalleEspecialista.valoracion)}/5 ⭐`
+    }
+    else{
+        valoracionEspecialista = `Sin evaluar`
+    }
+
     especialistaContenido.innerHTML = `
     <div class="fila1">
             <div class="imagen"><img class="foto" src="${detalleEspecialista.foto_perfil}" alt="imagen"></div>
@@ -18,7 +28,7 @@ ${detalleEspecialista.apellido} ${detalleEspecialista.nombre}
          <p>
 Teléfono: ${detalleEspecialista.telefono}
 Zona: ${detalleEspecialista.zona}
-Valoración: ${Math.floor(detalleEspecialista.valoracion)}/5 ⭐</p>
+Valoración: ${valoracionEspecialista}</p>
             </div>
         </div>
         <div class="fila2">
@@ -29,7 +39,7 @@ Valoración: ${Math.floor(detalleEspecialista.valoracion)}/5 ⭐</p>
             </p>
             
         </div>
-        <div class="fila3"><button class="boton" onclick="confirmarPedido()">Confirmar</button>
+        <div class="fila3"><button class="boton" onclick="confirmarPedido(${detalleEspecialista.id})">Confirmar</button>
         </div>
         <div class="fila4">
             <h4>Opiniones sobre el profesional</h4>
@@ -43,9 +53,31 @@ Valoración: ${Math.floor(detalleEspecialista.valoracion)}/5 ⭐</p>
     seccionEspecialista.appendChild(especialistaContenido)
 }
 
-const confirmarPedido = function () {
-    alert("Pedido confirmado")
-    window.location.replace("servicios.html")
+const confirmarPedido = idEspecialista => {
+
+    let url = "http://127.0.0.1:5000/altaPedido"
+
+    let datosPedido = {
+        clienteId: parseInt(localStorage.getItem("usuarioLogueado")),
+        profesionalId: idEspecialista
+    }
+
+    let options = {
+        body: JSON.stringify(datosPedido),
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        redirect: 'follow'
+    }
+
+    fetch(url, options)
+                .then(function(){
+                    alert("Pedido confirmado")
+                    window.location.replace("servicios.html")
+                })
+                .catch(err => {
+                    alert("Error al grabar" )
+                    console.error(err);
+                })
 }
 
 mostrarDetalleEspecialista()
diff --git a/static/js/historial.js b/static/js/historial.js
@@ -16,7 +16,7 @@ ${especialista.apellido} ${especialista.nombre}</h3>
                 <p><strong>Fecha de realización: ${especialista.fecha_trabajo}</strong></p>
             <p>Dejar comentario 
             
-           <span class="boton" onclick="enviarDetalleHistorial(${especialista.id})"> Click </span>
+           <span class="boton" onclick="enviarDetalleHistorial(${especialista.id_pedido})"> Click </span>
                 </p>
             </div>
         `
@@ -26,9 +26,23 @@ ${especialista.apellido} ${especialista.nombre}</h3>
     especialistas.append(...especialistaHistorial)
 }
 
-const enviarDetalleHistorial = function (idEspecialista) {
-    sessionStorage.setItem("historialEspecialistaDetalle", idEspecialista)
+const enviarDetalleHistorial = function (idPedido) {
+    sessionStorage.setItem("historialEspecialistaDetalle", idPedido)
     window.location.replace("../templates/trabajador.html")
 }
 
-mostrarHistorialEspecialistas(JSON.parse(sessionStorage.getItem("historialEspecialistas")))
+const obtenerHistorial = function(){
+    fetch("http://127.0.0.1:5000/solicitarHistorial/" + localStorage.getItem("usuarioLogueado"))
+    .then(response => response.json())
+    .then(data => {
+        if(data.length == 0){
+            alert("No hay pedidos sin evaluar")
+        }
+        else{
+            mostrarHistorialEspecialistas(data)
+        }
+    })
+    .catch(error => console.error(error))
+}
+
+obtenerHistorial()
diff --git a/static/js/pedidos.js b/static/js/pedidos.js
@@ -33,59 +33,34 @@ const mostrarPedidos = function (listadoPedidosUsuario) {
 
 const cargarPedidos = function () {
 
-    let listadoPedidosUsuario
-
-    if (localStorage.getItem("listadoPedidos") === null) {
-        fetch(`https://api.mockaroo.com/api/9b6045e0?count=6&key=b59cfd90`)
-            .then(response => response.json())
-            .then(data => {
-                listadoPedidosUsuario = { id: identificadorUsuarioActual, pedidos: data }
-                listadoPedidos.push(listadoPedidosUsuario)
-                localStorage.setItem("listadoPedidos", JSON.stringify(listadoPedidos))
-                mostrarPedidos(listadoPedidosUsuario.pedidos)
-            })
-    }
-    else {
-        listadoPedidos = JSON.parse(localStorage.getItem("listadoPedidos"))
-        listadoPedidosUsuario = listadoPedidos.find(especialistaBuscado => especialistaBuscado.id === identificadorUsuarioActual)
-        if (listadoPedidosUsuario === undefined || listadoPedidosUsuario.pedidos.length === 0) {
-            fetch(`https://api.mockaroo.com/api/9b6045e0?count=6&key=b59cfd90`)
-                .then(response => response.json())
-                .then(data => {
-                    listadoPedidosUsuario = { id: identificadorUsuarioActual, pedidos: data }
-                    listadoPedidos.push(listadoPedidosUsuario)
-                    localStorage.setItem("listadoPedidos", JSON.stringify(listadoPedidos))
-                    mostrarPedidos(listadoPedidosUsuario.pedidos)
-                })
-                .catch(error => console.error(error))
+    fetch("http://127.0.0.1:5000/solicitarPedidos/" + localStorage.getItem("usuarioLogueado"))
+        .then(response => response.json())
+        .then(data => {
+        if(data.length === 0){
+            alert("No hay pedidos pendientes")
         }
-        else {
-            mostrarPedidos(listadoPedidosUsuario.pedidos)
+        else{
+            mostrarPedidos(data)
         }
-    }
+    })
+    .catch(error => console.error(error))
 }
 
 const pedidoRealizado = function (idPedido) {
-    let usuarioPedidos = listadoPedidos.find(especialistaBuscado => especialistaBuscado.id === identificadorUsuarioActual) //Contiene la información sobre pedidos de un usuario en particular
-    const listadoPedidosUsuario = usuarioPedidos.pedidos //Contiene la información de los pedidos del usuario
-    const pedidoRealizado = listadoPedidosUsuario.findIndex(pedido => pedido.id === idPedido) //Contiene la posición del pedido realizado
-
-    listadoPedidosUsuario.splice(pedidoRealizado, 1)
 
-    if (listadoPedidosUsuario.length > 0) {
-        usuarioPedidos = { id: identificadorUsuarioActual, pedidos: listadoPedidosUsuario }
-        listadoPedidos[listadoPedidos.findIndex(usuario => usuario.id === identificadorUsuarioActual)] = usuarioPedidos
+    let url = "http://127.0.0.1:5000/pedidoRealizado/" + idPedido
+    let options = {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' }
     }
-
-    else {
-        listadoPedidos.splice(listadoPedidos.findIndex(usuario => usuario.id === identificadorUsuarioActual), 1)
-        alert("No cuenta con pedidos pendientes")
-    }
-
-    localStorage.setItem("listadoPedidos", JSON.stringify(listadoPedidos))
-
-    mostrarPedidos(usuarioPedidos.pedidos)
-
+    fetch(url, options)
+        .then(function(){
+            window.location.reload()
+        })
+        .catch(err => {
+            console.error(err);
+            alert("Error al Modificar")
+        })
 }
 
 cargarPedidos()
diff --git a/static/js/perfil.js b/static/js/perfil.js
@@ -127,7 +127,6 @@ const actualizarDatosUsuario = function(perfilUsuario){
             window.location.replace("../index.html")
         })
         .catch(err => {
-            this.error = true
             console.error(err);
             alert("Error al Modificar")
         })

diff --git a/static/js/registro.js b/static/js/registro.js
@@ -94,7 +94,6 @@ document.getElementById("altaUsuario").addEventListener('submit', function (even
 
                 )
                 .catch(err => {
-                    //this.errored = true
                     alert("Error al grabar" )
                     console.error(err);
                 })