adding logged in header

NoroffFEU · May 22, 2024 · cfd1d26 · cfd1d26
1 parent 998122c
commit cfd1d26
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 8 deletions.
diff --git a/index.mjs b/index.mjs
@@ -22,8 +22,8 @@ async function checkAndRenderPosts() {
       await renderNewPostsCarousel(API_BASE + API_POSTS + API_NAME);
     } else {
       // If user is not logged in, render posts from this account anyway
-      // await renderPosts(API_BASE + API_POSTS + "/Leli_Nygard")
-      // await renderNewPostsCarousel(API_BASE + API_POSTS + "/Leli_Nygard")
+      await renderPosts(API_BASE + API_POSTS + "/Leli_Nygard")
+      await renderNewPostsCarousel(API_BASE + API_POSTS + "/Leli_Nygard")
     }
   } catch (error) {
     console.error(error);

diff --git a/javascript/ui/createPost.mjs b/javascript/ui/createPost.mjs
@@ -1,9 +1,12 @@
 import { API_BASE, API_NAME, API_POSTS } from "../api/constantAPI.mjs";
+import { generateHeaderLoggedInHtml } from "../generateHtml/headerLoggedIn.mjs";
 // import {
 //   extractErrorMessages,
 //   renderErrorMessageHtml,
 // } from "../messages/errorMessage.mjs";
 
+
+
 const form = document.querySelector("form");
 
 form.addEventListener("submit", function (event) {
@@ -77,6 +80,12 @@ form.addEventListener("submit", function (event) {
     });
 });
 
+async function main() {
+  generateHeaderLoggedInHtml()
+}
+
+main();
+
 // TRYING TO PUT INTO SEVERAL FUNCTIONS, BUT FAILED. NOT WORKING. TRY LATER
 
 // document.addEventListener("DOMContentLoaded", () => {

diff --git a/javascript/ui/editPost.mjs b/javascript/ui/editPost.mjs
@@ -1,4 +1,5 @@
 import { API_BASE, API_ID, API_NAME, API_POSTS } from "../api/constantAPI.mjs";
+import { generateHeaderLoggedInHtml } from "../generateHtml/headerLoggedIn.mjs";
 // import {
 //   extractErrorMessages,
 //   renderErrorMessageHtml,
@@ -87,3 +88,9 @@ form.addEventListener("submit", function (event) {
       alert(error.message); //display error to user
     });
 });
+
+async function main() {
+  generateHeaderLoggedInHtml()
+}
+
+main();
diff --git a/post/create.html b/post/create.html
@@ -32,16 +32,16 @@
 
     </head>
     <body>
-        <header class="bg-color-theme-light">
-            <nav class="h-f-container header-container font-primary">
+        <header id="header-logged-in" class="bg-color-theme-light">
+            <!-- <nav class="h-f-container header-container font-primary">
                 <div class="content-left">
                     <a href="../index.html" title="HotView Labs Blog">HotView Labs</a>
                 </div>
                 <div class="content-right">
                     <a href="../account/login.html">Log in</a>
                     <a href="../account/register.html">Register</a>
                 </div>
-            </nav>
+            </nav> -->
         </header>
         <main>
             <section id="edit-post-wrapper" class="edit-post-wrapper wrapper-padding-2">

diff --git a/post/edit.html b/post/edit.html
@@ -32,16 +32,16 @@
 
     </head>
     <body>
-        <header class="bg-color-theme-light">
-            <nav class="h-f-container header-container font-primary">
+        <header id="header-logged-in" class="bg-color-theme-light">
+            <!-- <nav class="h-f-container header-container font-primary">
                 <div class="content-left">
                     <a href="../index.html" title="HotView Labs Blog">HotView Labs</a>
                 </div>
                 <div class="content-right">
                     <a href="../account/login.html">Log in</a>
                     <a href="../account/register.html">Register</a>
                 </div>
-            </nav>
+            </nav> -->
         </header>
         <main>
             <section id="edit-post-wrapper" class="edit-post-wrapper wrapper-padding-2">