notif perms even in /status

4 files changed, 42 insertions, 31 deletions

diff --git a/frontend/permissionrequest.js b/frontend/permissionrequest.js
new file mode 100644
index 0000000..34b4ed5
--- /dev/null
+++ b/frontend/permissionrequest.js
@@ -0,0 +1,30 @@
+const notif = document.getElementById("notif-panel");
+const notbtn = document.getElementById("notbtn");
+
+OneSignalDeferred.push(async function(OneSignal) {
+	try {
+
+	if (OneSignal.Notifications.permission) {
+		notif.remove();
+		startbtn.disabled = false;
+	}
+	data.onesignal_subscription_id = OneSignal.User.PushSubscription["id"];
+	}
+	catch (e) {
+		console.error("onesignal error ", e);
+	}
+});
+
+console.log("notbtn")
+
+notbtn.addEventListener("click", () => requestPermission())
+async function requestPermission() {
+	console.log("Requesting permission...");
+	const onesignal_result = await OneSignal.Notifications.requestPermission();
+	console.log(onesignal_result);
+	if (onesignal_result) {
+		notif.remove();
+		startbtn.disabled = false;
+		data.onesignal_subscription_id = OneSignal.User.PushSubscription["id"];
+	}
+}
diff --git a/frontend/start.js b/frontend/start.js
index a752e37..5f8270c 100644
--- a/frontend/start.js
+++ b/frontend/start.js
@@ -28,11 +28,9 @@
 		document.getElementById("washer2"),
 	]
 
-	divs[machine - 1].classList.add("machine-selected");	
+		divs[machine - 1].classList.add("machine-selected");	
 })();
 
-const notif = document.getElementById("notif-panel");
-const notbtn = document.getElementById("notbtn");
 const startbtn = document.getElementById("startbtn");
 
 startbtn.addEventListener("click", () => {
@@ -44,31 +42,3 @@ data.machine_id = urlParams.get('machine');
 console.log(urlParams);
 
 startUpdateMachines();
-
-OneSignalDeferred.push(async function(OneSignal) {
-	try {
-
-	if (OneSignal.Notifications.permission) {
-		notif.remove();
-		startbtn.disabled = false;
-	}
-	data.onesignal_subscription_id = OneSignal.User.PushSubscription["id"];
-	}
-	catch (e) {
-		console.error("onesignal error ", e);
-	}
-});
-
-console.log("notbtn")
-
-notbtn.addEventListener("click", () => requestPermission())
-async function requestPermission() {
-	console.log("Requesting permission...");
-	const onesignal_result = await OneSignal.Notifications.requestPermission();
-	console.log(onesignal_result);
-	if (onesignal_result) {
-		notif.remove();
-		startbtn.disabled = false;
-		data.onesignal_subscription_id = OneSignal.User.PushSubscription["id"];
-	}
-}
diff --git a/frontend/start/index.html b/frontend/start/index.html
index 65e4b3a..2819bd7 100644
--- a/frontend/start/index.html
+++ b/frontend/start/index.html
@@ -91,5 +91,6 @@
 		<a href="mailto:dev@altafcreator.com" class="feedback"><span>✉️ Bugs? Feedback?</span></a>
 		<script src="/main.js"></script>
 		<script src="/start.js"></script>
+		<script src="/permissionrequest.js"></script>
 	</body>
 </html>
diff --git a/frontend/status/index.html b/frontend/status/index.html
index 3093508..f69ca1d 100644
--- a/frontend/status/index.html
+++ b/frontend/status/index.html
@@ -29,6 +29,15 @@
 			<span id="logo">Victoria Hall<br>LaundryWeb</span>
 			<span id="logo-id">H?</span>
 		</div>
+		<div class="section-container row bg-red" id="notif-panel">
+			<div class="flex-center-container">
+				<span class="icon">🔔</span>
+			</div>
+			<div>
+				<span>Please allow this website to send you notifications to remind you about your laundry. That's like, the whole point of this website.</span>
+				<button id="notbtn" class="button bg-redder">Enable Required Permissions</button>
+			</div>
+		</div>
 		<div class="section-container no-pad">
 			<h1 id="status-title">Machine Status for H?</h1>
 			<div class="machine-container">
@@ -108,5 +117,6 @@
 		<a href="mailto:dev@altafcreator.com" class="feedback"><span>✉️ Bugs? Feedback?</span></a>
 		<script src="/main.js"></script>
 		<script src="/status.js"></script>
+		<script src="/permissionrequest.js"></script>
 	</body>
 </html>