agregar comentario co nfirebase

.firebase/hosting.cHVibGlj.cache

@@ -0,0 +1,48 @@
+main.js,1592635246000,5e6d7c98304113a1037cdce89b59e0f7e10efc754f2d858f1217d6749243ff36
+index.html,1592783904000,d2322ab1dfe5e7d58e4815522f4058e9fa71f33a6d29367c1a9d3e362a2216f0
+image/Ellipse.png,1592622816000,7b28e9cba74f4a18d86a0a05e52d147a599f412b092163756f2634ba7257036a
+image/Vector Enviar.png,1592622816000,ae3c04abcbadd60fcafbf55bddd7d74addca50faf2dafb2b3828621b1dc1a5ba
+image/Vector Recomiendo.png,1592622816000,b40faf4a61702c4158c0f6873676f6e705d42265abafa4107dd4fdfd5781ebc3
+image/VectorCasa.png,1592622816000,7395715eabbf615ec91bba48d54bcc113cd89bddb652b380323b11c86a8a7515
+image/buttonGoogle.png,1592622816000,efdb66b628c5d246d316ba7b00ed5d65f7c806276196751a96f9679a9d41bec3
+image/cerrarSesion.png,1592622816000,35c89bf2687d75cdea1578a82652fe9027dd9eb36b71d751aca9a91387f6d068
+style.css,1592799510901,94c9e44e78f7ba8b99215b341a127378a0fd5fe61e13ec0117fd2fa8e87f2d09
+image/favicon.jpg,1592635246000,cee0a2d4cad4e5d0987ea8cbe7f8b034c73b76f513fa26c06daf6a6161049758
+image/google1.png,1592622816000,9fa2f117d97a78ad5643a5212de81e69103552ba3a4822ad89df2e0473eaf8c1
+image/inputEmail.png,1592622816000,16de602bb53a294fc5d335db1b7df963fe4b4ab746ebc9bd1c244fa14aa3eead
+image/inputPass.png,1592622816000,54dcfabfe3e7f9c96453bdd8a8c4738e029c7882b571826617c3345fd20cc906
+image/new-email-outlined-envelope-back 1.png,1592622816000,3bb7b134d823633a3116a5d4242f6fadcda7d213a28b4f4cb886a724da197938
+image/padlock 1.png,1592622816000,8bc91ffb3eb8332a58de140ccbf88caf91b9052550713d3f86d6d904a31a5e55
+image/usercian 1.png,1592622816000,4a96f4d34fea4edb7c40afec29a8c430436796c7f34c4ed6869d7df9e75d1e4e
+lib/index.js,1592783904000,2b0c80c93df58d19583020ff12fb0067f8d7a9b4a0c7d15a579d736ac0a061f0
+lib/storage.js,1592783904000,489d5376830725080fbe7659291f56633b3ef9c1e29a92282394fb2f1a9ba880
+lib/router.js,1591627330000,059e481396c86087077ca0bc5e3b15df68c0a8e3d0a921cf0a187524c41e89f3
+lib/view/templateLogin.js,1592622816000,f9a10c61e703620945714937a1974329d76c55169d53ee9d6386362f3b2ffefb
+lib/view/templateMenu.js,1591627330000,43053abd1a945c6f1f5b572ba24e46cee863951e9e88b37fc3e2de0f4f41f378
+lib/view/templateRpassword.js,1592635246000,7c098da3bedd345289743252ee4f37d5bf404cd65785cc3b25d139bd29127a37
+lib/view/filtros/mostrarFiltros.js,1592783904000,47f3c17c9060d3bd9beeb8f27a7fded9afd7910f481c4bba111c56056778c88c
+lib/viewController.js,1592788025907,82b121156400d26770cd351218e108711140cd72629d8999ec83b29d0a9756e7
+image/basura.png,1592783904000,baee609c55f12078813b342fb5dd407ecf5690353dd9964dbf57df7bcaf48644
+lib/view/templateHome.js,1592799101248,4179d3e674b40d20107b9175597ba01e039210fef7432ab22001651609c4e674
+image/editar.png,1592783904000,ab20e8af8b90934f4a1f54df6c0e06446eab904541e9af77d9883784e0dae893
+lib/view/templateRegistro.js,1592635246000,3e721f9204fb53fe1a7a5b0abb639b47bd62ff103a18a4c91f7db5aff4401856
+lib/view/templatePersonal.js,1592622816000,5ea471fd2949d1153954c4661276de887a79b8b8a0bb27384b026a8a34f203c4
+lib/view/templatePublicacion.js,1592622816000,e5cbc15f8f749a07eedc9b80e2cc83a904fe2aaadfb94feb33c19b5332636b8d
+image/logo.jpg,1592622816000,07ee7aabd33a43c628db19f19ea0bfe49a2b91aa93a2347e00457efdab519a83
+fonts/Roboto-Regular.ttf,1592622816000,c9f92c828c35b0140fa1e745a77ac49328db29c96914f328596c637983e59b79
+fonts/Roboto-Bold.ttf,1592622816000,24c16ebd91ea810a6ff6d3464799b593f0e83d4dd66804da5d7eeb1912ddd43f
+image/login/termasEscritorio.jpg,1592622816000,809b5d61420a9bc365527a27bff8607335231253ac111fb3a3bad3ab74f0ec5e
+image/login/muelleEscritorio - copia.jpg,1592622816000,1060565818378c9e1ee1320ac1e24d673bf249ae10c3fc3a5818a173755ddd77
+fonts/Brushstrike trial.ttf,1592622816000,32a0406e5b421ef5783cacc109e944ce6de34d4ea89413bd6851777568216d31
+image/login/muelleEscritorio.jpg,1592622816000,dfb8167e762912deb0fd8efd67b06516d5f4c5b95ab67afbe2fe95cf2c9d3b1a
+image/login/fRecuperar.jpg,1592622816000,8b435b9e05e4833d4c2d6504222d3d7c3df0e832e8d87d6ad8ec9bfc556f2bba
+image/login/recuperarcelu.jpg,1592622816000,b245760ea598e6fb04c71c1b511c7db73926e033d44b3db425927c739afef948
+image/login/moais.jpg,1592622816000,520f4a5f5109c1af659fb0b9857fb2f7f83ef2336672f10691dcac69ae675cb1
+image/login/moaiscelu.jpg,1592622816000,7d84991636c8e135bdfff096418d8e706fac61c21bc477a647e9fd8b0ebbec67
+image/puente.png,1592622816000,e989f62300bb5a76ed5ca164a7ed7e40e56031752dfaf750903802c6dedfa3df
+image/login/torres.png,1592622816000,8067a930ba64333804b53888d751dcf1f6b6800f522f5cae62841d73d7ee1748
+image/login/iglesia-machuca 1.png,1592622816000,82a3b0eb42e398660f218da793e385e9705400dbf753a2a72a13c65a004a9f86
+image/login/Queulat_glaciar_24 1.png,1592622816000,75f8b1809d528dfd4b9df4991770d4ea461cbfd7788f50ae6a859c524d53bdf3
+image/login/torresEscritorio.png,1592622816000,50d781c40cefda5213ce79342147340ebf7b3f7e41dc033c08c1f310eddf54dc
+image/login/iglesiaEscritorio.png,1592622816000,820cda73a4c83465a34ee19ac0ff9ae903217564b180bb36b20cdeb622870b17
+image/login/cascadaEscritorio.png,1592622816000,5aba393c7778c4f7096afcfaf42eb57faa7f3a0e907995b3c87922bfb122344e

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "picadelviajero"
+  }
+}

firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "public",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

package.json

@@ -22,10 +22,14 @@
     "@babel/plugin-transform-modules-commonjs": "^7.2.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^24.8.0",
-    "eslint": "^6.0.1",
+    "eslint": "^6.8.0",
     "eslint-config-airbnb-base": "^13.2.0",
-    "eslint-plugin-import": "^2.18.2",
+    "eslint-config-standard": "^14.1.1",
+    "eslint-plugin-import": "^2.21.2",
     "eslint-plugin-jest": "^22.1.2",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^4.2.1",
+    "eslint-plugin-standard": "^4.0.1",
     "htmlhint": "^0.11.0",
     "jest": "^24.8.0",
     "regenerator-runtime": "^0.13.1",

public/index.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Document</title>
+  <link href="./style.css" rel="stylesheet" type="text/css">
+  <link  rel="icon"   href="image/favicon.jpg" type="image/png" />
+
+
+  <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-app.js"></script>
+
+  <!-- Add Firebase products that you want to use -->
+  <script src="https://www.gstatic.com/firebasejs/7.14.6//firebase-auth.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/7.14.6//firebase-firestore.js"></script> 
+  <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-database.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-functions.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-storage.js"></script>
+
+  <script>
+    // Your web app's Firebase configuration
+    var firebaseConfig = {
+      apiKey: "AIzaSyC98N0cszSAsZQnhw7Xhvr6RoFpy0Q9VIg",
+      authDomain: "picadelviajero.firebaseapp.com",
+      databaseURL: "https://picadelviajero.firebaseio.com",
+      projectId: "picadelviajero",
+      storageBucket: "gs://picadelviajero.appspot.com",
+      messagingSenderId: "965279866776",
+      appId: "1:965279866776:web:6913e138c98b00e18a15ed"
+    };
+    // Initialize Firebase
+    firebase.initializeApp(firebaseConfig);
+
+  </script>
+
+</head>
+
+<body>
+  <div id="root"> </div>
+
+  <script type="module" src="main.js"></script>
+
+</body>
+
+</html>

