diff options
Diffstat (limited to 'html/popup.html')
| -rw-r--r-- | html/popup.html | 111 |
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> |