Laboratoria · Constanza-Oreste · May 28, 2020 · Jun 4, 2020 · Jun 4, 2020 · Jun 4, 2020
diff --git a/README.md b/README.md
diff --git a/src/img/En-que-consiste-el-trueque-2.png b/src/img/En-que-consiste-el-trueque-2.png
diff --git a/src/img/Trueque-CriptoTendencia.jpg b/src/img/Trueque-CriptoTendencia.jpg
diff --git a/src/img/cancel.png b/src/img/cancel.png
diff --git a/src/img/comentar.png b/src/img/comentar.png
diff --git a/src/img/delete.png b/src/img/delete.png
diff --git a/src/img/google.png b/src/img/google.png
diff --git a/src/img/like.png b/src/img/like.png
diff --git a/src/img/logo3.png b/src/img/logo3.png
diff --git a/src/img/nofoto.jpeg b/src/img/nofoto.jpeg
diff --git a/src/img/readme/Reportemazzemission1.png b/src/img/readme/Reportemazzemission1.png
diff --git a/src/img/readme/Reportemazzemission2.png b/src/img/readme/Reportemazzemission2.png
diff --git a/src/img/readme/Reportemazzemission3.png b/src/img/readme/Reportemazzemission3.png
diff --git a/src/img/readme/Reportemazzemission4.png b/src/img/readme/Reportemazzemission4.png
diff --git a/src/img/readme/Reportemazzemission5.png b/src/img/readme/Reportemazzemission5.png
diff --git a/src/img/readme/Reportemazzemission6.png b/src/img/readme/Reportemazzemission6.png
diff --git a/src/img/readme/alta1.PNG b/src/img/readme/alta1.PNG
diff --git a/src/img/readme/alta2.PNG b/src/img/readme/alta2.PNG
diff --git a/src/img/readme/alta3.PNG b/src/img/readme/alta3.PNG
diff --git a/src/img/readme/alta4.PNG b/src/img/readme/alta4.PNG
diff --git a/src/img/readme/alta5.PNG b/src/img/readme/alta5.PNG
diff --git a/src/img/readme/altacel1.PNG b/src/img/readme/altacel1.PNG
diff --git a/src/img/readme/altacel2.PNG b/src/img/readme/altacel2.PNG
diff --git a/src/img/readme/altacel3.PNG b/src/img/readme/altacel3.PNG
diff --git a/src/img/readme/altacel4.PNG b/src/img/readme/altacel4.PNG
diff --git a/src/img/readme/altacel5.PNG b/src/img/readme/altacel5.PNG
diff --git a/src/img/readme/altatablet1.PNG b/src/img/readme/altatablet1.PNG
diff --git a/src/img/readme/altatablet2.PNG b/src/img/readme/altatablet2.PNG
diff --git a/src/img/readme/home 2.png b/src/img/readme/home 2.png
diff --git a/src/img/readme/home 3.png b/src/img/readme/home 3.png
diff --git a/src/img/readme/home 4.png b/src/img/readme/home 4.png
diff --git a/src/img/readme/home 5.png b/src/img/readme/home 5.png
diff --git a/src/img/readme/home 6.png b/src/img/readme/home 6.png
diff --git a/src/img/readme/home 7.png b/src/img/readme/home 7.png
diff --git a/src/img/readme/home1.png b/src/img/readme/home1.png
diff --git a/src/img/trueke 4.jpg b/src/img/trueke 4.jpg
diff --git a/src/img/trueque.jpg b/src/img/trueque.jpg
diff --git a/src/img/valores.jpg b/src/img/valores.jpg
diff --git a/src/index.html b/src/index.html
@@ -1,12 +1,34 @@
 <!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>
-</head>
+  <link rel="stylesheet" href="style.css" />
+  <title>El Trueke</title>
+</head> 
+
 <body>
-  <script type="module" src="main.js"></script>
+  <div id="root"></div>
+<script type="module" src="main.js"></script>
+<script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-app.js"></script>
+<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>
+  var firebaseConfig = {
+    apiKey: "AIzaSyB6PF4N0aAzpfXvVSq36sxn-Tus351zmDI",
+    authDomain: "el-trueke.firebaseapp.com",
+    databaseURL: "https://el-trueke.firebaseio.com",
+    projectId: "el-trueke",
+    storageBucket: "el-trueke.appspot.com",
+    messagingSenderId: "71095432017",
+    appId: "1:71095432017:web:673702cd565f52bb689970"
+  };
+  firebase.initializeApp(firebaseConfig);
+
+</script>
 </body>
