+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/js/app.js b/src/js/app.js
new file mode 100644
index 00000000..b4c6977e
--- /dev/null
+++ b/src/js/app.js
@@ -0,0 +1,169 @@
+window.createUser = (email, password, repeatPassword) => {
+ if (password === repeatPassword) {
+ firebase.auth().createUserWithEmailAndPassword(email, password)
+ .then(() => {
+ window.location.assign('index.html')
+ })
+ .catch(function (error) {
+ // Handle Errors here.
+ var errorCode = error.code;
+ var errorMessage = error.message;
+ if (errorCode == 'auth/weak-password') {
+ alert('The password is too weak.');
+ } else {
+ alert(errorMessage);
+ }
+ console.log(error);
+ });
+ } else {
+ console.log('Your password doesnt mach');
+ alert('Your password doesnt mach');
+ }
+};
+
+window.signInUser = (email, password) => {
+ firebase.auth().signInWithEmailAndPassword(email, password).then(() => {
+ window.location.assign('wall.html')
+ })
+ .catch(function (error) {
+ // Handle Errors here.
+ var errorCode = error.code;
+ var errorMessage = error.message;
+ if (errorCode == 'auth/weak-password') {
+ alert('The password is too weak.');
+ } else {
+ alert(errorMessage);
+ }
+ console.log(error);
+ });
+};
+
+window.resetPassword = (email, password) => {
+ firebase.auth().sendPasswordResetEmail(
+ getEmail.value)
+ .then(function () {
+ firebase.auth.EmailAuthProvider.credential(email, password);
+ alert("Password Reset Email Sent")
+ })
+ .catch(function (error) {
+ // Handle Errors here.
+ var errorCode = error.code;
+ var errorMessage = error.message;
+ if (errorCode == 'auth/invalid-email') {
+ alert('The email in invalid');
+ } else if (errorCode == 'auth/user-not-found') {
+ alert('The email is not exists');
+ }
+ console.log(error);
+ });
+};
+
+window.loginWithGoogle = () => {
+ // Using a popup.
+ var provider = new firebase.auth.GoogleAuthProvider();
+ provider.addScope('profile');
+ provider.addScope('email');
+ firebase.auth().signInWithPopup(provider).then(function (result) {
+ var user = result.user;
+ writeUserData(user.uid, user.displayName, user.email, user.photoURL);
+ window.location.assign('wall.html')
+ });
+};
+
+window.loginWithFacebook = () => {
+ // Sign in using a popup.
+ var provider = new firebase.auth.FacebookAuthProvider();
+ provider.addScope('user_birthday');
+ firebase.auth().signInWithPopup(provider).then(function (result) {
+ // This gives you a Facebook Access Token.
+ var token = result.provider.accessToken;
+ // The signed-in user info.
+ var user = result.user;
+ window.location.assign('wall.html')
+ });
+};
+
+window.loginWithTwitter = () => {
+ // Using a popup.
+ var provider = new firebase.auth.TwitterAuthProvider();
+ firebase.auth().signInWithPopup(provider).then(function (result) {
+ // For accessing the Twitter API.
+ var token = result.provider.accessToken;
+ var secret = result.provider.secret;
+ // The signed-in user info.
+ var user = result.user;
+ window.location.assign('wall.html')
+ });
+};
+
+window.writeUserData = (userId, name, email, imageUrl) => {
+ firebase.database().ref('users/' + userId).set({
+ username: name,
+ email: email,
+ profile_picture: imageUrl
+ });
+};
+
+window.writeNewPost = (uid, userName, body, imageName, imageUrl, privacy, countlike) => {
+ // A post entry.
+ var postData = {
+ uid: uid,
+ userName: userName,
+ body: body,
+ imageName: imageName,
+ imageUrl: imageUrl,
+ privacy: privacy,
+ countlike: countlike,
+ };
+
+ // Get a key for a new Post.
+ var newPostKey = firebase.database().ref().child('posts').push().key;
+
+ // Write the new post's data simultaneously in the posts list and the user's post list.
+ var updates = {};
+ updates['/posts/' + newPostKey] = postData;
+ updates['/user-posts/' + uid + '/' + newPostKey] = postData;
+
+ firebase.database().ref().update(updates);
+ return newPostKey;
+};
+
+window.updatePostUser = (uid, userName, body, imageName, imageUrl, privacy, countlike, postId) => {
+ const newPost = {
+ uid: uid,
+ userName: userName,
+ body: body,
+ imageName: imageName,
+ imageUrl: imageUrl,
+ privacy: privacy,
+ countlike: countlike,
+ };
+
+ const updatesUser = {};
+ const updatesPost = {};
+
+ updatesUser['/user-posts/' + uid + '/' + postId] = newPost;
+ updatesPost['/posts/' + postId] = newPost;
+ firebase.database().ref().update(updatesUser);
+ firebase.database().ref().update(updatesPost);
+}
+
+window.loginWithAnonymous = () => {
+ firebase.auth().signInAnonymously().then(function (result) {
+ console.log('hola')
+ window.location.assign('wall.html')
+ }).catch(function (error) {
+ // Handle Errors here.
+ var errorCode = error.code;
+ var errorMessage = error.message;
+ // ...
+ });
+}
+
+window.deletePost = (postId, userId) =>{
+ firebase.database().ref().child('posts').child(postId).remove();
+ firebase.database().ref().child('user-posts').child(userId).child(postId).remove();
+ while (posts.firstChild) posts.removeChild(posts.firstChild);
+
+
+}
\ No newline at end of file
diff --git a/src/js/autosize.min.js b/src/js/autosize.min.js
new file mode 100644
index 00000000..4d9b4e9a
--- /dev/null
+++ b/src/js/autosize.min.js
@@ -0,0 +1,6 @@
+/*!
+ autosize 4.0.2
+ license: MIT
+ http://www.jacklmoore.com/autosize
+*/
+!function(e,t){if("function"==typeof define&&define.amd)define(["module","exports"],t);else if("undefined"!=typeof exports)t(module,exports);else{var n={exports:{}};t(n,n.exports),e.autosize=n.exports}}(this,function(e,t){"use strict";var n,o,p="function"==typeof Map?new Map:(n=[],o=[],{has:function(e){return-1
+
+
+ 
+
+
+
+
+
+
+ Education is the most powerful weapon which you can use to change the world.
+-Nelson Mandela
+
+
+
+
+ Do you wanna try?
+
+
+
+
+
+ Sign in anonymous
+
+
+
+
+
+
+
+
+
+
+
+
+ ${userName}
+ `; + profileInfoResponsive.innerHTML = ` +${userName}
+ `; + const imgProfile = document.querySelector('#img-profile'); + imgProfile.setAttribute('src', userPhoto); +} \ No newline at end of file diff --git a/src/js/sign.js b/src/js/sign.js new file mode 100644 index 00000000..2445da03 --- /dev/null +++ b/src/js/sign.js @@ -0,0 +1,57 @@ +/* STYLE */ +(function ($) { + "use strict"; + // [ Focus input ] + $('.input100').each(function () { + $(this).on('blur', function () { + if ($(this).val().trim() != "") { + $(this).addClass('has-val'); + } else { + $(this).removeClass('has-val'); + } + }) + }) +})(jQuery); + +const displayLeft = document.querySelector('#display-left'); +const displayRight = document.querySelector('#display-right'); +const leftContainer = document.querySelector('#left-container'); +const rightContainer = document.querySelector('#right-container'); +let auxDisplayContainer = 0; + +displayOneContainer = () => { + displayLeft.addEventListener('click', () => { + if (auxDisplayContainer === 0) { + leftContainer.style.display = 'flex'; + rightContainer.style.display = 'none'; + auxDisplayContainer = 1; + } else { + leftContainer.style.display = 'none'; + rightContainer.style.display = 'flex'; + auxDisplayContainer = 0; + } + }) + displayRight.addEventListener('click', () => { + if (auxDisplayContainer === 0) { + leftContainer.style.display = 'flex'; + rightContainer.style.display = 'none'; + auxDisplayContainer = 1; + } else { + leftContainer.style.display = 'none'; + rightContainer.style.display = 'flex'; + auxDisplayContainer = 0; + } + }) +} +const widthWindow = window.matchMedia("(min-width: 768px)"); +displayContainers = (x) => { + if (x.matches) { // If media query matches + leftContainer.style.display = 'flex'; + rightContainer.style.display = 'flex'; + } else { + leftContainer.style.display = 'none'; + displayOneContainer(); + } +} +displayContainers(widthWindow) // Call listener function at run time +widthWindow.addListener(displayContainers) \ No newline at end of file diff --git a/src/js/signin.js b/src/js/signin.js new file mode 100644 index 00000000..9fd316a2 --- /dev/null +++ b/src/js/signin.js @@ -0,0 +1,53 @@ +const register = document.querySelector("#singUp"); +const getEmail = document.querySelector('#email'); +const getPassword = document.querySelector('#password'); +const logIn = document.querySelector("#log-In") +const loginGoogle = document.querySelector('#login-google'); +const loginFacebook = document.querySelector('#login-facebook'); +const loginTwitter = document.querySelector('#login-twitter'); +const username = document.querySelector("#text-white"); +const forgotPassword = document.querySelector('#forgot-Password'); +const loginAnonymous = document.querySelector('#login-anonymous'); + + +window.onload = () => { + firebase.auth().onAuthStateChanged(function (user) { + if (user) { + window.location.assign('wall.html') + // var isAnonymous = user.isAnonymous; + // var uid = user.uid; + } else { + console.log('No user is signed in.'); + + } + }); +} +register.addEventListener('click', (e) => { + if (e.preventDefault) { + window.location.assign('signup.html') + } +}) + +logIn.addEventListener('click', () => { + signInUser(getEmail.value, getPassword.value); +}) + +forgotPassword.addEventListener('click', () => { + resetPassword(getEmail.value, getPassword.value) +}) + +loginGoogle.addEventListener('click', () => { + loginWithGoogle(); +}); + +loginFacebook.addEventListener('click', () => { + loginWithFacebook(); +}); + +loginTwitter.addEventListener('click', () => { + loginWithTwitter(); +}); + +loginAnonymous.addEventListener('click', () => { + loginWithAnonymous(); +}) \ No newline at end of file diff --git a/src/js/signup.js b/src/js/signup.js new file mode 100644 index 00000000..c7cc1530 --- /dev/null +++ b/src/js/signup.js @@ -0,0 +1,28 @@ +const signUp = document.querySelector('#sign-up') +const goLogin = document.querySelector('#go-login') + +signUp.addEventListener('click', () => { + const getEmail = document.querySelector('#email').value; + const getPassword = document.querySelector('#password').value; + const getRepeatPassword = document.querySelector('#repeat-password').value; + const callback = (error, response) => { + if (!error) { + window.location.assign('index.html') + } else { + var errorCode = error.code; + var errorMessage = error.message; + if (errorCode === 'auth/weak-password') { + alert('The password is too weak.'); + } else if (errorCode === 'auth/password-mismatch') { + alert('Your password doesnt mach'); + } else { + alert(errorMessage); + } + } + } + createUser(getEmail, getPassword, getRepeatPassword, callback); +}); + +goLogin.addEventListener('click', () => { + window.location.assign('index.html') +}) \ No newline at end of file diff --git a/src/js/wall.js b/src/js/wall.js new file mode 100644 index 00000000..d77736f8 --- /dev/null +++ b/src/js/wall.js @@ -0,0 +1,19 @@ +const profile = document.getElementById('profile'); + +firebase.auth().onAuthStateChanged(function (user) { + if (firebase.auth().currentUser.isAnonymous === false) { + document.querySelector('.create-post').style.display = 'block'; + document.querySelector('.profile-card').style.display = 'block'; + } +}); + +const userProfile = (userPhoto, userName) => { + profile.innerHTML = `+ ${userName} +
' + 1,299 followers + `; + const imgProfile = document.querySelector('#img-profile'); + imgProfile.setAttribute('src', userPhoto); +} \ No newline at end of file diff --git a/src/profile.html b/src/profile.html new file mode 100644 index 00000000..1c7be6c4 --- /dev/null +++ b/src/profile.html @@ -0,0 +1,216 @@ + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/signup.html b/src/signup.html
new file mode 100644
index 00000000..406ad284
--- /dev/null
+++ b/src/signup.html
@@ -0,0 +1,117 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/wall.html b/src/wall.html
new file mode 100644
index 00000000..a419998a
--- /dev/null
+++ b/src/wall.html
@@ -0,0 +1,168 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ Education is the most powerful weapon which you can use to change the world.
+-Nelson Mandela
+
+
+
+
+ Do you wanna try?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/test/app.spec.js b/test/app.spec.js
new file mode 100644
index 00000000..2dc4fc04
--- /dev/null
+++ b/test/app.spec.js
@@ -0,0 +1,22 @@
+describe('auth', () => {
+ describe('createUser', () => {
+ it('createUser is function', () => {
+ assert.isFunction(createUser);
+ });
+ it('createUser necesita password iguales', () => {
+ createUser('', '123', '456', (error) => {
+ assert.equal(error.code, 'auth/password-mismatch');
+ })
+ });
+ it('createUser crea usuario', () => {
+ createUser('usuario1', '12345678', '12345678', (error, response) => {
+ assert.equal(response.username, 'usuario1');
+ })
+ });
+ it('createUser no crea usuario con password cortos', () => {
+ createUser('usuario2', '1234', '1234', (error, response) => {
+ assert.equal(error.code, 'auth/weak-password');
+ })
+ });
+ })
+});
\ No newline at end of file
diff --git a/test/fixtures.js b/test/fixtures.js
new file mode 100644
index 00000000..e69de29b
diff --git a/test/headless.js b/test/headless.js
new file mode 100644
index 00000000..3e3981e8
--- /dev/null
+++ b/test/headless.js
@@ -0,0 +1,11 @@
+global.window = global;
+global.assert = require('chai').assert;
+/* global.fixtures = {
+ cohorts: require('../data/cohorts.json'),
+ progress: require('../data/cohorts/lim-2018-03-pre-core-pw/progress.json'),
+ users: require('../data/cohorts/lim-2018-03-pre-core-pw/users.json'),
+}; */
+require('../src/js/app');
+const firebaseMock = require('firebase-mock')
+global.firebase = firebaseMock.MockFirebaseSdk()
+require('./app.spec.js');
diff --git a/test/index.html b/test/index.html
new file mode 100644
index 00000000..0e077997
--- /dev/null
+++ b/test/index.html
@@ -0,0 +1,24 @@
+
+
+
+
+