From 24e2326dc4ec2433785b0b8f2ec639e81eabc246 Mon Sep 17 00:00:00 2001
From: Johnathon Slightham <slighthamj@gmail.com>
Date: Thu, 2 Feb 2023 15:26:47 -0500
Subject: [PATCH] Fixed issues with category routes and worked on post routes

---
 public/consts.js             |  25 +++-
 public/index.html            |  24 ++--
 public/manageCategories.html | 156 ++++++++++++++++++++++
 public/manageHome.html       |  69 +++++-----
 public/managePosts.html      | 250 +++++++++++++++++++++++++++++++++++
 public/register.html         |  12 +-
 routes/category.route.js     |   2 +-
 routes/post.route.js         |   2 +-
 routes/user.route.js         |  11 ++
 utils/account.js             |  15 ++-
 utils/viewcount.js           |   0
 11 files changed, 513 insertions(+), 53 deletions(-)
 create mode 100644 public/manageCategories.html
 create mode 100644 public/managePosts.html
 create mode 100644 utils/viewcount.js
diff --git a/public/consts.js b/public/consts.js
index 7913e33..d852935 100644
--- a/public/consts.js
+++ b/public/consts.js
@@ -1 +1,24 @@
-const backendURL = "http://127.0.0.1:8080";
\ No newline at end of file
+const backendURL = "http://127.0.0.1:8080";
+
+function setCookie(cname, cvalue, exdays) {
+    const d = new Date();
+    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
+    let expires = "expires=" + d.toUTCString();
+    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
+}
+
+function getCookie(cname) {
+    let name = cname + "=";
+    let decodedCookie = decodeURIComponent(document.cookie);
+    let ca = decodedCookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) == ' ') {
+            c = c.substring(1);
+        }
+        if (c.indexOf(name) == 0) {
+            return c.substring(name.length, c.length);
+        }
+    }
+    return "";
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 0591f69..35d5b46 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,10 +1,12 @@
 <html>
 
 <head>
-    
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-
+    <style>
+        body {
+            font-family: Arial, Helvetica, sans-serif;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 
 <body>
@@ -46,7 +48,7 @@
     </center>
 </body>
 
-<script src="./consts.js"></script> 
+<script src="./consts.js"></script>
 
 <script>
     function login() {
@@ -62,11 +64,17 @@
                 },
                 body: JSON.stringify({ email: email, password: password })
             });
-            const content = await rawResponse.text();
+            const content = await rawResponse.json();
 
-            console.log(content);
+            if (content.success) {
+                setCookie("userId", content.response.userId, 1);
+                setCookie("sessionId", content.response.sessionId, 1);
+                window.location.replace("/manage/manageHome.html");
+
+            } else {
+                alert("Incorrect email/password.");
+            }
         })();
-
     }
 </script>
 