-</html>
+</html>
+
diff --git a/src/lib/index.js b/src/lib/index.js
@@ -1,6 +1,225 @@
-// aqui exportaras las funciones que necesites
+/* eslint-disable no-alert */
+/* eslint-disable no-restricted-globals */
+/* eslint-disable no-console */
+/* eslint-disable no-use-before-define */
+/* eslint-disable object-shorthand */
+/* eslint-disable no-shadow */
+/* eslint-disable vars-on-top */
+/* eslint-disable no-var */
+/* eslint-disable no-undef */
+/* eslint-disable no-unused-vars */
+// Configuración de google
+// eslint-disable-next-line no-alert
+export const login = () => {
+  const provider = new firebase.auth.GoogleAuthProvider();
+  firebase.auth().signInWithPopup(provider)
+    .then(() => {
+      window.location.hash = '#/profile';
+      // const token = result.credential.accessToken;
+      const user = result.user;
+    }).catch((error) => {
+      // eslint-disable-next-line no-var
+      var errorCode = error.code;
+      var errorMessage = error.message;
+      var email = error.email;
+      var credential = error.credential;
+      // console.log('errorMessage',errorMessage);
+    });
+};
+
+// Mostrar nombre de usuario registrado en google
+export const dataUser = () => firebase.auth().currentUser;
+
+// Configuración de nuevo usuario
+export const createUser = () => {
+  const name = document.getElementById('name').value;
+  const lastname = document.getElementById('lastname').value;
+  const email = document.getElementById('emailSingIn').value;
+  const passwordSingIn = document.getElementById('passwordSingIn').value;
+
+  firebase.auth().createUserWithEmailAndPassword(email, passwordSingIn)
+    .then(() => {
+      const mensageSing = document.querySelector('#mensageSing');
+      mensageSing.innerHTML = '';
+      window.location.hash = '#/profile';
+      // alert ("Se registro Correctamente")
+    }).catch((error) => {
+      const errorCode = error.code;
+      if (errorCode === 'auth/invalid-email') {
+        mensageSing.innerHTML = 'Su email es invalido';
+      } if (errorCode === 'auth/weak-password') {
+        mensageSing.innerHTML = 'La contraseña debe tener 6 caracteres';
+      } if (errorCode === 'auth/email-already-in-use') {
+        mensageSing.innerHTML = 'La cuenta ya esta registrada';
+      }
+    });
+};
+
+// Configuracion de usuario registrado
+export const userLogin = (email, pass) => {
+  firebase.auth().signInWithEmailAndPassword(email, pass)
+    .then(() => {
+      const mensajes = document.querySelector('#mensajes');
+      mensajes.innerHTML = '';
+      window.location.hash = '#/profile';
+    })
+    .catch((error) => {
+      // Handle Errors here.
+      const errorCode = error.code;
+      // let errorMessage = error.message;
+      if (errorCode === 'auth/invalid-email') {
+        mensajes.innerHTML = 'Su email es invalido';
+      } if (errorCode === 'auth/user-not-found') {
+        mensajes.innerHTML = 'Usuario no esta registrado';
+      } if (errorCode === 'auth/wrong-password') {
+        mensajes.innerHTML = 'La contraseña es invalida';
+      }
+    });
+};
+
+
+// acceso a usuario que ya estan logeados, configurar observador firebase
+export const accesoUserLogin = (email, pass) => {
+  firebase.auth().onAuthStateChanged((user) => {
+    if (user) {
+      var displayName = user.displayName;
+      var email = user.email;
+      var emailVerified = user.emailVerified;
+      var photoURL = user.photoURL;
+      var isAnonymous = user.isAnonymous;
+      var uid = user.uid;
+      var providerData = user.providerData;
+    }
+  });
+};
+
+// Configuración de base de datos "Creando Post"
+export const createComment = () => {
+  // Funcion para guardar los comentarios
+  const comment = document.getElementById('txtcomment').value;
+  const user = firebase.auth().currentUser;
+  // console.log('llama la funcion');
+  let userName = user.displayName;
+  if (user.displayName == null) {
+    userName = user.email;
+  }
+
+  let userPhoto = user.photoURL;
+  if (user.photoURL == null) {
+    userPhoto = './img/nofoto.jpeg';
+  }
+  // Agregar comentarios
+  firebase.firestore().collection('comentarios').add({
+    nombre: userName,
+    user: user.uid,
+    photouser: userPhoto,
+    comment: comment,
+    fecha: new Date(),
+    likes: 0,
+  })
+    .then((docRef) => {
+      document.getElementById('txtcomment').value = '';
+      // console.log('Document written with ID: ', docRef.id);
+      postComments();
+    })
+    .catch((error) => {
+      console.error('Error adding document: ', error);
+    });
+};
+
+// leer datos desde base correcta
+export const postComments = (divProfile) => {
+  const publicar = divProfile.querySelector('#post');
+  firebase.firestore().collection('comentarios').orderBy('fecha', 'desc')
+    .onSnapshot((querySnapshot) => {
+      publicar.innerHTML = '';
+      querySnapshot.forEach((doc) => {
+        const span = document.createElement('span');
+        span.innerHTML = `
+        <div class="encabezadoPost">
+        <div class="fotoSpan">
+        <img class='perfilFoto' src="${doc.data().photouser}">
+        </div>
+        <div class="nombreSpan">
+        <p id='nombreUsuario'>${doc.data().nombre}</p>
+        <p id='fechaPublicado'>${new Date().toLocaleString()}</p>
+        </div>
+        </div>
+          <p class="cuadroEscribir">${doc.data().comment}</p>
+        <div class="botones">
+          <button id="btnsum"><img id="btnLike" src="./img/like.png"><span id="icon_${doc.id}">${doc.data().likes}</span></button>
+          <button id="btnDeletePost" data-id="${doc.id}"><img id="btnDelete" src="./img/delete.png"></button></td>
+          <button id="btnEditar" data-id="${doc.id}" data-comment="${doc.data().comment}">editar</button></td>
+        </div>
+            `;
+
+        const btnlike = span.querySelector('#btnsum');
+        btnlike.addEventListener('click', () => {
+          sumLike(doc.id, doc.data().likes);
+        });
+        const btnDelete = span.querySelector('#btnDeletePost');
+        btnDelete.addEventListener('click', () => {
+          const confirmar = confirm('¿Desea eliminar el Post?');
+          if (confirmar === true) {
+            deleteData(doc.id);
+          }
+        });
+
+        const btnEdit = span.querySelector('#btnEditar');
+        btnEdit.addEventListener('click', (event) => {
+          const confirmarEdi = confirm('¿Desea editar el Post?');
+          if (confirmarEdi === true) {
+            editComment(event);
+          }
+        });
+        publicar.appendChild(span);
+      });
+    });
+};
+export const sumLike = (idComment, likes) => {
+  firebase.firestore().collection('comentarios').doc(idComment).update({
+    likes: likes + 1,
+  });
+  document.getElementById(`icon_${idComment}`).innerHTML = likes + 1;
+};
+
+// borrar datos de cloud firestore
+export const deleteData = (id) => {
+  firebase.firestore().collection('comentarios').doc(id).delete()
+    .then(() => {
+      console.log('Document successfully deleted!');
+    })
+    .catch(() => {
+      console.error('Error removing document: ', error);
+    });
+};
+
+// Editar Comentario
+export const editComment = (event) => {
+  document.querySelector('#txtcomment').value = event.target.dataset.comment;
+  const btnEditComment = document.querySelector('#btnEditComment');
+  btnEditComment.addEventListener('click', () => {
+    const editFirebase = firebase.firestore().collection('comentarios').doc(event.target.dataset.id);
+    const postEdit = document.querySelector('#txtcomment').value;
+    return editFirebase.update({
+      comment: postEdit,
+    })
+      .then(() => {
+        document.getElementById('txtcomment').value = '';
+      })
+      .catch(() => {
+      });
+  });
+};
 
