Add "Edit Data" Data Logic

This commit is contained in:
Modo 2023-10-23 14:59:42 +05:30
parent 0142794302
commit 591c478325

View File

@ -152,6 +152,7 @@ const exitentrywin = document.getElementById('backbtn')
exitentrywin.addEventListener('click', function() { exitentrywin.addEventListener('click', function() {
entrywindow.style.display = "none" entrywindow.style.display = "none"
localStorage.removeItem("editVal")
}) })
//----------------------------------------------------------------------------------------- Form Behaviour Logic //----------------------------------------------------------------------------------------- Form Behaviour Logic
@ -290,6 +291,7 @@ function addFieldEditLogic(field){
const url = document.getElementById('urlfield') const url = document.getElementById('urlfield')
const sitename = document.getElementById('sitenamefield') const sitename = document.getElementById('sitenamefield')
const userdata = JSON.parse(localStorage.getItem("userdata")) const userdata = JSON.parse(localStorage.getItem("userdata"))
localStorage.setItem("editVal", field)
sitename.value = field sitename.value = field
url.value = userdata[field]["url"] url.value = userdata[field]["url"]
@ -332,7 +334,7 @@ function addFieldEditLogic(field){
//----------------------------------------------------------------------------------------- Edit Data Validation //----------------------------------------------------------------------------------------- Edit Data Validation
function validateEditData() { function validateDataEdit() {
if(validateEditSitename() && validateEditUrl()) if(validateEditSitename() && validateEditUrl())
editData(); editData();
return; return;
@ -376,16 +378,52 @@ function validateEditUrl(){
function editData() { function editData() {
const form = document.getElementById('formdata') const form = document.getElementById('formdata')
const formeditdata = new FormData(form) const formeditdata = new FormData(form)
formatEditData(formeditdata) editDataHandler(formeditdata)
} }
function formatEditData(editdata) { function editDataHandler(editdata) {
const objData = {}
const userdata = JSON.parse(localStorage.getItem("userdata"))
const entryname = localStorage.getItem("editVal")
let sitename; //from edit data
editdata.forEach((value, key)=>{
if(key == 'sitename'){
sitename = value;
}else {
objData[key] = value;
}
})
for(let field in objData){
let value = objData[field]
if(!(field in userdata[entryname])){
addNewField(entryname, field, value)
} else if(value != userdata[entryname][field]){
editFieldValue(entryname, field, value )
}
}
if(sitename != entryname){
changeEntryName(entryname, sitename)
}
} }
//----------------------------------------------------------------------------------------- Edit Data API Logic //----------------------------------------------------------------------------------------- Edit Data API Logic
function addNewField(sitename, field, value) {
console.log(sitename, field, value)
}
function editFieldValue(sitename, field, value) {
console.log(sitename, field, value)
}
function changeEntryName(entryname, sitename) {
console.log(entryname, sitename)
}
//----------------------------------------------------------------------------------------- Display User Information //----------------------------------------------------------------------------------------- Display User Information
@ -497,8 +535,7 @@ const logoutbtn = document.querySelector("#logout")
logoutbtn.addEventListener('click', () => { logoutbtn.addEventListener('click', () => {
console.log("logging out") console.log("logging out")
localStorage.removeItem("username") localStorage.clear()
localStorage.removeItem("userdata")
logOut() logOut()
}) })