no cookies anymore; only localstorage
This commit is contained in:
parent
561a9f0228
commit
8b893d9661
6 changed files with 93 additions and 1507 deletions
49
js/index.js
49
js/index.js
|
|
@ -1,30 +1,11 @@
|
|||
getCookie = () => {
|
||||
let name = "brudi=";
|
||||
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 JSON.parse(c.substring(name.length, c.length));
|
||||
}
|
||||
}
|
||||
return "";
|
||||
}
|
||||
|
||||
setCookie = () => {
|
||||
const d = new Date();
|
||||
d.setTime(d.getTime() + (180*24*60*60*1000)); // 180 days
|
||||
const data = JSON.stringify({
|
||||
saveFormData = () => {
|
||||
localStorage.setItem("bezahlbrudiFormData", JSON.stringify({
|
||||
name: document.querySelector("#name input").value,
|
||||
iban: document.querySelector("#iban input").value.toUpperCase(),
|
||||
bic: document.querySelector("#bic input").value.toUpperCase(),
|
||||
amount: parseFloat(document.querySelector("#amount input").value).toFixed(2),
|
||||
purpose: document.querySelector("#purpose input").value
|
||||
});
|
||||
document.cookie = `brudi=${data};expires=${d.toUTCString()};path=/;SameSite=Strict;Secure`;
|
||||
}));
|
||||
}
|
||||
|
||||
// Field data checks
|
||||
|
|
@ -162,10 +143,9 @@ document.querySelector("#purpose input").addEventListener("input", (event) => {
|
|||
// Remember inputs
|
||||
document.querySelector("#rememberme").addEventListener("change", (event) => {
|
||||
if (event.target.checked) {
|
||||
console.log("Save Name, IBAN and BIC to cookie..");
|
||||
setCookie();
|
||||
saveFormData();
|
||||
} else {
|
||||
console.log("Remove Cookie..");
|
||||
localStorage.clear();
|
||||
}
|
||||
})
|
||||
|
||||
|
|
@ -229,19 +209,20 @@ ${document.querySelector("#purpose input").value}
|
|||
}
|
||||
|
||||
if (document.querySelector("#rememberme").checked) {
|
||||
setCookie()
|
||||
saveFormData();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Fill in form from cookie
|
||||
const cookie = getCookie();
|
||||
if (cookie !== "") {
|
||||
document.querySelector("#name input").value = cookie.name;
|
||||
document.querySelector("#iban input").value = cookie.iban;
|
||||
document.querySelector("#bic input").value = cookie.bic;
|
||||
document.querySelector("#amount input").value = cookie.amount;
|
||||
document.querySelector("#purpose input").value = cookie.purpose;
|
||||
// Fill in form from local storage
|
||||
const savedData = localStorage.getItem("bezahlbrudiFormData");
|
||||
if (savedData) {
|
||||
const formData = JSON.parse(savedData);
|
||||
document.querySelector("#name input").value = formData["name"];
|
||||
document.querySelector("#iban input").value = formData["iban"];
|
||||
document.querySelector("#bic input").value = formData["bic"];
|
||||
document.querySelector("#amount input").value = formData["amount"];
|
||||
document.querySelector("#purpose input").value = formData["purpose"];
|
||||
document.querySelector("#rememberme").checked = true;
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue