");
+ tr.append($("" + childSnapshot.val().currentDate + " "));
+ console.log(childSnapshot.val().currentDate);
+ tr.append($("" + childSnapshot.val().mood + " "));
+ console.log(childSnapshot.val().mood);
+ tr.append($("" + childSnapshot.val().ansQ1 + " "));
+ console.log(childSnapshot.val().ansQ1 + ", " + childSnapshot.val().ansQ2 + ", " + childSnapshot.val().ansQ3);
+ tr.append($("" + childSnapshot.val().comment + " "));
+ console.log(childSnapshot.val().comment);
+ $("#tracker-table").append(tr);
+ }
+ // Handle the errors
+ }, function (errorObject) {
+ console.log("Errors handled: " + errorObject.code);
+ });
+
+ /******************************
+ AUTHENTICATION
+ ******************************/
+ $("#login-btn").on("submit", e => {
+ // keep button from sending form somewhere
+ e.preventDefault();
+
+ // store inputs
+ var email = $("#email-input").val().trim();
+ var password = $("#password-input").val().trim();
+
+ // Firebase Sign In Function
+ var promise = auth.signInWithEmailAndPassword(email, password)
+ promise.then(function (e) {
+ window.location.replace("homepage.html");
+ })
+ .catch(function (e) {
+ // Handle Errors here.
+ var errorCode = e.code;
+ var errorMessage = e.message;
+ // display error message
+ alert("This user does not exist. Please sign up.");
+ });
+ });
+
+ $("#signup-btn").on("click", e => {
+ // console.log("clicked");
+ // keep button from sending form somewhere
+ e.preventDefault();
+
+ // store inputs
+ var email = $("#email-input").val().trim();
+ console.log(email);
+ var password = $("#password-input").val().trim();
+ console.log(password);
+ var promise = auth.createUserWithEmailAndPassword(email, password);
+ promise.then(function (e) {
+ window.location.replace("homepage.html");
+ })
+ .catch(function (e) {
+ // Handle Errors here.
+ var errorCode = e.code;
+ var errorMessage = e.message;
+ alert(errorCode + ": " + errorMessage);
+ });
+ });
+
+ auth.onAuthStateChanged(function (user) {
+ if (user) {
+ // User is signed in.
+ 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;
+ console.log(user);
+ // ...
+ } else {
+ // User is signed out.
+ // ...
+ }
+ });
+
+ $("#logout-btn").on("click", e => {
+ auth.signOut().then(function (e) {
+ // Sign-out successful.
+ window.location.replace("index.html");
+ }).catch(function (e) {
+ // An error happened.
+ var errorMessage = e.message;
+ alert(errorCode + ": " + errorMessage);
+ });
+ });
+
+ /******************************
+ FORM VALIDATION
+ ******************************/
+ // Password
+ var passwordInput = $("#password-input");
+ var capital = $("#capital");
+ var number = $("#number");
+ var length = $("#length");
+ // password message box displays when input field is clicked
+ passwordInput.focus(function () {
+ $("#password-error-message").css("display", "block");
+ });
+ // password message box is hidden when user clicks outside input field
+ passwordInput.blur(function () {
+ $("#password-error-message").css("display", "none");
+ });
+ // validates input
+ passwordInput.keyup(function () {
+ // validates capital letters
+ var upperCaseLetters = /[A-Z]/g;
+ if (passwordInput.val().match(upperCaseLetters)) {
+ capital.removeClass("invalid");
+ capital.addClass("valid");
+ } else {
+ capital.removeClass("valid");
+ capital.addClass("invalid");
+ }
+ // validates numbers
+ var numbers = /[0-9]/g;
+ if (passwordInput.val().match(numbers)) {
+ number.removeClass("invalid");
+ number.addClass("valid");
+ } else {
+ number.removeClass("valid");
+ number.addClass("invalid");
+ }
+ // validates length
+ if (passwordInput.val().length >= 8) {
+ length.removeClass("invalid");
+ length.addClass("valid");
+ } else {
+ length.removeClass("valid");
+ length.addClass("invalid");
+ }
+ });
+
+ /****************************
+ ADD ENTRY / OVERVIEW
+ ****************************/
+ // questions and answers
+ var questions = [
+ {
+ question: "Do you feel hopeless?",
+ answer1: "Yes, all the time.",
+ answer2: "Yes, sometimes.",
+ answer3: "No."
+ },
+ {
+ question: "Did you getting less sleep than usual?",
+ answer1: "Yes, I had trouble falling asleep.",
+ answer2: "Yes, I kept waking up at night.",
+ answer3: "No, I haven't noticed any differences."
+ },
+ {
+ question: "Have you been productive today?",
+ answer1: "Yes, I have kept myself busy.",
+ answer2: "I only completed important tasks.",
+ answer3: "No, I don't feel like leaving the house."
+ }
+ ]
+ // get current date
+ var currentDate = moment().format("MMMM Do, YYYY");
+ console.log("Today is: " + currentDate);
+ // variables to store user input
+ var mood = "";
+ var color = "";
+ var ansQ1 = "";
+ var ansQ2 = "";
+ var ansQ3 = "";
+ var comment = "";
+ // display date
+ function displayDate() {
+ $("#display-date").text(currentDate);
+ $("#display-date-weather").text(currentDate);
+ }
+ // display questions to ask user and answer options
+ function displayQuestions() {
+ $("#questionA").text(questions[0].question);
+ $("#answer-1A").text(questions[0].answer1);
+ $("#answer-1A").attr("data-text", questions[0].answerText1);
+ $("#answer-2A").text(questions[0].answer2);
+ $("#answer-2A").attr("data-text", questions[0].answerText2);
+ $("#answer-3A").text(questions[0].answer3);
+ $("#answer-3A").attr("data-text", questions[0].answerText3);
+
+ $("#questionB").text(questions[1].question);
+ $("#answer-1B").text(questions[1].answer1);
+ $("#answer-1B").attr("data-text", questions[1].answerText1);
+ $("#answer-2B").text(questions[1].answer2);
+ $("#answer-2B").attr("data-text", questions[1].answerText2);
+ $("#answer-3B").text(questions[1].answer3);
+ $("#answer-3B").attr("data-text", questions[1].answerText3);
+
+ $("#questionC").text(questions[2].question);
+ $("#answer-1C").text(questions[2].answer1);
+ $("#answer-1C").attr("data-text", questions[2].answerText1);
+ $("#answer-2C").text(questions[2].answer2);
+ $("#answer-2C").attr("data-text", questions[2].answerText2);
+ $("#answer-3C").text(questions[2].answer3);
+ $("#answer-3C").attr("data-text", questions[2].answerText3);
+ }
+
+ /****************************
+ ADD ENTRY MODAL
+ ****************************/
+ // display modal
+ $(document).on("click", "#add-entry-btn", function () {
+ $(".ui.modal").modal("show");
+ });
+ // display current date
+ displayDate();
+ // display questions
+ displayQuestions();
+ // select a mood and store color for table
+ $(document).on("click", ".mood", function (event) {
+ mood = $(this).attr("data-mood");
+ color = $(this).attr("data-color");
+ $(this).addClass("button-clicked");
+ // TEST
+ console.log("selected mood: " + mood + ", " + color);
+ // store in database
+ return mood, color
+ });
+ // select answer #1
+ $(document).on("click", ".answer-opt-1", function (event) {
+ ansQ1 = $(this).attr("data-text");
+ $(this).addClass("answer-selected");
+ // TEST
+ console.log("selected answer #1: " + ansQ1);
+ return ansQ1
+ });
+ // select answer #2
+ $(document).on("click", ".answer-opt-2", function (event) {
+ ansQ2 = $(this).attr("data-text");
+ $(this).addClass("answer-selected");
+ // TEST
+ console.log("selected answer #2: " + ansQ2);
+ return ansQ2
+ });
+ // select answer #3
+ $(document).on("click", ".answer-opt-3", function (event) {
+ ansQ3 = $(this).attr("data-text");
+ $(this).addClass("answer-selected");
+ // TEST
+ console.log("selected answer #3: " + ansQ3);
+ return ansQ3
+ });
+ // send form off and redirect user
+ $("#continue-btn").on("click", function (event) {
+ // keep from sending off somewhere
+ event.preventDefault();
+ // comments can be added
+ comment = $("#userComment").val().trim();
+ // TEST
+ console.log("mood stored in database: " + mood);
+ console.log("color for mood: " + color);
+ console.log("answer #1 stored in database: " + ansQ1);
+ console.log("answer #1 stored in database: " + ansQ2);
+ console.log("answer #1 stored in database: " + ansQ3);
+ console.log("user comments: " + comment);
+ // store user selection and input
+ // push to firebase database
+ var user = firebase.auth().currentUser;
+ console.log(user);
+ database.ref().push({
+ email: user.email,
+ currentDate: currentDate,
+ mood: mood,
+ color: color,
+ ansQ1: ansQ1,
+ ansQ2: ansQ2,
+ ansQ3: ansQ3,
+ comment: comment,
+ timeAdded: firebase.database.ServerValue.TIMESTAMP
+ });
+
+ // redirect user
+ window.location.replace("overview.html");
+ });
+
+ /****************************
+ DAILY SUMMARY MODAL
+ ****************************/
+ // when date is clicked, open summary modal
+ $(document).on("click", "#modal-trigger", function () {
+ $("#summary-modal").css("display", "block");
+ displayDailySummary();
+ });
+ // when close button is clicked, hide modal
+ $("#close-btn").on("click", function () {
+ $("#summary-modal").css("display", "none");
+ });
+
+ /****************************************
+ HOMEPAGE
+ ****************************************/
+ // fix menu when passed
+ $('.masthead').visibility({
+ once: false,
+ onBottomPassed: function () {
+ $('.fixed.menu').transition('fade in');
+ },
+ onBottomPassedReverse: function () {
+ $('.fixed.menu').transition('fade out');
+ }
+ });
+ // create sidebar and attach to menu open
+ $('.ui.sidebar').sidebar('attach events', '.toc.item');
+
+ /****************************************
+ APIs
+ ****************************************/
+ // Weather
+ var APIKeyWeather = "90a3db80fa91ca69d88cc81fff6bce71"
+ var queryURLWeather =
+ "https://api.openweathermap.org/data/2.5/weather?q=Sacramento,US&appid=" +
+ APIKeyWeather;
+ function getWeather() {
+ $.ajax({
+ url: queryURLWeather,
+ method: "GET"
+ }).then(function (response) {
+ console.log(queryURLWeather);
+ console.log(response);
+ var iconWeather = $("" + fahrenheit + "°F
");
+ console.log(fahrenheit);
+ displayDate();
+ $("#weather").append(iconWeather);
+ $("#weather").append(temp);
+ });
+ }
+ getWeather();
+
+ // Inspirational Quote
+ function getNewQuote() {
+ $.ajax({
+ url: "https://api.forismatic.com/api/1.0/",
+ jsonp: "jsonp",
+ dataType: "jsonp",
+ data: {
+ method: "getQuote",
+ lang: "en",
+ format: "jsonp"
+ },
+ success: function (response) {
+ quote = response.quoteText;
+ author = response.quoteAuthor;
+ $("#quote").text(quote);
+ console.log(quote);
+ console.log(author);
+ if (author) {
+ $("#author").text("By " + author);
+ } else {
+
+ $("#author").text(" ~ Unknown");
+ }
+ }
+ });
+ }
+ getNewQuote();
+
+ /*****************************
+ DISCOVER
+ *****************************/
+ // Slideshow with swiper.js
+ var appendNumber = 4;
+ var prependNumber = 1;
+ var swiper = new Swiper('.swiper-container', {
+ slidesPerView: 3,
+ centeredSlides: true,
+ spaceBetween: 30,
+ navigation: {
+ nextEl: '.swiper-button-next',
+ prevEl: '.swiper-button-prev',
+ },
+ });
+ $(".prepend-2-slides").on('click', function (e) {
+ e.preventDefault();
+ swiper.prependSlide([
+ 'Slide ' + (--prependNumber) + '
',
+ 'Slide ' + (--prependNumber) + '
'
+ ]);
+ });
+ $(".prepend-slide").on('click', function (e) {
+ e.preventDefault();
+ swiper.prependSlide('Slide ' + (--prependNumber) + '
');
+ });
+ $(".append-slide").on('click', function (e) {
+ e.preventDefault();
+ swiper.appendSlide('Slide ' + (++appendNumber) + '
');
+ });
+ $(".append-2-slides").on('click', function (e) {
+ e.preventDefault();
+ swiper.appendSlide([
+ 'Slide ' + (++appendNumber) + '
',
+ 'Slide ' + (++appendNumber) + '
'
+ ]);
+ });
+});
\ No newline at end of file
diff --git a/assets/javascript/discover.js b/assets/javascript/discover.js
new file mode 100644
index 0000000..cf87e10
--- /dev/null
+++ b/assets/javascript/discover.js
@@ -0,0 +1,36 @@
+/*****************************
+SLIDESHOW
+*****************************/
+var appendNumber = 4;
+var prependNumber = 1;
+var swiper = new Swiper('.swiper-container', {
+ slidesPerView: 3,
+ centeredSlides: true,
+ spaceBetween: 30,
+ navigation: {
+ nextEl: '.swiper-button-next',
+ prevEl: '.swiper-button-prev',
+ },
+});
+$(".prepend-2-slides").on('click', function (e) {
+ e.preventDefault();
+ swiper.prependSlide([
+ 'Slide ' + (--prependNumber) + '
',
+ 'Slide ' + (--prependNumber) + '
'
+ ]);
+});
+$(".prepend-slide").on('click', function (e) {
+ e.preventDefault();
+ swiper.prependSlide('Slide ' + (--prependNumber) + '
');
+});
+$(".append-slide").on('click', function (e) {
+ e.preventDefault();
+ swiper.appendSlide('Slide ' + (++appendNumber) + '
');
+});
+$(".append-2-slides").on('click', function (e) {
+ e.preventDefault();
+ swiper.appendSlide([
+ 'Slide ' + (++appendNumber) + '
',
+ 'Slide ' + (++appendNumber) + '
'
+ ]);
+});
\ No newline at end of file
diff --git a/assets/javascript/homepage.js b/assets/javascript/homepage.js
new file mode 100644
index 0000000..88e00d8
--- /dev/null
+++ b/assets/javascript/homepage.js
@@ -0,0 +1,75 @@
+$(document).ready(function () {
+ // fix menu when passed
+ $('.masthead').visibility({
+ once: false,
+ onBottomPassed: function () {
+ $('.fixed.menu').transition('fade in');
+ },
+ onBottomPassedReverse: function () {
+ $('.fixed.menu').transition('fade out');
+ }
+ });
+ // create sidebar and attach to menu open
+ $('.ui.sidebar').sidebar('attach events', '.toc.item');
+
+ /****************************************
+ APIs
+ ****************************************/
+ //getWeatherData("95624");
+ //function getWeatherData(search) {
+ // $.ajax({
+ // url: `http://dataservice.accuweather.com/locations/v1/postalcodes/search?q=${search}/&apikey=6GMzSjhmAKdFifcP3tfNWYih2JWvFHkN`,
+ // method: "GET"
+ // }).then(function (response) {
+ // console.log(response);
+ // $(".weatherData").text(response.weatherData);
+ // })
+
+ //}
+
+ // Inspirational Quote
+ function getNewQuote() {
+ $.ajax({
+ url: "https://api.forismatic.com/api/1.0/",
+ jsonp: "jsonp",
+ dataType: "jsonp",
+ data: {
+ method: "getQuote",
+ lang: "en",
+ format: "jsonp"
+ },
+ success: function (response) {
+ quote = response.quoteText;
+ author = response.quoteAuthor;
+ $("#quote").text(quote);
+ console.log(quote);
+ console.log(author);
+ if (author) {
+ $("#author").text("By " + author);
+ } else {
+
+ $("#author").text(" ~ Unknown");
+ }
+ }
+ });
+ }
+ /****************************************
+ MAIN CODE
+ ****************************************/
+ getNewQuote();
+
+ /****************************************
+ AUTHENTICATION
+ ****************************************/
+ $("#logout-btn").on("click", e => {
+ auth.signOut().then(function (e) {
+ // Sign-out successful.
+ window.location.replace("log-in.html");
+ }).catch(function (e) {
+ // An error happened.
+ var errorMessage = e.message;
+ alert(errorCode + ": " + errorMessage);
+ });
+ });
+
+});
\ No newline at end of file
diff --git a/assets/javascript/log-in.js b/assets/javascript/log-in.js
index b636e25..0c39059 100644
--- a/assets/javascript/log-in.js
+++ b/assets/javascript/log-in.js
@@ -24,9 +24,10 @@ $(document).ready(function () {
/******************************
AUTHENTICATION
******************************/
- $("#login-btn").on("submit", e => {
+ $("#login-btn").on("click", e => {
// keep button from sending form somewhere
- event.preventDefault();
+ e.preventDefault();
+ console.log("login clicked");
// store inputs
var email = $("#email-input").val().trim();
@@ -49,7 +50,8 @@ $(document).ready(function () {
$("#signup-btn").on("click", e => {
// console.log("clicked");
// keep button from sending form somewhere
- event.preventDefault();
+ e.preventDefault();
+ console.log("signup clicked");
// store inputs
var email = $("#email-input").val().trim();
diff --git a/assets/javascript/overview.js b/assets/javascript/overview.js
new file mode 100644
index 0000000..16aff93
--- /dev/null
+++ b/assets/javascript/overview.js
@@ -0,0 +1,60 @@
+google.charts.load('current', { packages: ['corechart', 'line'] });
+google.charts.setOnLoadCallback(drawAxisTickColors);
+
+function drawAxisTickColors() {
+ var data = new google.visualization.DataTable();
+ data.addColumn('number', 'X');
+ data.addColumn('number', 'Dogs');
+ data.addColumn('number', 'Cats');
+
+ data.addRows([
+ [0, 0, 0], [1, 10, 5], [2, 23, 15], [3, 17, 9], [4, 18, 10], [5, 9, 5],
+ [6, 11, 3], [7, 27, 19], [8, 33, 25], [9, 40, 32], [10, 32, 24], [11, 35, 27],
+ [12, 30, 22], [13, 40, 32], [14, 42, 34], [15, 47, 39], [16, 44, 36], [17, 48, 40],
+ [18, 52, 44], [19, 54, 46], [20, 42, 34], [21, 55, 47], [22, 56, 48], [23, 57, 49],
+ [24, 60, 52], [25, 50, 42], [26, 52, 44], [27, 51, 43], [28, 49, 41], [29, 53, 45],
+ [30, 55, 47], [31, 60, 52], [32, 61, 53], [33, 59, 51], [34, 62, 54], [35, 65, 57],
+ [36, 62, 54], [37, 58, 50], [38, 55, 47], [39, 61, 53], [40, 64, 56], [41, 65, 57],
+ [42, 63, 55], [43, 66, 58], [44, 67, 59], [45, 69, 61], [46, 69, 61], [47, 70, 62],
+ [48, 72, 64], [49, 68, 60], [50, 66, 58], [51, 65, 57], [52, 67, 59], [53, 70, 62],
+ [54, 71, 63], [55, 72, 64], [56, 73, 65], [57, 75, 67], [58, 70, 62], [59, 68, 60],
+ [60, 64, 56], [61, 60, 52], [62, 65, 57], [63, 67, 59], [64, 68, 60], [65, 69, 61],
+ [66, 70, 62], [67, 72, 64], [68, 75, 67], [69, 80, 72]
+ ]);
+
+ var options = {
+ hAxis: {
+ title: 'Time',
+ textStyle: {
+ color: '#01579b',
+ fontSize: 20,
+ fontName: 'Arial',
+ bold: true,
+ italic: true
+ },
+ titleTextStyle: {
+ color: '#01579b',
+ fontSize: 16,
+ fontName: 'Arial',
+ bold: false,
+ italic: true
+ }
+ },
+ vAxis: {
+ title: 'Popularity',
+ textStyle: {
+ color: '#1a237e',
+ fontSize: 24,
+ bold: true
+ },
+ titleTextStyle: {
+ color: '#1a237e',
+ fontSize: 24,
+ bold: true
+ }
+ },
+ colors: ['#a52714', '#097138']
+ };
+ var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
+ chart.draw(data, options);
+}
\ No newline at end of file
diff --git a/assets/pattern/.DS_Store b/assets/pattern/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/assets/pattern/.DS_Store differ
diff --git a/assets/pattern/Mood Tracker Logo.PNG b/assets/pattern/Mood Tracker Logo.PNG
new file mode 100644
index 0000000..5558c8a
Binary files /dev/null and b/assets/pattern/Mood Tracker Logo.PNG differ
diff --git a/assets/pattern/gplaypattern_@2X.png b/assets/pattern/gplaypattern_@2X.png
new file mode 100644
index 0000000..05cf41c
Binary files /dev/null and b/assets/pattern/gplaypattern_@2X.png differ
diff --git a/assets/pattern/pattern1-blue.jpg b/assets/pattern/pattern1-blue.jpg
new file mode 100644
index 0000000..fee39b9
Binary files /dev/null and b/assets/pattern/pattern1-blue.jpg differ
diff --git a/assets/pattern/pattern1-green.jpg b/assets/pattern/pattern1-green.jpg
new file mode 100644
index 0000000..5b514a5
Binary files /dev/null and b/assets/pattern/pattern1-green.jpg differ
diff --git a/assets/pattern/pattern1-pink.jpg b/assets/pattern/pattern1-pink.jpg
new file mode 100644
index 0000000..1c37029
Binary files /dev/null and b/assets/pattern/pattern1-pink.jpg differ
diff --git a/assets/pattern/pattern1-yellow.jpg b/assets/pattern/pattern1-yellow.jpg
new file mode 100644
index 0000000..6ef0f16
Binary files /dev/null and b/assets/pattern/pattern1-yellow.jpg differ
diff --git a/assets/pattern/pattern2.jpg b/assets/pattern/pattern2.jpg
new file mode 100755
index 0000000..8dad06a
Binary files /dev/null and b/assets/pattern/pattern2.jpg differ
diff --git a/discover.html b/discover.html
new file mode 100644
index 0000000..09ebd8d
--- /dev/null
+++ b/discover.html
@@ -0,0 +1,451 @@
+
+
+
+
+ Moodsphere - Discover
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/homepage.html b/homepage.html
index 76ccdd9..1306101 100644
--- a/homepage.html
+++ b/homepage.html
@@ -1,26 +1,275 @@
-
-
- Document
-
+
+
+
+
+ Moodsphere - Home
+
+
+ hello
- Log Out
+
+
+
+
+
+
+
Mental Health Hotlines
+
+
+
+
+ SAMHSA National Hotline
+ (800) 662-4357
+
+
+ Anxiety and Depression Association of America (ADAA)
+ (240) 485-1001
+
+
+ Depression and Bipolar Support Alliance (DBSA)
+ (800) 826-3632
+
+
+ International OCD Foundation
+ (617) 973-5801
+
+
+ National Center of Excellence of Eating Disorders (NCEED)
+ (800) 931-2237
+
+
+
+ Schizophrenia and Related Disorders Alliance of America (SARDAA)
+
+ (240) 423-9432
+
+
+ American Foundation for Suicide Prevention
+ (888) 333-2377
+
+
+ National Domestic Violence Hotline
+ (800) 799-7233
+
+
+ Suicide Prevention Hotline
+ (800) 273-8255
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
+
-
+
+
-
-
-
+
+
+
+
+
+
\ No newline at end of file
diff --git a/log-in.html b/index.html
similarity index 57%
rename from log-in.html
rename to index.html
index 9f1beb9..71cbc5d 100644
--- a/log-in.html
+++ b/index.html
@@ -1,35 +1,52 @@
-
+
- Moodsphere - Log In
-
+
![weather Sacramento, US](https://openweathermap.org/img/wn/" + response.weather[0].icon + ".png)
");
+ console.log(response.weather[0].icon);
+ var fahrenheit = Math.round((response.main.temp * 9) / 5 - 459.67);
+ var temp = $("
+ 
-