public/lib/index.js

@@ -0,0 +1,43 @@
+// aqui exportaras las funciones que necesites
+
+export const db = firebase.firestore();
+
+export const storage = firebase.storage();
+
+export const enviarCorreo = () => {
+  firebase.auth().currentUser.sendEmailVerification().then(() => {
+    alert('¡Verificación de correo enviada!');
+  });
+};
+
+// Usuario loggeado
+export const user = () => firebase.auth().currentUser;
+
+// actualizar perfil de usuarios registrados por correo electronico
+/* export const updateUserProfile = (nombre, fotoperfil, onSuccess, onError) => {
+  const actualUser = firebase.auth().currentUser;
+  actualUser.updateProfile({
+    displayName: nombre,
+    photoURL: fotoperfil,
+  }).then((result) => {
+    onSuccess(result);
+  }).catch((error) => {
+    onError(error);
+  });
+}; */
+
+export const cerrarSesion = () => {
+  const btnCerrar = document.querySelector('#btnCerrar');
+  btnCerrar.addEventListener('click', () => {
+    firebase.auth().signOut();
+  });
+};
+
+export const eliminar = (id) => {
+  db.collection('publicaciones').doc(id).delete().then(() => {
+    console.log('Document successfully deleted!');
+  })
+    .catch((error) => {
+      console.error('Error removing document: ', error);
+    });
+};

public/lib/router.js

