From 6b6eda401fa3f417376654e98e3aa9c7d4b2ca55 Mon Sep 17 00:00:00 2001
From: Nic Limper <nic@xs4all.nl>
Date: Sat, 29 Jul 2023 11:14:52 +0200
Subject: [PATCH] notification on webpage on filesystem full

---
 ESP32_AP-Flasher/data/www/main.css | 5 +++++
 ESP32_AP-Flasher/data/www/main.js  | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/ESP32_AP-Flasher/data/www/main.css b/ESP32_AP-Flasher/data/www/main.css
index f9960425..f23b0e0e 100644
--- a/ESP32_AP-Flasher/data/www/main.css
+++ b/ESP32_AP-Flasher/data/www/main.css
@@ -250,6 +250,11 @@ select {
 	float: right;
 }
 
+.blink-red {
+	animation: tagflash 1s infinite;
+	color: red;
+}
+
 .taglist {
 	display: flex;
 	flex-wrap: wrap;
diff --git a/ESP32_AP-Flasher/data/www/main.js b/ESP32_AP-Flasher/data/www/main.js
index 0977353d..ab5d510e 100644
--- a/ESP32_AP-Flasher/data/www/main.js
+++ b/ESP32_AP-Flasher/data/www/main.js
@@ -129,7 +129,11 @@ function connect() {
 			processTags(msg.tags);
 		}
 		if (msg.sys) {
-			$('#sysinfo').innerHTML = 'free heap: ' + convertSize(msg.sys.heap) + ' &#x2507; db size: ' + convertSize(msg.sys.dbsize) + ' &#x2507; db record count: ' + msg.sys.recordcount + ' &#x2507; filesystem free: ' + convertSize(msg.sys.littlefsfree);
+			let filesystem = 'filesystem free: ' + convertSize(msg.sys.littlefsfree);
+			if (msg.sys.littlefsfree < 31000) {
+				filesystem = 'filesystem <span class="blink-red" title="Generating content is paused">FULL! ' + convertSize(msg.sys.littlefsfree) + '</span>';
+			}
+			$('#sysinfo').innerHTML = 'free heap: ' + convertSize(msg.sys.heap) + ' &#x2507; db size: ' + convertSize(msg.sys.dbsize) + ' &#x2507; db record count: ' + msg.sys.recordcount + ' &#x2507; ' + filesystem;
 			if (msg.sys.apstate) {
 				$("#apstatecolor").style.color = apstate[msg.sys.apstate].color;
 				$("#apstate").innerHTML = apstate[msg.sys.apstate].state;