summaryrefslogtreecommitdiff
path: root/html/popup.html
diff options
context:
space:
mode:
Diffstat (limited to 'html/popup.html')
-rw-r--r--html/popup.html111
1 files changed, 111 insertions, 0 deletions
diff --git a/html/popup.html b/html/popup.html
new file mode 100644
index 0000000..ad6c258
--- /dev/null
+++ b/html/popup.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<!--
+ SPDX-License-Identifier: GPL-3.0-or-later OR CC-BY-SA-4.0
+
+ Show details of how Haketilo handled given page and allow querying
+ repositories for custom scripts.
+
+ This file is part of Haketilo.
+
+ Copyright (C) 2022 Wojtek Kosior <koszko@koszko.org>
+
+ File is dual-licensed. You can choose either GPLv3+, CC BY-SA or both.
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU General Public License as published by
+ the Free Software Foundation, either version 3 of the License, or
+ (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU General Public License for more details.
+
+ You should have received a copy of the GNU General Public License
+ along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+ I, Wojtek Kosior, thereby promise not to sue for violation of this file's
+ licenses. Although I request that you do not make use of this code in a
+ proprietary program, I am not going to enforce this in court.
+ -->
+<html>
+ <head>
+ <meta charset="utf-8"/>
+ <title>Haketilo popup</title>
+#LOADCSS html/reset.css
+#LOADCSS html/base.css
+#LOADCSS html/grid.css
+ <style>
+#IF TEST
+ html {
+ background-color: #444;
+ }
+#ENDIF
+
+ html, body {
+ width: 400px;
+ overflow-x: hidden;
+ overflow-y: auto;
+ }
+
+ #page_info_container {
+ padding: 0.4em;
+ }
+
+ #info_form, #unprivileged_page_info {
+ display: grid;
+ grid-template-columns: auto;
+ text-align: center;
+ }
+
+ #info_form * {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow-x: hidden;
+ }
+
+ #info_form label {
+ padding-bottom: 0.2em;
+ }
+ #info_form label+span, .top_but_container {
+ padding-bottom: 0.5em;
+ }
+ </style>
+ </head>
+ <body>
+ <!-- It contains just templates, we can include it at the top -->
+#INCLUDE html/repo_query.html
+ <div id="page_info_container">
+ <div id="loading_info">
+ Loading page info...
+ </div>
+ <div id="info_form" class="hide">
+ <label>Page URL:</label>
+ <span id="page_url"></span>
+ <label id="privileged_page_info" class="hide">Privileged page</label>
+ <div id="unprivileged_page_info" class="hide">
+ <label>Scripts blocked:</label>
+ <span id="scripts_blocked"></span>
+ <label>Injected payload:</label>
+ <span id="injected_payload"></span>
+ <label>Mapping used:</label>
+ <span id="mapping_used"></span>
+ </div>
+ </div>
+ <div class="text_center top_but_container">
+ <button id="search_resources_but" class="hide">
+ Search for custom resources
+ </button>
+ </div>
+ <div class="text_center">
+ <button id="settings_but">
+ Open settings
+ </button>
+ </div>
+ </div>
+ <div id="repo_query_container" class="hide">
+ <!-- Repo query view will be dynamically inserted here. -->
+ </div>
+#LOADJS html/popup.js
+ </body>
+</html>