bugfix: fixed everlasting location.reload on wrong credentials

pages/base.html

@@ -44,6 +44,7 @@
 </html>
 
 <script src="/scripts/auth.js"></script>
+<script src="/scripts/api.js"></script>
 <script>
     document.addEventListener('DOMContentLoaded', async function() {
         let username = getUsername();
@@ -57,14 +58,7 @@
         } 
 
         // Check if auth info is indeed valid
-        let response = await fetch("/api/user", {
+        let response = await get_user(username, password);
-            method: "GET",
-            headers: {
-                "EncryptedBase64": "false",
-                "Auth": username  + "<-->" + password
-            },
-        });
-
         if (response.ok) {
             let barAuth = document.getElementById("bar-auth");
             barAuth.innerHTML = "<b>" + username + "</b>" + " | ";
@@ -75,6 +69,7 @@
                 window.location.replace("/about");
             });
         } else {
+            forgetAuthInfo();
             window.location.replace("/about");
         }
     }, false)

pages/index.html

@@ -154,7 +154,7 @@
     </form>
   </div> -->
   
-  <form>
+<form action="javascript:void(0);">
     <div class="mb-3">
         <label for="new-todo-text" class="form-label">TODO</label>
         <input type="text" class="form-control" id="new-todo-text">
@@ -166,19 +166,32 @@
     <button id="new-todo-submit" class="btn btn-primary">Add</button>
 </form>
 
-  <div id="todos">
+
+<div id="groups">
 
 </div>
 
-  <div id="groups">
+<div id="todos">
 
 </div>
 
