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

View file

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

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>