menu integrado en home

jcsalinas20 · jcsalinas20 · commit 988449048ebf · 2020-03-10T17:26:07.000+01:00
diff --git a/www/pages/home/home.html b/www/pages/home/home.html
@@ -40,13 +40,15 @@
     </script>
     <iframe style="display: none; position: absolute; z-index: 2;" id="frame-preload" src="../preload/preload.html"
         frameborder="0" width="100%" height="100%"></iframe>
-        
+
     <div style="z-index: 1; display: none; background-color: #69696970;" id="container-frame-cambio-password"
         class="col s12 frames">
         <iframe rel="preload" id="frame-password" src="../cambioPassword/cambioPassword.html" frameborder="0"
             width="90%" height="60%"></iframe>
     </div>
 
+    <iframe style="position: absolute; z-index: 2;" frameborder="0" id="frameHome" width="100%" height="100%" src="../menu/menu.html">
+    </iframe>
     <!--IFrame de Noticias o Home-->
     <div id="container-frame-home" class="col s12 frames">
         <iframe frameborder="0" id="frameHome" width="100%" height="87%" src="./noticias/noticias.html">
diff --git a/www/pages/home/home.js b/www/pages/home/home.js
@@ -1,23 +1,23 @@
 function primerInicioSesion(user) {
     $.ajax({
-        type: "GET",
-        url: `https://api-ico.herokuapp.com/api/${user}/primer-inicio-sesion`,
-        crossDomain: true,
-        dataType: "json"
-    })
-        .done(function(res) {
+            type: "GET",
+            url: `https://api-ico.herokuapp.com/api/${user}/primer-inicio-sesion`,
+            crossDomain: true,
+            dataType: "json"
+        })
+        .done(function (res) {
             if (res) {
                 delayPopUp()
             }
         })
-        .fail(function() {
-            alert("No se pudo establecer conexión con el servidor")
+        .fail(function () {
+            activateToast("No se pudo establecer conexión con el servidor")
         })
 }
 
 function delayPopUp() {
     // Comprobar si es el primer inicio sesion
-    window.onload = function() {
+    window.onload = function () {
         setTimeout(loadPopUp, 3000) // Esperar 3 segundos
     }
 }
@@ -33,9 +33,9 @@ function getParameterByName(name) {
     name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]")
     var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
         results = regex.exec(location.search)
-    return results === null
-        ? ""
-        : decodeURIComponent(results[1].replace(/\+/g, " "))
+    return results === null ?
+        "" :
+        decodeURIComponent(results[1].replace(/\+/g, " "))
 }
 
 function activateToast(mensaje) {
diff --git a/www/pages/menu/menu.css b/www/pages/menu/menu.css
@@ -45,8 +45,14 @@
     z-index: 2000;
 }
 
+#titulo {
+    color: white;
+    font-weight: bold;
+    margin-top: 25%;
+    text-shadow: 0 0 3px black;
+}
+
 .navbar-page ul {
-    margin-top: 40%;
     text-align: center;
     display: flex;
     flex-direction: column;
@@ -76,6 +82,7 @@ p {
     font-size: 20px;
     text-decoration: none;
     text-transform: none;
+    text-shadow: 0 0 2px black;
 }
 
 .navbar-page ul li .social-media-list li {
diff --git a/www/pages/menu/menu.html b/www/pages/menu/menu.html
@@ -42,7 +42,7 @@
     </script>
 </head>
 
-<body>
+<body style="background-color: unset;">
     <div class="principal-header">
         <div class="container"><svg onclick="mostrarMenu()" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 386 386"
                 id="hamburger" data-asu="0">
@@ -57,7 +57,11 @@
             </svg>
         </div>
         <div id="menu" class="navbar-page open-page-navbar">
+            <h1 id="titulo">ICO</h1>
             <ul>
+                <li>
+                    <div class="linea-divisoria"></div>
+                </li>
                 <li><a href="/">Home</a></li>
                 <li><a href="/ong">Guía</a></li>
                 <li><a href="/about">Perfil</a></li>
