feat: added page that is loaded when URL cannot be loaded

jdev082 · jdev082 · commit a596bb286b75 · 2025-01-25T13:14:08.000-06:00
Signed-off-by: jdev082 &lt;jdev082@jdev.eu.org&gt;
diff --git a/src/fail.html b/src/fail.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Failed to load page</title>
+    <link rel="stylesheet" href="../styles.css">
+</head>
+<body>
+    <style>
+        * {
+            margin: 0 !important;
+        }
+        div {
+            margin-left: 48pt !important;
+            margin-top: 48pt !important;
+        }
+    </style>
+    <div id="title">
+        <h1>This page could not be loaded.</h1>
+        <p>This could be caused by the following:</p>
+    </div>
+    <div id="list">
+        <ul>
+            <li>No internet connection.</li>
+            <li>Bad network connection.</li>
+            <li>The page is down.</li>
+            <li>The URL was not typed correctly.</li>
+            <li>Your computer has invalid DNS settings.</li>
+        </ul>
+    </div>
+</body>
+</html>
diff --git a/src/search.js b/src/search.js
@@ -78,11 +78,6 @@ function loadURL(url, scheck='true') {
             return;
         }
         view.src = url;
-        view.addEventListener('did-fail-load', () => {
-            view.src = 'home.html';
-            alert(`Failed to load page ${url}`);
-            return;
-        });
     }
     removeChildren(suggestionsEl);
     view.addEventListener('did-finish-load', () => {
diff --git a/src/tabs.js b/src/tabs.js
@@ -144,6 +144,9 @@ function addListeners(view, hash) {
             tab.getElementsByTagName('img')[0].style.display = 'none';
         }
     });
+    view.addEventListener('did-fail-load', (e) => {
+        view.src = './fail.html'
+    });
 }
 
 function removeTab() {

Original file line number	Diff line number	Diff line change
`@@ -78,11 +78,6 @@ function loadURL(url, scheck='true') {`
`78`	`78`	`return;`
`79`	`79`	`}`
`80`	`80`	`view.src = url;`
`81`		`- view.addEventListener('did-fail-load', () => {`
`82`		`- view.src = 'home.html';`
`83`		- alert(`Failed to load page ${url}`);
`84`		`- return;`
`85`		`- });`
`86`	`81`	`}`
`87`	`82`	`removeChildren(suggestionsEl);`
`88`	`83`	`view.addEventListener('did-finish-load', () => {`
Original file line number	Diff line number	Diff line change
`@@ -144,6 +144,9 @@ function addListeners(view, hash) {`
`144`	`144`	`tab.getElementsByTagName('img')[0].style.display = 'none';`
`145`	`145`	`}`
`146`	`146`	`});`
	`147`	`+ view.addEventListener('did-fail-load', (e) => {`
	`148`	`+ view.src = './fail.html'`
	`149`	`+ });`
`147`	`150`	`}`
`148`	`151`
`149`	`152`	`function removeTab() {`