js skeleton implemented

2024-06-18 15:57:08 +02:00
parent df1598e7c5
commit cddfdf546a
2 changed files with 63 additions and 1 deletions
--- a/src/main/resources/static/main.js
+++ b/src/main/resources/static/main.js
@@ -0,0 +1,61 @@
+
+const addButton = document.getElementById("add-btn");
+addButton.addEventListener("click", () => {
+    navigateToAdd();
+});
+
+const filterButton = document.getElementById("filter-btn");
+filterButton.addEventListener("change", () => {
+    const filterString = filterButton.value;
+    filter(filterString);
+});
+
+const searchButton = document.getElementById("search-btn");
+searchButton.addEventListener("click", () => {
+    const searchString = searchBar.value;
+    search(searchString);
+});
+const searchBar = document.getElementById("search-entry");
+searchBar.addEventListener("change", () => {
+    const searchString = searchBar.value;
+    search(searchString);
+});
+
+const sortButton = document.getElementById("sort-btn");
+sortButton.addEventListener("change", () => {
+    const sortString = sortButton.value;
+    sort(sortString);
+});
+
+const upvoteButton = document.getElementsByClassName("upvote-btn");
+upvoteButton.addEventListener("click", () => {
+    //const entryID = ;
+    vote(entryID, true);
+});
+
+const downvoteButton = document.getElementsByClassName("downvote-btn");
+downvoteButton.addEventListener("click", () => {
+    //const entryID;
+    vote(entryID, false);
+});
+
+function navigateToAdd() {
+
+}
+
+function filter(filterString) {
+
+}
+
+function search(searchString) {
+
+}
+
+function sort(sortString) {
+
+}
+
+function vote(entryID, up) {
+    fetch()
+
+}
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -4,7 +4,8 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DataDash</title>
-    <link rel="stylesheet" href="main.css">
+    <link rel="stylesheet" href="../static/main.css">
+    <script type="text/javascript" src="../static/main.js"></script>
 </head>
 <body>
    <div onclick="console.log('add')" id="add-btn" title="Add a new API entry"></div>