+
 <script>
 document.addEventListener('DOMContentLoaded', async function() {
+    let username = getUsername();
+    let password = getUserPassword();
+
+
+    // Make "Add" button to send 
     document.getElementById("new-todo-submit").addEventListener("click", async (event) => {
         let newTodoTextInput =  document.getElementById("new-todo-text");
         let newTodoText = newTodoTextInput.value;
+        if (newTodoText.length < 1) {
+            newTodoTextInput.setCustomValidity("At least one character is needed!");
+            return;
+        } else {
+            newTodoTextInput.setCustomValidity("");
+        }
         newTodoTextInput.value = "";
 
         let newTodoDueInput =  document.getElementById("new-todo-due");
@@ -186,57 +199,34 @@
         newTodoDueInput.value = 0;
 
         // Make a request
-        let response = await fetch("/api/group", {
+        let response = await post_new_todo(username, password, {text: newTodoText});
-            method: "GET",
+        if (response.ok) {
-            headers: {
+            location.reload();
-                "EncryptedBase64": "false",
+        }
-                "Auth": username  + "<-->" + password
-            },
-        });
     });
 
-    let groups = [];
-    let todos = [];
 
-    let username = getUsername();
+    // Fetch and display TODOs
-    let password = getUserPassword();
+    response = await get_todos(username, password);
+    let todosJson = await response.json();
+    if (response.ok && todosJson != null) {
+        let todosDiv = document.getElementById("todos");
+        todosJson.forEach((item) => {
+            console.log(item);
 
-    // TODO groups
+            let todo_complete_btn_id = "btn-complete-" + String(item.id);
-    let response = await fetch("/api/group", {
+
-            method: "GET",
+            todosDiv.innerHTML += "<p>" +  item.text + 
-            headers: {
+                "<small><button class='btn btn-success' id='" + todo_complete_btn_id + "'>" + 
-                "EncryptedBase64": "false",
+                "Done</button></small></p>";
-                "Auth": username  + "<-->" + password
-            },
-    });
         
-    let groupsJson = await response.json();
+            document.getElementById(todo_complete_btn_id).addEventListener("click", async (event) => {
+                response = await delete_todo(username, password, item);
                 if (response.ok) {
-          let groupsDiv = document.getElementById("groups");
+                    location.reload();
-          groupsJson.forEach((item) => {
-              groupsDiv.innerHTML += "<p>" +  item.Name + "</p>";
-          });
                 }
-
-    // TODOs
-    response = await fetch("/api/todo", {
-            method: "GET",
-            headers: {
-                "EncryptedBase64": "false",
-                "Auth": username  + "<-->" + password
-            },
             });
-
-    let todosJson = await response.json();
-    if (response.ok) {
-        let todosDiv = document.getElementById("todos");
-        todosJson.forEach((item) => {
-          todosDiv.innerHTML += "<p>" +  item.Text + "</p>";
         });
-        // for (let i = 0; i < todosJson.length; i++) {
-          // console.log(todosJson[i]);
-            // todosDiv.innerHTML += "<p>" +  todosJson[i].text + "</p>";
-        // }
     }
 }, false)
 </script>

scripts/api.js

@@ -0,0 +1,59 @@
+/*
+	Copyright (c) 2023 Kasyanov Nikolay Alexeyevich (Unbewohnte)
+*/
+
+
+async function post_new_todo(username, password, new_todo) {
+    return fetch("/api/todo", {
+        method: "POST",
+        headers: {
+            "EncryptedBase64": "false",
+            "Auth": username  + "<-->" + password,
+            "Content-Type": "application/json",
+        },
+        body: JSON.stringify(new_todo),
+    });
+}
+
+
+async function get_todos(username, password) {
+    return fetch("/api/todo", {
+        method: "GET",
+        headers: {
+            "EncryptedBase64": "false",
+            "Auth": username  + "<-->" + password
+        },
+    });
+}
+
+
+async function get_todo_groups(username, password) {
+    return fetch("/api/group", {
+        method: "GET",
+        headers: {
+            "EncryptedBase64": "false",
+            "Auth": username  + "<-->" + password
+        },
+    });
+}
+
+async function delete_todo(username, password, todo) {
+    return fetch("/api/todo", {
+        method: "DELETE",
+        headers: {
+            "EnctyptedBase64": "false",
+            "Auth": username + "<-->" + password,
+            body: JSON.stringify(todo),
+        },
+    });
+}
+
+async function get_user(username, password) {
+    return fetch("/api/user", {
+        method: "GET",
+        headers: {
+            "EncryptedBase64": "false",
+            "Auth": username  + "<-->" + password
+        },
+    });
+}

src/db/db.go

@@ -40,6 +40,7 @@ func setUpTables(db *DB) error {
 		id INTEGER PRIMARY KEY AUTOINCREMENT UNIQUE,
 		group_id INTEGER NOT NULL,
 		text TEXT NOT NULL,
+		time_created_unix INTEGER,
 		due_unix INTEGER,
 		owner_username TEXT NOT NULL,
 		FOREIGN KEY(group_id) REFERENCES todo_groups(id),

src/db/todo.go

@@ -6,8 +6,8 @@ import "database/sql"
 type TodoGroup struct {
 	ID              uint64 `json:"id"`
 	Name            string `json:"name"`
-	TimeCreatedUnix uint64 `json: "timeCreatedUnix`
+	TimeCreatedUnix uint64 `json:"timeCreatedUnix"`
-	OwnerUsername   string `json: "ownerUsername`
+	OwnerUsername   string `json:"ownerUsername"`
 }
 
 // Todo structure
@@ -115,6 +115,7 @@ func scanTodo(rows *sql.Rows) (*Todo, error) {
 		&newTodo.ID,
 		&newTodo.GroupID,
 		&newTodo.Text,
+		&newTodo.TimeCreatedUnix,
 		&newTodo.DueUnix,
 		&newTodo.OwnerUsername,
 	)
@@ -169,9 +170,10 @@ func (db *DB) GetTodos() ([]*Todo, error) {
 // Creates a new TODO in the database
 func (db *DB) CreateTodo(todo Todo) error {
 	_, err := db.Exec(
-		"INSERT INTO todos(group_id, text, due_unix, owner_username) VALUES(?, ?, ?, ?)",
+		"INSERT INTO todos(group_id, text, time_created_unix, due_unix, owner_username) VALUES(?, ?, ?, ?, ?)",
 		todo.GroupID,
 		todo.Text,
+		todo.TimeCreatedUnix,
 		todo.DueUnix,
 		todo.OwnerUsername,
 	)

src/server/api.go

@@ -198,6 +198,7 @@ func (s *Server) TodoEndpoint(w http.ResponseWriter, req *http.Request) {
 		err = s.db.CreateTodo(newTodo)
 		if err != nil {
 			http.Error(w, "Failed to create TODO", http.StatusInternalServerError)
+			logger.Error("[Server] Failed to put a new todo (%+v) into the db: %s", newTodo, err)
 			return
 		}