From be40d9642fa254be7900242bf4fccbd1dec9f930 Mon Sep 17 00:00:00 2001
From: Daniel <daniel.jank@protonmail.com>
Date: Wed, 18 Jan 2023 17:24:34 +0100
Subject: [PATCH] Make it working with no cookies

---
 README.md    |  2 +-
 css/main.css |  7 +++++++
 index.html   |  1 +
 js/dom.js    | 30 +++++++++++++++++++++---------
 js/main.js   |  4 ++--
 5 files changed, 32 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index 6f99d1a..d12fc37 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@ This will be a dashboard hosted on my homeserver with self-hosted stuff. But, fo
 - [ ] Fix blur flicker on showing/hiding pages
 - [x] Open in new tab setting
 - [x] Better icon colors in 'More' page
-- [ ] Work with blocked cookies
+- [x] Work with blocked cookies
 - [ ] Minor code optimizations
 
 blah blah blah
\ No newline at end of file
diff --git a/css/main.css b/css/main.css
index 70dedec..c203b83 100644
--- a/css/main.css
+++ b/css/main.css
@@ -389,4 +389,11 @@ a.box {
 }
 .hostedby b {
 	color: #56F;
+}
+.warn {
+	margin: 8px 0;
+	color: #F60;
+}
+.none {
+	display: none;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 747fdac..d9e211f 100644
--- a/index.html
+++ b/index.html
@@ -92,6 +92,7 @@
 						<div class="hostedby">All services hosted by <b id="app-hostedby"></b></div>
 					</div>
 					<div class="screen hidden">
+						<div class="warn none" id="nocook">WARNING: due to blocked cookies, all settings will be lost after page reload</div>
 						<div class="settings">
 							<div class="setting" onclick="switch_theme()" id="setting-theme">
 								<div class="icon">dark_mode</div>
diff --git a/js/dom.js b/js/dom.js
index 49adc2d..6173a8c 100644
--- a/js/dom.js
+++ b/js/dom.js
@@ -46,16 +46,26 @@ function mk_entry(app) {
 		</a>`;
 }
 
-function config(key, value) {
-	let def = CONFIG["ui"][key];
-	let val = localStorage.getItem(key);
-	if (def == value && !val) return;
-	if (value !== undefined) {
-		localStorage.setItem(key, value);
-		return;
+function check_cookies() {
+	try {
+		localStorage;
+		return true;
 	}
-	if (!val) val = CONFIG["ui"][key].toString();
-	return val;
+	catch {
+		return false;
+	}
+}
+
+function config(key, value) {
+	let write = value !== undefined;
+	if (check_cookies()) {
+		let val = localStorage.getItem(key);
+		if (CONFIG["ui"][key] == value && !val) return;
+		if (write) localStorage.setItem(key, value);
+		return val;
+	}
+	if (write) CONFIG["ui"][key] = value.toString();
+	return CONFIG["ui"][key].toString();
 }
 
 function get_bool(key) {
@@ -63,11 +73,13 @@ function get_bool(key) {
 }
 
 function load_config(conf) {
+	CONFIG_DEFAULT = conf;
 	if (conf) CONFIG = JSON.parse(conf);
 	let ui = CONFIG.ui;
 	set("app-name", ui.name);
 	set("app-desc", ui.desc);
 	get("app-icon").src = ui.icon;
+	if (!check_cookies()) get("nocook").classList.remove("none");
 	if (ui.hosted_by) set("app-hostedby", ui.hosted_by);
 	else get("app-hostedby").parentNode.style.display = "none";
 	load_apps();
diff --git a/js/main.js b/js/main.js
index 0d62ccb..69787e2 100644
--- a/js/main.js
+++ b/js/main.js
@@ -74,8 +74,8 @@ function new_tab_toggle(value) {
 }
 
 function reset_all_settings() {
-	localStorage.clear();
-	load_config();
+	if (check_cookies()) localStorage.clear();
+	load_config(CONFIG_DEFAULT);
 }
 
 let S_TAP_LOCK;