+
Autor:
+
+
+
+
+
+
+
+
+
+ Agrega una ilustración...
+
+
+
+
+
Publicar
+
+
+ `
+ navBar.style.display = 'block'
+ root.innerHTML = posts
+
+
+ //Nodos Imagen
+ const fileInput = document.querySelector("#file")
+ const sectionPosts = document.querySelector("#putPosts")
+ //Nodos publicación
+
+ const newPost = document.querySelector("#newPost")
+ newPost.addEventListener('click', readText)
+
+ readFile(fileInput, sectionPosts)
+
+ showPosts(sectionPosts)
+
+}
+
+function readFile(fileInput, sectionPosts) {
+ let url
+
+ //const fileInput = document.querySelector("#file")
+ fileInput.onchange = (e) => {
+ console.log(e);
+ let file = e.target.files[0]
+ console.log(file);
+ firebase.storage().ref("postsList").child(file.name).put(file)
+ .then(snap => {
+ console.log(snap);
+ return snap.ref.getDownloadURL()
+
+ })
+ .then(link => {
+ url = link
+ console.log(url);
+ const img = document.createElement('img')
+ img.src = url
+ sectionPosts.appendChild(img)
+ textImage()
+ })
+ .catch(err => {
+ alert("Error:", err);
+ })
+ }
+ function textImage() {
+ const text = document.querySelector('#body').value
+ const title = document.querySelector("#title").value
+ let user = firebase.auth().currentUser;
+ let post = {
+ title: title,
+ text: text,
+ user: user.displayName,
+ photo: user.photoURL,
+ date: new Date(),
+ img: url
+ }
+ addNewPost(post)
+ .then(res => {
+ console.log(res)
+ })
+ .catch(err => {
+ console.log("No hay nuevo post", err)
+ })
+
+ addPostBD(post)
+ }
+
+}
+
+function readText() {
+ const text = document.querySelector('#body').value
+ const title = document.querySelector("#title").value
+ let user = firebase.auth().currentUser;
+ console.log(user);
+
+ let post = {
+ title: title,
+ text: text,
+ user: user.name,
+ photo: user.photoURL,
+ date: new Date(),
+
+ }
+ addNewPost(post)
+ .then(res => {
+ console.log(res)
+ })
+ .catch(err => {
+ console.log("No hay nuevo post", err)
+ })
+ addPostBD(post)
+}
+//Esto agrega un post nuevo a la lista de posts
+
+
+//Funciones de Firebase
+
+//Se agrega el post a la collección postsList en la BD
+function addNewPost(post) {
+ return firebase.firestore().collection("postsList").add(post)
+
+
+}
+function dataBD() {
+ firebase.firestore().collection("postsList").get().then(function (docs) {
+ docs.forEach(function (doc) {
+ console.log(doc.id);
+ });
+ });
+}
+dataBD()
+
+
+//Se agregan los post al perfil del usuario
+function addPostBD(post) {
+ let user = firebase.auth().currentUser;
+ console.log(user);
+ const docRef = db.collection('datausers/').doc(user.uid);
+ docRef.update({
+ post: firebase.firestore.FieldValue.arrayUnion(post)
+ })
+}
diff --git a/src/views/postDetail.js b/src/views/postDetail.js
new file mode 100644
index 00000000..c1d28a25
--- /dev/null
+++ b/src/views/postDetail.js
@@ -0,0 +1,17 @@
+const postDetail = `
+
+
+
+
Titulo:${doc.data().title}
+
${doc.data().text}
+
Autor: ${doc.data().user}
+
+
Editar
+ Borrar
+
+
+
`
\ No newline at end of file
diff --git a/src/views/principal.js b/src/views/principal.js
new file mode 100644
index 00000000..b4111eab
--- /dev/null
+++ b/src/views/principal.js
@@ -0,0 +1,33 @@
+import { navBar } from "../main.js";
+
+export default () => {
+
+ const principal = `
+
+
+
+
+
Microcuentos
+
ilustrados
+
*Escribe un microcuento*
+
+
+
+
+
+
+ `
+
+
+ navBar.style.display = 'none'
+
+ return principal
+}
\ No newline at end of file
diff --git a/src/views/profile.js b/src/views/profile.js
new file mode 100644
index 00000000..914b553f
--- /dev/null
+++ b/src/views/profile.js
@@ -0,0 +1,229 @@
+import { root } from "../main.js";
+import { navBar } from "../main.js";
+//import { userObserver } from '/index.js'
+
+const db = firebase.firestore();
+
+export function userObserverProfile() {
+ firebase.auth().onAuthStateChanged(function (user) {
+ // if (user) {
+ const docRef = db.collection('datausers/').doc(user.uid);
+ docRef.get().then(function (snapshot) {
+ let myData = snapshot.data();
+ console.log(myData);
+ root.innerHTML = renderProfileView(myData)
+ edit()
+
+ })
+ /* } else {
+ // No user is signed in.
+ console.log('No user');
+ } */
+
+ });
+
+}
+
+export function renderProfileView(myData) {
+ //console.log(myData);
+ if (myData) {
+ const profile =
+ `
+
+
Mi perfil
+
+
+
+
+
+
+
${myData.name}
+
${myData.email}
+
+
${myData.interests}
+
+
+
+
+
Guardar
+
+
+
+
+
+
+
+
+
+
Se han guardado tus cambios
+
+
+
+`
+ navBar.style.display = 'block'
+ return profile
+ }
+
+}
+
+
+function edit() {
+ //Listeners modal
+ const btnCloseChange = document.querySelector('#btnCloseChange');
+ btnCloseChange.addEventListener('click', closeChange);
+ const saveChange = document.querySelector('#saveChange');
+ function closeChange() {
+ saveChange.classList.remove('is-active');
+ }
+
+ //Listeners Editar Perfil
+ let btnEditProfile = document.querySelector('#editProfile')
+ let btnSaveProfile = document.querySelector('#saveProfile')
+ btnEditProfile.addEventListener('click', editProfile)
+ btnSaveProfile.addEventListener('click', saveProfile)
+ let textareaInterest = document.querySelector('#interestsProfile')
+ //console.log(userObserver)
+
+
+ function editProfile() {
+ let file = document.querySelector('#file')
+ let nameProfile = document.querySelector('#nameProfile').contentEditable = 'true'
+ let emailProfile = document.querySelector('#emailProfile').contentEditable = 'true'
+ let prevImage = document.querySelector('#changeImage')
+ let photoProfile = document.querySelector('#photoProfile')
+ readFile(file, photoProfile, prevImage)
+
+
+ //console.log(text.innerHTML)
+ btnSaveProfile.classList.add('active');
+ textareaInterest.classList.add('active');
+ file.classList.add('active')
+ }
+
+ function readFile(file, photoProfile, prevImage) {
+
+
+ //const fileInput = document.querySelector("#file")
+ file.onchange = (e) => {
+ console.log(e);
+ let file = e.target.files[0]
+ console.log(file);
+ firebase.storage().ref("photoUsers").child(file.name).put(file)
+ .then(snap => {
+ console.log(snap);
+ return snap.ref.getDownloadURL()
+
+ })
+ .then(link => {
+ prevImage.remove()
+ let url = link
+ console.log(url);
+ const img = document.createElement('img')
+ img.id = 'newImage'
+ img.src = url
+ photoProfile.appendChild(img)
+ })
+
+
+ .catch(err => {
+ alert("Error:", err);
+ })
+
+ }
+ }
+
+
+ function saveProfile() {
+
+ let divInterest = document.querySelector('#interest')
+ let nameProfile = document.querySelector('#nameProfile')
+ let emailProfile = document.querySelector('#emailProfile')
+
+ //let textareaInterest = document.querySelector('#interestsProfile')
+ let interestsProfile = textareaInterest.value
+ divInterest.innerHTML = interestsProfile
+
+ //console.log(nameProfile.innerHTML)
+ //console.log(emailProfile.innerHTML)
+ let newNameProfile = nameProfile.innerHTML
+ let newEmailProfile = emailProfile.innerHTML
+
+ btnSaveProfile.classList.remove('active');
+ textareaInterest.classList.remove('active');
+ file.classList.remove('active');
+ if (btnSaveProfile.classList != 'active') {
+ nameProfile.contentEditable = 'false'
+ emailProfile.contentEditable = 'false'
+ }
+
+ //profileUpdate(newNameProfile, newEmailProfile)
+ saveProfileBD(newNameProfile, newEmailProfile, interestsProfile)
+
+ }
+
+ function saveProfileBD(newNameProfile, newEmailProfile, interestsProfile) {
+ let user = firebase.auth().currentUser;
+ let imagProfile = document.querySelector('#newImage')
+ let urlImage
+ if (imagProfile) {
+ urlImage = imagProfile.getAttribute('src')
+ console.log(urlImage);
+ const docRef = db.collection('datausers/').doc(user.uid);//la / y el + user.uid hace que no se duplique el usuario
+ docRef.update({
+ name: newNameProfile,
+ email: newEmailProfile,
+ interests: interestsProfile,
+ photo: urlImage,
+ //password: newPassword,
+ uid: user.uid
+ })
+ .then(function () {
+ saveChange.classList.add('is-active');
+ console.log(saveChange);
+ })
+ .catch(function (error) {
+ console.log('Hubo en error:', error);
+ })
+ } else {
+ let thisPhoto = document.querySelector('#thisPhoto')
+ urlImage = thisPhoto.getAttribute('src')
+ console.log(urlImage);
+ const docRef = db.collection('datausers/').doc(user.uid);//la / y el + user.uid hace que no se duplique el usuario
+ docRef.update({
+ name: newNameProfile,
+ email: newEmailProfile,
+ interests: interestsProfile,
+ photo: urlImage,
+ //password: newPassword,
+ uid: user.uid
+ })
+ .then(function () {
+ saveChange.classList.add('is-active');
+ console.log('Se actualizaron datos de perfil');
+ })
+ .catch(function (error) {
+ console.log('Hubo en error:', error);
+ })
+
+ }
+
+ /* const docRef = db.collection('datausers/').doc(user.uid);//la / y el + user.uid hace que no se duplique el usuario
+ docRef.update({
+ name: newNameProfile,
+ email: newEmailProfile,
+ interests: interestsProfile,
+ photo: urlImage,
+ //password: newPassword,
+ uid: user.uid
+ })
+ .then(function () {
+ saveChange.classList.add('is-active');
+ console.log(saveChange);
+ })
+ .catch(function (error) {
+ console.log('Hubo en error:', error);
+ }) */
+ }
+
+
+}
\ No newline at end of file
diff --git a/src/views/signIn.js b/src/views/signIn.js
new file mode 100644
index 00000000..c4358e6d
--- /dev/null
+++ b/src/views/signIn.js
@@ -0,0 +1,81 @@
+import { navBar } from "../main.js";
+export default () => {
+ const viewSignIn = `
+
+
+
+
+
+
+
+
ERROR
+
+
Comprueba tu correo o contraseña: debe contener al menos 6 caracteres,un número, una minúscula y una mayúscula.
+
+
+
+
+
+
+
+
+
+
ERROR
+
+
La cuenta ya existe
+
+
+
+
+
+
+
+
+
ERROR
+
+
No tienes una cuenta
+
+
+
+
+ `
+ navBar.style.display = 'none'
+ return viewSignIn
+}
\ No newline at end of file
diff --git a/src/views/viewcontroler.js b/src/views/viewcontroler.js
new file mode 100644
index 00000000..e69de29b
diff --git a/storage.rules b/storage.rules
new file mode 100644
index 00000000..d494542e
--- /dev/null
+++ b/storage.rules
@@ -0,0 +1,7 @@
+service firebase.storage {
+ match /b/{bucket}/o {
+ match /{allPaths=**} {
+ allow read, write: if request.auth!=null;
+ }
+ }
+}
diff --git a/test/example.spec.js b/test/example.spec.js
index 1aca05e9..f5775824 100644
--- a/test/example.spec.js
+++ b/test/example.spec.js
@@ -1,7 +1,32 @@
-import { example } from '../src/example.js';
+import mockFirebase from '../_mocks_/firebase-mock.js'
+//import { loginGoogle } from '../src/index.js';
+//import * as login from '../src/index.js'
-describe('example', () => {
+/* global.firebase = {
+ auth: jest.fn(() => ({
+ signInWithPopup: jest.fn(() => new Promise((resolve, reject) => {
+ resolve(true)
+ }))
+ }))
+}
+
+test('Login email', () => {
+ let email = 'ejemplo@hotmail.com'
+ let password = 'ejem'
+
+ expect(auth.loginUser(email, password)).toBe('No cumple con 6 caracteres')
+
+}) */
+
+
+
+
+global.firebase = mockFirebase();
+
+
+describe('loginGoogle', () => {
it('debería ser una función', () => {
- expect(typeof example).toBe('function');
+ expect(typeof loginGoogle).toBe('function');
});
-});
\ No newline at end of file
+});
+
+ 
+