@@ -0,0 +1,85 @@
+import {
+    home
+} from "./view/templateHome.js";
+import {
+    muroPersonal
+} from "./view/templatePersonal.js";
+import {
+    menu
+} from "./view/templateMenu.js";
+import {
+    login
+} from "./view/templateLogin.js";
+import {
+    registro
+} from "./view/templateRegistro.js"
+
+// se crea un objeto con llave y valor , el cual tiene guardado los template con su #/(llave) y entrega el template(valor)
+const routes = {
+    '': {
+        //  requireAuth: false, //cuando el usuario no esta registrado
+        template: login,
+    },
+    '#/muroPersonal': {
+        //   requireAuth: true,
+        template: muroPersonal,
+    },
+    '#/home': {
+        // requireAuth: true, //si el usuario esta registrado puede ingresar al mmenu 
+        template: home,
+    },
+    '#/menu': {
+        // requireAuth: true, //si el usuario esta registrado puede ingresar al mmenu 
+        template: menu,
+    },
+    '#/registro': {
+        // requireAuth: true, //si el usuario esta registrado puede ingresar al mmenu 
+        template: registro,
+    },
+}
+
+//esta funcion recibe el hash
+export const changeRoute = (hash) => {
+    //  routes[hash] ? showTemplate(routes[hash]) : showTemplate(() => `<p>Esta página no existe</p>`);    // condicion ? sicumple : nocumpleeee;
+    if (routes[hash]) {
+        // if (routes[hash].requireAuth ) {
+        showTemplate(routes[hash].template);
+        console.log(routes[hash]);
+        // } else {
+        //     showTemplate(routes['#/login'].template)
+        // }
+    } else {
+        showTemplate(() => `<p>Esta página no existe</p>`)
+    }
+}
+
+//aqui ya recibe la pagina que tiene que mostrar (template)
+const showTemplate = (template) => {
+    const containerRoot = document.getElementById("root")
+    containerRoot.innerHTML = template();
+    //  containerRoot.appendChild(template());
+}
+
+/*
+    switch (hash) {
+        case '#/':
+            //   containerRoot.innerHTML = "";
+            containerRoot.appendChild(home());
+            break;  if (hash === `#/`) {
+                return showTemplate(hash)
+            } else if (hash === `#/muroPersonal`) {
+                return showTemplate(hash)
+            } else {
+                return showTemplate(hash)
+            }
+
+
+        case '#/muroPersonal':
+            //   containerRoot.innerHTML = "";
+
+            containerRoot.appendChild(muroPersonal());
+            break;
+        default:
+            containerRoot.innerHTML = `<h2>No existee pag </h2>`
+    }
+    */

public/lib/storage.js

@@ -0,0 +1,13 @@
+// firebase y archivos
+const storage = firebase.storage();
+
+export const uploadImagePost = (file, uid) => {
+  const refStorage = storage.ref(`ColeccionImg/${uid}/${file.name}`);
+  return refStorage.put(file).then(snapshot => snapshot.ref.getDownloadURL());
+};
+
+export const uploadPhotoProfile = (file, uid) => {
+  const refStoragePhoto = storage.ref(`imagePhotoProfile/${uid}/${file.name}`);
+  return refStoragePhoto.put(file).then(snapshot => snapshot.ref.getDownloadURL());
+};
+

public/lib/view/filtros/mostrarFiltros.js

@@ -0,0 +1,30 @@
+export const mostrarFiltros = (filtro) => {
+  const db = firebase.firestore();
+
+
+  db.collection('publicaciones').where('tipo', '==', filtro).onSnapshot((querySnapshot) => {
+    const idPublicacion = document.getElementById('contenedorMayor');
+    idPublicacion.innerHTML = '';
+
+    querySnapshot.forEach((doc) => {
+      idPublicacion.innerHTML += ` 
+        <div id="contenedorPublicacionEditar "data-publicacionEditar='${doc.id}'> 
+          <div id="contenedorPublicacion "data-publicacion="${doc.id}" > 
+            <div id="contenedorIdentidad"> 
+            <img id="fotoParticipante" src="${doc.data().fotoperfil}"/>
+            <p id="nombreUser"> ${doc.data().nombre}</p>
+          </div>
+          <div id="imagenPublicacion"> </div>
+          <div id="contenedorPubli"> 
+            <p id="textoPublicacion"> ${doc.data().post}</p>
+          </div> 
+          <p id="tipoPublicacion"> ${doc.data().tipo}</p>
+          <div id="interacciones">
+              <a id="btnCompartir"></a>
+              <a id="btnRecomiendo"></a>
+          </div>
+        </div>
+            `;
+    });
+  });
+};