updated url

Author: ernest-phillips

app/config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  PORT: process.env.PORT || 5000,
+  PORT: process.env.PORT || 8080,
   HTTP_STATUS_CODES: {
     OK: 200,
     CREATED: 201,
@@ -10,7 +10,8 @@ module.exports = {
     INTERNAL_SERVER_ERROR: 500,
   },
 
-  MONGO_URL: process.env.MONGO_URL || 'mongodb://ds237932.mlab.com:37932/fit-journal',
+  MONGO_URL: process.env.MONGO_URL || 'mongodb://localhost:27017/fit-journal',
+  // MONGO_URL: process.env.MONGO_URL || 'mongodb://ds237932.mlab.com:37932/fit-journal',
   TEST_MONGO_URL: process.env.TEST_MONGO_URL || 'mongodb://localhost:27017/test-fit-journal',
   JWT_SECRET: process.env.JWT_SECRET || 'default',
   JWT_EXPIRY: process.env.JWT_EXPIRY || '7d',

public/home.html

@@ -73,9 +73,9 @@ <h4 class="add-ex js-addEx"><a href="/search.html">Add Exercise</a></h4>
 
     <script src="/utilities/http.module.js"></script>
     <script src="/utilities/index.js"></script>
-
     <script src="/dashboard.page.js"></script>
     <script src="https://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js"></script>
+    <script src="/home.js"></script>
 
 
 

public/home.js

@@ -0,0 +1,77 @@
+$(document).ready(onPageLoadHome);
+
+function onPageLoadHome() {
+    updateAuthenticatedUI();
+
+    // if (STATE.authUser) {
+    //     HTTP.getUserworkouts({
+    //         jwtToken: STATE.authUser.jwtToken,
+    //         onSuccess: console.log("User Authenticated")
+    //             // RENDER.renderWorkoutsList
+    //     });
+    // }
+    { /* <nav class="nav-login"><a id="logout-btn" href="">Log Out</a> </nav> */ }
+
+    // $('#workout-list').on('click', '#delete-workout-btn', onDeleteWorkoutBtnClick);
+    // $('#workout-list').on('click', '#workout-card', onWorkoutCardClick);
+}
+
+
+function onLogoutBtnClick(event) {
+    event.preventDefault();
+
+    try {
+        CACHE.deleteAuthenticatedUserFromCache();
+        window.open('/index.html', '_self')
+    } catch {
+        console.error(error);
+    }
+}
+
+// Handle opening Workout details
+function onWorkoutCardClick(event) {
+    const workoutId = $(event.currentTarget).attr('data-workout-id');
+    window.open(`Workout/details.html?id=${workoutId}`, '_self');
+}
+
+// Handle deleting Workouts
+function onDeleteWorkoutBtnClick(event) {
+    /**
+     * Because "onWorkoutDeleteClick" and "onWorkoutClick" both are listening for clicks inside of
+     * #Workout-card element, we need to call event.stopImmediatePropagation to avoid both
+     * event listeners firing when we click on the delete button inside #Workout-card.
+     */
+    event.stopImmediatePropagation();
+    // Step 1: Get the Workout id to delete from it's parent.
+    const workoutId = $(event.currentTarget)
+        .closest('#workout-card')
+        .attr('data-workout-id');
+    // Step 2: Verify use is sure of deletion
+    const userSaidYes = confirm('Are you sure you want to delete this workout?');
+    if (userSaidYes) {
+        // Step 3: Make ajax call to delete workout
+        HTTP.deleteWorkout({
+            workoutId: workoutId,
+            jwtToken: STATE.authUser.jwtToken,
+            onSuccess: () => {
+                // Step 4: If succesful, reload the workouts list
+                alert('Workout deleted succesfully, reloading results ...');
+                HTTP.getUserWorkouts({
+                    jwtToken: STATE.authUser.jwtToken,
+                    onSuccess: RENDER.renderWorkoutsList
+                });
+            }
+        });
+    }
+}
+
+function updateAuthenticatedUI() {
+    const authUser = CACHE.getAuthenticatedUserFromCache();
+    if (authUser) {
+        STATE.authUser = authUser;
+        $('#nav-greeting').html(`Welcome, ${authUser.name}`);
+        $('#auth-menu').removeAttr('hidden');
+    } else {
+        $('#default-menu').removeAttr('hidden');
+    }
+}

public/index.html

@@ -73,6 +73,7 @@ <h3>Coming Soon</h3>
     <script src="/utilities/cache.module.js"></script>
     <script src="/utilities/http.module.js"></script>
     <script src="/utilities/index.js"></script>
+    <script src="/home.js"></script>
 
 
 

public/login.html

@@ -53,6 +53,7 @@ <h1>Sign into your account</h1>
     <script src="/utilities/index.js"></script>
     <script src="/auth.page.js"></script>
     <script src="/search.js"></script>
+    <script src="/home.js"></script>
 
 </body>
 

public/signup.html

@@ -19,16 +19,17 @@
         <section class="container js-container">
             <div class="login-page">
                 <h1 class="log-logo">
-                <a href="/">Fit-Journal</a>
+                    <a href="/">Fit-Journal</a>
                 </h1>
                 <div class="form">
 
                     <h1>Create Free Account</h1>
-                    <form id="sign-up-form" class="signup-form" action="/api/user" method="POST">                       
-                        
+                    <form id="sign-up-form" class="signup-form" action="/api/user" method="POST">
+
                         <input class="item" id="name-txt" type="text" placeholder="name" name="name" autocomplete="off" required/>
                         <input class="item" id="username-txt" type="text" placeholder="username" name="username" autocomplete="off" required/>
-                        <input class="item" id="password-txt" type="password" placeholder="password" name="password" autocomplete="off" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters" required/>
+                        <input class="item" id="password-txt" type="password" placeholder="password" name="password" autocomplete="off" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters"
+                            required/>
                         <input class="item" id="email-txt" type="text" placeholder="email address" name="email" autocomplete="off" />
                         <button class="login-btn" type="submit">Register</button>
                         <p class="message">Already registered? <a href="./login.html">Sign In</a></p>
@@ -37,10 +38,10 @@ <h1>Create Free Account</h1>
             </div>
         </section>
     </main>
-<footer>
+    <footer>
         <div class="foot-col">
             <p>Fit-Journal website created by Ernest L. Phillips &copy; 2019 </p>
-            
+
         </div>
     </footer>
     <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
@@ -52,7 +53,8 @@ <h1>Create Free Account</h1>
     <script src="/utilities/index.js"></script>
     <script src="/dashboard.page.js"></script>
     <script src="https://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js"></script>
-    
+    <script src="/home.js"></script>
+
 </body>
 
 </html>