-export const myFunction = () => {
-  // aqui tu codigo
-  console.log('Hola mundo!');
+// cerrar Sesion.
+export const signOut = () => {
+  firebase.auth().signOut()
+    .then(() => {
+      window.location.hash = '#/';
+      // console.log ('correoLogin');
+      // Sign-out successful.
+    }).catch(() => {
+      // An error happened.
+    });
 };
diff --git a/src/lib/router.js b/src/lib/router.js
@@ -0,0 +1,39 @@
+/* eslint-disable quotes */
+import { home } from '../view/home.js';
+import { singIn } from '../view/singIn.js';
+import { profile } from '../view/profile.js';
+import { knowUs } from '../view/knowUs.js';
+
+
+export const showPages = (hash) => {
+  const containerRoot = document.getElementById('root');
+  containerRoot.innerHTML = '';
+
+  switch (hash) {
+    case '': containerRoot.appendChild(home());
+      break;
+    case '#/': containerRoot.appendChild(home());
+      break;
+    case '#/singIn': containerRoot.appendChild(singIn());
+      break;
+    case '#/profile': containerRoot.appendChild(profile());
+      break;
+    case '#/knowUs': containerRoot.appendChild(knowUs());
+      break;
+    default:
+      containerRoot.innerHTML = `<h2>'No existe'</h2>`;
+  }
+};
+
+export const changeRoute = (hash) => {
+  if (hash === '#/') {
+    return showPages(hash);
+  } if (hash === '#/singIn') {
+    return showPages(hash);
+  } if (hash === '#/profile') {
+    return showPages(hash);
+  } if (hash === '#/knowUs') {
+    return showPages(hash);
+  }
+  return showPages(hash);
+};
diff --git a/src/lib/validation.js b/src/lib/validation.js
@@ -0,0 +1,13 @@
+export const validationLogin = (email, pass) => {
+  if (email === '' || pass === '') {
+    return false;
+  }
+  return true;
+};
+
+export const validationPassLength = (pass) => {
+  if (pass.length < 6) {
+    return false;
+  }
+  return true;
+};
diff --git a/src/main.js b/src/main.js
@@ -1,5 +1,14 @@
-// Este es el punto de entrada de tu aplicacion
+import { menu } from './view/menu.js';
+import { changeRoute } from './lib/router.js';
 
-import { myFunction } from './lib/index.js';
+const init = () => {
+  document.getElementById('root').innerHTML = menu();
 
-myFunction();
+  window.addEventListener('hashchange', () => {
+    changeRoute(window.location.hash);
+  });
+  firebase.auth().onAuthStateChanged(() => {
+    changeRoute(window.location.hash);
+  });
+};
+window.addEventListener('load', init);