diff --git a/public/manageCategories.html b/public/manageCategories.html
new file mode 100644
index 0000000..2464cc8
--- /dev/null
+++ b/public/manageCategories.html
@@ -0,0 +1,156 @@
+<html>
+
+<head>
+    <style>
+        body {
+            font-family: Arial, Helvetica, sans-serif;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+
+<body>
+    <center>
+        <h1>Kno-Logic Management Portal</h1>
+        <table border="black">
+            <th colspan="4">
+                Manage Categories
+            </th>
+            <tr>
+                <td>
+                    <a href="/manage/manageHome.html">Home</a>
+                </td>
+                <td>
+                    <a href="/manage/managePosts.html">Manage Posts</a>
+                </td>
+                <td>
+                    <a href="/manage/manageCategories.html">Manage Categories</a>
+                </td>
+                <td>
+                    <a href="/manage/manageHome.html">Analytics</a>
+                </td>
+            </tr>
+        </table>
+
+        <br>
+        <table border="black">
+            <th colspan="2">
+                Add Category
+            </th>
+            <tr>
+                <td>
+                    <label for="name">Category Name: </label>
+                </td>
+                <td>
+                    <input type="text" id="name" name="name">
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <label for="color">Category Color: </label>
+                </td>
+                <td>
+                    <input type="color" id="color" name="color">
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2">
+                    <center><button type="button" onclick="addCategory()">Add Category</button></center>
+                </td>
+            </tr>
+        </table>
+
+        <br>
+
+        <table border="black" id="listTable">
+            <th colspan="2">
+                List Categories
+            </th>
+            <tr>
+                <td>
+                    <strong>Name</strong>
+                </td>
+                <td>
+                    <strong>Color</strong>
+                </td>
+                </th>
+                <tbody>
+
+                </tbody>
+
+        </table>
+    </center>
+</body>
+
+<script src="./consts.js"></script>
+
+<script>
+    function verifySession() {
+        let userId = getCookie("userId");
+        let sessionId = getCookie("sessionId");
+
+        (async () => {
+            const rawResponse = await fetch(backendURL + '/v1/user/check-token', {
+                method: 'POST',
+                headers: {
+                    'Accept': 'application/json',
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ userId: userId, sessionId: sessionId })
+            });
+            const content = await rawResponse.json();
+
+            if (!content.success) {
+                window.location.replace("/manage/index.html");
+            }
+        })();
+    }
+
+    function getCategories() {
+        (async () => {
+            const rawResponse = await fetch(backendURL + '/v1/category/all', {
+                method: 'GET',
+            });
+            const content = await rawResponse.json();
+
+            var tbodyRef = document.getElementById('listTable').getElementsByTagName('tbody')[0];
+
+            content.response.forEach(element => {
+                var newRow = tbodyRef.insertRow();
+                newRow.innerHTML = `<td>${element.name}</td><td><input type='color' value='${element.color}' disabled></td>`;
+            });
+        })();
+    }
+
+    function addCategory() {
+        let userId = getCookie("userId");
+        let sessionId = getCookie("sessionId");
+        let name = document.getElementById("name").value;
+        let color = document.getElementById("color").value;
+
+        (async () => {
+            const rawResponse = await fetch(backendURL + '/v1/category/create', {
+                method: 'POST',
+                headers: {
+                    'Accept': 'application/json',
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ userId: userId, sessionId: sessionId, category: { name: name, color: color } })
+            });
+            const content = await rawResponse.json();
+
+            if (content.success) {
+                window.location.reload();
+            } else {
+                alert("Could not add category: " + content.response);
+            }
+
+            console.log(content);
+        })();
+    }
+
+    verifySession();
+    getCategories();
+</script>
+
+</html>
\ No newline at end of file
diff --git a/public/manageHome.html b/public/manageHome.html
index 416a785..73e6dcb 100644
--- a/public/manageHome.html
+++ b/public/manageHome.html
@@ -1,59 +1,64 @@
 <html>
 
 <head>
