put the different results pages seperately, and then just import them

This commit is contained in:
buzz-lightsnack-2007 2024-04-23 18:19:43 +08:00
parent 81c5c6f825
commit 91564df25b
4 changed files with 54 additions and 15 deletions

12
pages/popup/error.htm Normal file
View file

@ -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>

13
pages/popup/load.htm Normal file
View file

@ -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>

16
pages/popup/results.htm Normal file
View file

@ -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>