From 91564df25b0ef836af63d06949c46fe8415183c4 Mon Sep 17 00:00:00 2001
From: buzz-lightsnack-2007
 <73412182+buzz-lightsnack-2007@users.noreply.github.com>
Date: Tue, 23 Apr 2024 18:19:43 +0800
Subject: [PATCH] put the different results pages seperately, and then just
 import them

---
 pages/popup.htm         | 28 +++++++++++++---------------
 pages/popup/error.htm   | 12 ++++++++++++
 pages/popup/load.htm    | 13 +++++++++++++
 pages/popup/results.htm | 16 ++++++++++++++++
 4 files changed, 54 insertions(+), 15 deletions(-)
 create mode 100644 pages/popup/error.htm
 create mode 100644 pages/popup/load.htm
 create mode 100644 pages/popup/results.htm
diff --git a/pages/popup.htm b/pages/popup.htm
index d7610fb..0ae6fd1 100644
--- a/pages/popup.htm
+++ b/pages/popup.htm
@@ -5,23 +5,21 @@
 	<link href="/styles/popup.css" rel="stylesheet" type="text/css" />
 </head>
 <body>
-	<nav id="header" class="nav-wrapper transparent" data-result-linked="filters">
-		<ul class="left">
-			
+	<header>
+		<nav id="header" class="nav-wrapper transparent">
+			<ul class="right">
+				<li><a class="dropdown-trigger" data-target="dropdown_more" data-icon="menu"></a></li>
+			</ul>
+		</nav>
+		<ul id="dropdown_more" class="dropdown-content">
+			<li><a accesskey="r" data-action="analysis,reload" for="refresh"></a></li>
+			<li class="divider"></li>
+			<li><a accesskey="," data-action="open,settings" for="preferences"></a></li>
+			<li><a accesskey="?" data-action="open,help" for="help"></a></li>
 		</ul>
-		<ul class="right">
-			<li><a data-icon="cog" accesskey="," data-action="open,settings"></a></li>
-			<li><a data-icon="refresh" accesskey="r" data-action="analysis,reload"></a></li>
-		</ul>
-	</nav>
+	</header>
 	<main class="container">
-		<summary>
-			<p data-active-result="Description,Summary">Summary</p>
-			<p id="summary" class="flow-text" data-active-result="Rating,Reason">Reason</p>
-			<progress data-active-result="Rating,Score" min="0" max="1" value="0"></progress>
-		</summary>
-		<details>
-		</details>
+		<iframe src="popup/load.htm" class="viewer"></iframe>
 	</main>
 </body>
 
diff --git a/pages/popup/error.htm b/pages/popup/error.htm
new file mode 100644
index 0000000..fc8feef
--- /dev/null
+++ b/pages/popup/error.htm
@@ -0,0 +1,12 @@
+<html>
+     <head>
+          <script src="../../styles/external/materialize/js/materialize.js"></script> 
+          <script src="../../scripts/pages/popup.js" type="module"></script> 
+          <link href="../styles/popup.css" rel="stylesheet" type="text/css" />
+     </head>
+     <body id="error">
+          <h1>:(</h1>
+          <label class="flow-text" data-active-result="error_text"></label>
+          <button class="btn" data-action="analysis,reload" for="refresh" role="primary"></button>
+     </body>
+</html>
\ No newline at end of file
diff --git a/pages/popup/load.htm b/pages/popup/load.htm
new file mode 100644
index 0000000..67799ca
--- /dev/null
+++ b/pages/popup/load.htm
@@ -0,0 +1,13 @@
+<html>
+     <head>
+          <script src="../../styles/external/materialize/js/materialize.js"></script> 
+          <script src="../../scripts/pages/popup.js" type="module"></script> 
+          <link href="../styles/popup.css" rel="stylesheet" type="text/css" />
+     </head>
+     <body class="loading">
+          <label class="flow-text" data-text="loading_text"></label>
+          <div class="progress">
+               <div class="indeterminate"></div>
+          </div>
+     </body>
+</html>
\ No newline at end of file
diff --git a/pages/popup/results.htm b/pages/popup/results.htm
new file mode 100644
index 0000000..e8e89c1
--- /dev/null
+++ b/pages/popup/results.htm
@@ -0,0 +1,16 @@
+<html>
+     <head>
+          <script src="../../styles/external/materialize/js/materialize.js"></script> 
+          <script src="../../scripts/pages/popup.js" type="module"></script> 
+          <link href="../styles/popup.css" rel="stylesheet" type="text/css" />
+     </head>
+     <body id="results">
+          <summary>
+               <p data-active-result="Description,Summary"></p>
+               <p id="summary" class="flow-text" data-active-result="Rating,Reason"></p>
+               <progress id="score" data-active-result="Rating,Score" min="0" max="1" value=".2"></progress>
+          </summary>
+          <details>
+          </details>
+     </body>
+</html>
\ No newline at end of file