-    
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-
+    <style>
+        body {
+            font-family: Arial, Helvetica, sans-serif;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 
 <body>
     <center>
         <h1>Kno-Logic Management Portal</h1>
-            <table border="black">
-                <th colspan="4">
-                    Home
-                </th>
-                <tr>
-                    <td>
-                        <a href="/manage/manageHome.html">Home</a>
-                    </td>
-                    <td>
-                        <a href="/manage/managePosts.html">Manage Posts</a>
-                    </td>
-                    <td>
-                        <a href="/manage/manageCategories.html">Manage Categories</a>
-                    </td>
-                    <td>
-                        <a href="/manage/manageHome.html">Analytics</a>
-                    </td>
-                </tr>
-            </table>
+        <table border="black">
+            <th colspan="4">
+                Home
+            </th>
+            <tr>
+                <td>
+                    <a href="/manage/manageHome.html">Home</a>
+                </td>
+                <td>
+                    <a href="/manage/managePosts.html">Manage Posts</a>
+                </td>
+                <td>
+                    <a href="/manage/manageCategories.html">Manage Categories</a>
+                </td>
+                <td>
+                    <a href="/manage/manageHome.html">Analytics</a>
+                </td>
+            </tr>
+        </table>
     </center>
 </body>
 
-<script src="./consts.js"></script> 
+<script src="./consts.js"></script>
 
 <script>
-    function login() {
-        let email = document.getElementById("email").value;
-        let password = document.getElementById("password").value;
+    function verifySession() {
+        let userId = getCookie("userId");
+        let sessionId = getCookie("sessionId");
 
         (async () => {
-            const rawResponse = await fetch(backendURL + '/v1/user/login', {
+            const rawResponse = await fetch(backendURL + '/v1/user/check-token', {
                 method: 'POST',
                 headers: {
                     'Accept': 'application/json',
                     'Content-Type': 'application/json'
                 },
-                body: JSON.stringify({ email: email, password: password })
+                body: JSON.stringify({ userId: userId, sessionId: sessionId })
             });
-            const content = await rawResponse.text();
+            const content = await rawResponse.json();
 
-            console.log(content);
+            if (!content.success) {
+                window.location.replace("/manage/index.html");
+            }
         })();
-
     }
+
+    verifySession();
 </script>
 
 </html>
\ No newline at end of file
diff --git a/public/managePosts.html b/public/managePosts.html
new file mode 100644
index 0000000..f957bad
--- /dev/null
+++ b/public/managePosts.html
@@ -0,0 +1,250 @@
+<html>
+
+<head>
+    <style>
+        body {
+            font-family: Arial, Helvetica, sans-serif;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+
+<body>
+    <center>
+        <h1>Kno-Logic Management Portal</h1>
+        <table border="black">
+            <th colspan="4">
+                Manage Posts
+            </th>
+            <tr>
+                <td>
+                    <a href="/manage/manageHome.html">Home</a>
+                </td>
+                <td>
+                    <a href="/manage/managePosts.html">Manage Posts</a>
+                </td>
+                <td>
+                    <a href="/manage/manageCategories.html">Manage Categories</a>
+                </td>
+                <td>
+                    <a href="/manage/manageHome.html">Analytics</a>
+                </td>
+            </tr>
+        </table>
+
+        <br>
+        <table border="black">
+            <th colspan="2">
+                Add Post
+            </th>
+            <tr>
+                <td>
+                    <label for="title">Title: </label>
+                </td>
+                <td>
+                    <input type="text" id="title" name="title">
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <label for="description">Description: </label>
+                </td>
+                <td>
+                    <textarea id="description" name="description"></textarea>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <label for="author">Author: </label>
+                </td>
+                <td>
+                    <input type="text" id="author" name="author">
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <label for="category">Category (hold <code>CTRL</code> to select multiple): </label>
+                </td>
+                <td>
+                    <select name="category" id="category" style="width: 100%; height: 100px;" multiple>
+
+                    </select>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <label for="link">Link: </label>
+                </td>
+                <td>
+                    <input type="text" id="link" name="link">
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <label for="date">Date: </label>
+                </td>
+                <td>
+                    <input type="date" id="date" name="date">
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2">
+                    <center><button type="button" onclick="addPost()">Add Post</button></center>
+                </td>
+            </tr>
+        </table>
+
+        <br>
+
+        <table border="black" id="listTable">
+            <th colspan="9">
+                List Posts
+            </th>
+            <tr>
+                <td>
+                    <strong>Title</strong>
+                </td>
+                <td>
+                    <strong>Description</strong>
+                </td>
+                <td>
+                    <strong>Author</strong>
+                </td>
+                <td>
+                    <strong>Category</strong>
+                </td>
+                <td>
+                    <strong>Link</strong>
+                </td>
+                <td>
+                    <strong>Date</strong>
+                </td>
+                <td>
+                    <strong>Photo</strong>
+                </td>
+                <td>
+                    <strong>Edit</strong>
+                </td>
+                <td>
+                    <strong>Delete</strong>
+                </td>
+                </th>
+                <tbody>
+
+                </tbody>
+
+        </table>
+    </center>
+</body>
+
+<script src="./consts.js"></script>
+
+<script>
+    function verifySession() {
+        let userId = getCookie("userId");
+        let sessionId = getCookie("sessionId");
+
+        (async () => {
+            const rawResponse = await fetch(backendURL + '/v1/user/check-token', {
+                method: 'POST',
+                headers: {
+                    'Accept': 'application/json',
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ userId: userId, sessionId: sessionId })
+            });
+            const content = await rawResponse.json();
+
+            if (!content.success) {
+                window.location.replace("/manage/index.html");
+            }
+        })();
+    }
+
+    function getCategories() {
+        (async () => {
+            const rawResponse = await fetch(backendURL + '/v1/category/all', {
+                method: 'GET',
+            });
+            const content = await rawResponse.json();
+
+            var categoryRef = document.getElementById('category');
+
+            content.response.forEach(element => {
+                categoryRef.appendChild(new Option(element.name, element._id))
+            });
+        })();
+    }
+
+    function getPosts() {
+        (async () => {
+            const rawResponse = await fetch(backendURL + '/v1/post/all', {
+                method: 'GET',
+            });
+            const content = await rawResponse.json();
+
+            console.log(content);
+
+            var tbodyRef = document.getElementById('listTable').getElementsByTagName('tbody')[0];
+
+            content.response.forEach(element => {
+                var newRow = tbodyRef.insertRow();
+                newRow.innerHTML = `<td>${element.title}</td><td>${element.description}</td><td>${element.author}</td><td>${element.category.toString()}</td><td>${element.link}</td><td>${element.date}</td><td>${element.photo} <br> Edit Photo</td><td>Edit</td><td>Delete</td>`;
+            });
+        })();
+    }
+
+    function addPost() {
+        let userId = getCookie("userId");
+        let sessionId = getCookie("sessionId");
+        let title = document.getElementById("title").value;
+        let description = document.getElementById("description").value;
+        let author = document.getElementById("author").value;
+        let category = getSelectValues(document.getElementById("category"));
+        let link = document.getElementById("link").value;
+        let date = document.getElementById("date").value;
+
+        console.log(category);
+
+
+        (async () => {
+            const rawResponse = await fetch(backendURL + '/v1/post/create', {
+                method: 'POST',
+                headers: {
+                    'Accept': 'application/json',
+                    'Content-Type': 'application/json'
+                },
+                body: JSON.stringify({ userId: userId, sessionId: sessionId, 
+                    post: { title: title, description: description, author: author, category: category, link: link, date: date } })
+            });
+            const content = await rawResponse.json();
+
+            if (content.success) {
+                window.location.reload();
+            } else {
+                alert("Could not add post: " + content.response);
+            }
+        })();
+    }
+
+    function getSelectValues(select) {
+        let result = [];
+        let options = select && select.options;
+        let opt;
+
+        for (let i = 0, iLen = options.length; i < iLen; i++) {
+            opt = options[i];
+
+            if (opt.selected) {
+                result.push(opt.value || opt.text);
+            }
+        }
+        return result;
+    }
+
+    verifySession();
+    getCategories();
+    getPosts();
+</script>
+
+</html>
\ No newline at end of file
diff --git a/public/register.html b/public/register.html
index 239c412..2d68b43 100644
--- a/public/register.html
+++ b/public/register.html
@@ -1,10 +1,12 @@
 <html>
 
 <head>
-    
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-
+    <style>
+        body {
+            font-family: Arial, Helvetica, sans-serif;
+        }
+    </style>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 </head>
 
 <body>
@@ -54,7 +56,7 @@
     </center>
 </body>
 
-<script src="./consts.js"></script> 
+<script src="./consts.js"></script>
 
 <script>
     function login() {
diff --git a/routes/category.route.js b/routes/category.route.js
index 9264924..2f4f21c 100644
--- a/routes/category.route.js
+++ b/routes/category.route.js
@@ -21,7 +21,7 @@ categoryRoutes.route('/create').post((req, res) => {
     utils.account.checkSession(req.body.userId, req.body.sessionId, (isValidId) => {
         utils.account.isAdmin(req.body.userId, (isAdmin) => {
             if (isValidId && isAdmin) {
-                let c = new Category(req.body);
+                let c = new Category(req.body.category);
                 c.save()
                     .then(() => {
                         res.status(200).json({ success: true, response: c });
diff --git a/routes/post.route.js b/routes/post.route.js
index 2c8f19d..e6a17ff 100644
--- a/routes/post.route.js
+++ b/routes/post.route.js
@@ -21,7 +21,7 @@ postRoutes.route('/create').post((req, res) => {
     utils.account.checkSession(req.body.userId, req.body.sessionId, (isValidId) => {
         utils.account.isAdmin(req.body.userId, (isAdmin) => {
             if (isValidId && isAdmin) {
-                let p = new Post(req.body);
+                let p = new Post(req.body.post);
                 p.date = utils.date.dateToEpoch(p.date);
                 p.save()
                     .then(() => {
diff --git a/routes/user.route.js b/routes/user.route.js
index 8a353fa..129ac98 100644
--- a/routes/user.route.js
+++ b/routes/user.route.js
@@ -243,6 +243,17 @@ userRoutes.route('/favorite/get').post((req, res) => {
     })
 })
 
+userRoutes.route('/check-token').post((req, res) => {
+    utils.account.checkSession(req.body.userId, req.body.sessionId, valid => {
+        if (valid) {
+            res.status(200).json({ success: true, response: "Valid SessionId" });
+
+        } else {
+            res.status(401).json({ success: false, response: "Incorrect SessionId" });
+        }
+    });
+});
+
 userRoutes.route('/refresh').post((req, res) => {
     utils.account.checkRefresh(req.body.userId, req.body.refresh, valid => {
         if (valid) {
diff --git a/utils/account.js b/utils/account.js
index 2a230b0..75b19d3 100644
--- a/utils/account.js
+++ b/utils/account.js
@@ -4,12 +4,17 @@ const bcrypt = require('bcrypt');
 
 // checkSession(userId, sessionId) checks if the sessionId is valid for the user
 const checkSession = (userId, sessionId, f) => {
+    let success = false;
     Session.find({ userId: userId, sessionId: sessionId }, (err, res) => {
-        if (res && res.type == 0) {
-            f(true);
-            return;
-        }
-        f(false);
+        res.forEach(element => {
+            if (element.type == 0 && !success) {
+                success = true;
+                f(true);
+                return;
+            }
+        })
+        if (!success)
+            f(false);
     });
 }
 
diff --git a/utils/viewcount.js b/utils/viewcount.js
new file mode 100644
index 0000000..e69de29

+ Add Post +
+ Title: +	+ +
+ Description: +	+ +
+ Author: +	+ +
+ Category (hold `CTRL` to select multiple): +	+ +
+ Link: +	+ +
+ Date: +	+ +
+ +