@@ -212,29 +215,29 @@ p
-
diff --git a/frontend/scripts/dashboard.js b/frontend/scripts/dashboard.js
index 3b4e7bf..1d59083 100644
--- a/frontend/scripts/dashboard.js
+++ b/frontend/scripts/dashboard.js
@@ -54,7 +54,7 @@ function updateListGui(field) {
}
-
+//----------------------------------------------------------------------------------------- Search Bar and Content Formatting
// const data = {
@@ -100,7 +100,7 @@ function getDisplayList(fieldnames,userdata){
}
}
-//-----------------------------------------------------------------------------------------
+//----------------------------------------------------------------------------------------- Filter Search
const search = document.getElementById('search');
@@ -127,7 +127,7 @@ function getFilterList(keyword,data) { //Gets Filtered Fie
//console.log(filterarray)
}
-//-----------------------------------------------------------------------------------------
+//----------------------------------------------------------------------------------------- "Add Data" Window Logic
const addentry = document.getElementById('addentry')
const entrywindow = document.querySelector('#entrycontainer')
@@ -135,6 +135,7 @@ const entrywindow = document.querySelector('#entrycontainer')
addentry.addEventListener('click', function() {
entrywindow.classList.toggle("hidden");
entrywindow.style.display = "flex";
+ addFieldLogic()
})
const exitentrywin = document.getElementById('backbtn')
@@ -143,13 +144,44 @@ exitentrywin.addEventListener('click', function() {
entrywindow.style.display = "none"
})
-//-----------------------------------------------------------------------------------------
+//----------------------------------------------------------------------------------------- Form Behaviour Logic
+function addFieldLogic() {
+ const forminputs = document.querySelectorAll('.inputfieldpanel div input[type="text"]')
+ const formcheckbox = document.querySelectorAll('.inputfieldpanel div input[type="checkbox"]')
+ formcheckbox.forEach((checkbox, index) => {
+ forminputs[index].disabled = true
+ forminputs[index].value = ''
+ checkbox.checked = false;
+ })
+ formcheckbox.forEach((checkbox, index) =>
+ checkbox.addEventListener('change', function(){
+ forminputs[index].disabled = !checkbox.checked;
+ if(forminputs[index].disabled){
+ forminputs[index].value = ''
+ }
+ })
+ )
+}
+
+//----------------------------------------------------------------------------------------- Form Data Logic
+
+function submitForm() {
+ const form = document.getElementById('formdata')
+ const formdata = new FormData(form)
+ console.log(formdata)
+}
+
+
+
+//----------------------------------------------------------------------------------------- Display User Information
function updateInfoGui(call) {
console.log(call)
}
+//----------------------------------------------------------------------------------------- Welcome Message
+
const greettext = document.querySelector('#greetname')
const masterusername = localStorage.getItem("username");
console.log(masterusername)
@@ -158,7 +190,7 @@ function greet(){
greettext.textContent = masterusername;
}
-//-----------------------------------------------------------------------------------------
+//----------------------------------------------------------------------------------------- Logout
async function logOut() {
try{
@@ -193,7 +225,6 @@ logoutbtn.addEventListener('click', () => {
window.onload = function() {
getData();
greet()
-
- entrywindow.classList.toggle("hidden");
- entrywindow.style.display = "flex";
+ // entrywindow.classList.toggle("hidden");
+ // entrywindow.style.display = "flex";
};
\ No newline at end of file
diff --git a/frontend/styles/dashboard.css b/frontend/styles/dashboard.css
index b5cf69e..ff96024 100644
--- a/frontend/styles/dashboard.css
+++ b/frontend/styles/dashboard.css
@@ -394,7 +394,7 @@ footer p{
width: 100%;
height: 100%;
background-color: hsl(0, 0%, 100%, 10%);
- display: flex;
+ display: none;
justify-content: center;
align-items: center;
backdrop-filter: blur(20px);