From 2a330ba28dff5a24e53f2f6282e683e6e42d6e94 Mon Sep 17 00:00:00 2001
From: anela <anela89@gmail.com>
Date: Thu, 2 Jun 2022 22:06:11 -0700
Subject: [PATCH] created navSubmitClick

---
 index.html | 15 ++++++++-------
 js/main.js |  2 ++
 js/nav.js  |  8 ++++++++
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/index.html b/index.html
index 4a47374..c2c4970 100644
--- a/index.html
+++ b/index.html
@@ -38,7 +38,7 @@
     <a class="nav-link" href="#" id="nav-all">Hack or Snooze</a>
   </div>
   <div class="nav-center">
-    <a class="nav-lin" href="#" id="">add story</a>
+    <a class="nav-link" href="#" id="nav-submit">submit</a>
   </div>
   <div class="nav-right">
     <a class="nav-link" href="#" id="nav-login">login/signup</a>
@@ -63,12 +63,13 @@
 
   <form id="add-story-form" class="add-story hidden">
     <h4>Add a story</h4>
-    <label for="add-title">Title: </label>
-    <input id="add-title" type="text">
-    <label for="add-author">Author: </label>
-    <input id="add-author" type="text">
-    <label for="add-url">URL: </label>
-    <input id="add-url" type="text">
+    <label for="story-title">Title: </label>
+    <input id="story-title" type="text">
+    <label for="story-author">Author: </label>
+    <input id="story-author" type="text">
+    <label for="story-url">URL: </label>
+    <input id="story-url" type="text">
+    <button type="submit">submit story</button>
   </form>
 
   <!-- Login form -->
diff --git a/js/main.js b/js/main.js
index ce71836..4a8171c 100644
--- a/js/main.js
+++ b/js/main.js
@@ -14,6 +14,8 @@ const $navLogin = $("#nav-login");
 const $navUserProfile = $("#nav-user-profile");
 const $navLogOut = $("#nav-logout");
 
+const $addStoryForm = $('#add-story-form');
+
 /** To make it easier for individual components to show just themselves, this
  * is a useful function that hides pretty much everything on the page. After
  * calling this, individual components can re-show just what they want.
diff --git a/js/nav.js b/js/nav.js
index c5196d1..44063fe 100644
--- a/js/nav.js
+++ b/js/nav.js
@@ -36,3 +36,11 @@ function updateNavOnLogin() {
   $navLogOut.show();
   $navUserProfile.text(`${currentUser.username}`).show();
 }
+
+/** Show story submission form on click on "submit" */
+function navSubmitClick(evt) {
+  console.debug("navSubmitClick", evt);
+  evt.preventDefault();
+  hidePageComponents();
+  $addStoryForm.show();
+}
\ No newline at end of file