Project

General

Profile

Download (3.1 KB) Statistics
| Branch: | Tag: | Revision:

haketilo / html / popup.html @ 57ce414c

1
<!DOCTYPE html>
2
<!--
3
    SPDX-License-Identifier: GPL-3.0-or-later OR CC-BY-SA-4.0
4

    
5
    Show details of how Haketilo handled given page and allow querying
6
    repositories for custom scripts.
7

    
8
    This file is part of Haketilo.
9

    
10
    Copyright (C) 2022 Wojtek Kosior <koszko@koszko.org>
11

    
12
    File is dual-licensed. You can choose either GPLv3+, CC BY-SA or both.
13

    
14
    This program is free software: you can redistribute it and/or modify
15
    it under the terms of the GNU General Public License as published by
16
    the Free Software Foundation, either version 3 of the License, or
17
    (at your option) any later version.
18

    
19
    This program is distributed in the hope that it will be useful,
20
    but WITHOUT ANY WARRANTY; without even the implied warranty of
21
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
22
    GNU General Public License for more details.
23

    
24
    You should have received a copy of the GNU General Public License
25
    along with this program.  If not, see <https://www.gnu.org/licenses/>.
26

    
27
    I, Wojtek Kosior, thereby promise not to sue for violation of this file's
28
    licenses. Although I request that you do not make use of this code in a
29
    proprietary program, I am not going to enforce this in court.
30
  -->
31
<html>
32
  <head>
33
    <meta charset="utf-8"/>
34
    <title>Haketilo popup</title>
35
#LOADCSS html/reset.css
36
#LOADCSS html/base.css
37
#LOADCSS html/grid.css
38
    <style>
39
#IF TEST
40
      html {
41
          background-color: #444;
42
      }
43
#ENDIF
44

    
45
      html, body {
46
	  width: 400px;
47
	  overflow-x: hidden;
48
	  overflow-y: auto;
49
      }
50

    
51
      #page_info_container {
52
	  padding: 0.4em;
53
      }
54

    
55
      #info_form, #unprivileged_page_info {
56
	  display: grid;
57
	  grid-template-columns: auto;
58
      }
59

    
60
      #info_form * {
61
	  text-align: center;
62
	  white-space: nowrap;
63
	  text-overflow: ellipsis;
64
	  overflow-x: hidden;
65
      }
66

    
67
      #info_form label {
68
	  padding-bottom: 0.2em;
69
      }
70
      #info_form label+span, .top_but_container {
71
	  padding-bottom: 0.5em;
72
      }
73

    
74
      #info_form .long_msg {
75
	  white-space: normal;
76
      }
77
    </style>
78
  </head>
79
  <body>
80
    <!-- It contains just templates, we can include it at the top -->
81
#INCLUDE html/repo_query.html
82
    <div id="page_info_container">
83
      <div id="loading_info">
84
	Loading page info...
85
      </div>
86
      <div id="info_form" class="hide">
87
	<label>Page URL:</label>
88
	<span id="page_url"></span>
89
	<label id="privileged_page_info" class="hide">Privileged page</label>
90
	<div id="unprivileged_page_info" class="hide">
91
	  <label>Scripts blocked:</label>
92
	  <span id="scripts_blocked"></span>
93
	  <label>Injected payload:</label>
94
	  <span id="injected_payload"></span>
95
	  <label>Mapping used:</label>
96
	  <span id="mapping_used"></span>
97
	</div>
98
      </div>
99
      <div class="text_center top_but_container">
100
	<button id="search_resources_but" class="hide">
101
	  Search for custom resources
102
	</button>
103
      </div>
104
      <div class="text_center">
105
	<button id="settings_but">
106
	  Open settings
107
	</button>
108
      </div>
109
    </div>
110
    <div id="repo_query_container" class="hide">
111
      <!-- Repo query view will be dynamically inserted here. -->
112
    </div>
113
#LOADJS html/popup.js
114
  </body>
115
</html>
(18-18/27)