summaryrefslogtreecommitdiff
path: root/data/extensions/jsr@javascriptrestrictor/popup.html
blob: 795e9eabf5f7f8909f95fe1d0ec8046ca3a1869e (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<!--
SPDX-FileCopyrightText: 2021 2019 Libor Polčák
SPDX-FileCopyrightText: 2021 2019 Martin Timko
SPDX-FileCopyrightText: 2021 2021 Marek Saloň
SPDX-FileCopyrightText: 2022 2021 Giorgio Maone

SPDX-License-Identifier: GPL-3.0-or-later
-->
<html>
<head>
	<meta charset="utf-8">
  <link rel="stylesheet" type="text/css" href="common.css">
	<link rel="stylesheet" type="text/css" href="popup.css">
	<script src="/nscl/lib/browser-polyfill.js" type="text/javascript"></script>
	<script src="url.js" type="text/javascript"></script>
	<script src="levels_browser.js" type="text/javascript"></script>
  <script src="settings_tweaks.js" type="text/javascript" defer></script>
	<script src="levels.js" type="text/javascript"></script>
	<script src="helpers.js" type="text/javascript" defer></script>
	<script src="tweaks_gui.js" type="text/javascript" defer></script>
	<script src="popup.js" type="text/javascript" defer></script>
	<script src="i18n_translate_dom.js" type="text/javascript" defer></script>
</head>
<body>

	<header>
		<div class="flex align-items-center">
			<div><img class="logo" id="logo" src="../img/icon-128.png" alt="JShelter logo" /></div>
			<div><h3 id="titletext">JShelter</h3></div>
		</div>
		<button id="global-settings" title="Open global settings" data-localize="globalSettings">Global settings</button>
	</header>
	<p class="alert mv3" id="mv3-devmode-required" issue166-localize="MV3DevmodeRequired" htmltranslation></p>
	<content id="site-settings">
		<div class="flex align-items-center justify-content-between">
			<label class="text-large" data-localize="settingsForDomain">Settings for domain</label>
			<h3 id="current-site"></h3>
			<button id="refresh-page" data-localize="refreshPage" disabled>Refresh page</button>
		</div>

		<section id="level_controls">
			<div class="section-header toggle">
				<label for="jss-switch" data-localize="javascriptShield">JavaScript Shield</label>
				<input type="checkbox" id="js-toggle" name="js-toggle" title="Edit JavaScript Shield settings" />
				<label for="js-toggle" id="js-toggle-btn" class="js-toggle" data-localize="modifyJSSPopup">Modify</label>
				<label class="switch">
					<input id="jss-switch" type="checkbox" checked>
					<label for="jss-switch" class="slider"></label>
				</label>
			</div>
			<div id="js-settings" class="section-body">
				<div id="current_site_level_settings">
					<div id="level-select">
					</div>
					<p id="current-level">
					<strong id="level-text"></strong><span id="level-description"></span>
					<a class="more hidden_descr" href="#" data-localize="descriptionMore">(more...)</a>
					<a class="less hidden_descr" href="#" data-localize="descriptionLess">(less...)</a>
					</p>
				</div>
				<div class="buttons"><button id="btn-tweak" data-localize="detailTweaksOfJSShieldForThisSite">Detail tweaks of JS shield for this site</button></div>
				<div id="tweaks"></div>
			</div>
		</section>


		<template id="tweak-head">
			<span class="head" data-localize="wrappers">Group of APIs</span>
			<span class="head" data-localize="levelOfDefense">Level of defense</span></span><span></span>
			<span class="head" data-localize="numberOfCalls">Number of calls</span>
		</template>
		<template id="tweak-row">
			<label>Wrapper group name</label>
			<div class="tweak">
				<input class="tlev" type="range" min="0" max="3" /><output></output>
			</div>
			<button class="help"></button>
			<div class="hits"></div>
			<div class="explainer hidden_descr">
				<span class="description"></span>
				<p>
					<div class="more"></div>
				</p>
				<div class="status"></div>
			</div>
		</template>


			<section id="nbs_whitelist" class="mv2">
				<p class="off_message" data-localize="NBSgloballyOff">Network Boundary Shield is globally off.</p>
				<div class="switch_wrapper">
						<label for="nbs-switch" data-localize="networkBoundaryShield">Network Boundary Shield</label>
						<label class="switch">
							<input id="nbs-switch" type="checkbox" checked>
							<label for="nbs-switch" class="slider"></label>
					</label>
				</div>
			</div>
	   </section>

		 <section id="fpd_whitelist">
				<p class="off_message" data-localize="FPDgloballyOff">Fingerprint Detector is globally off.</p>
				<div class="switch_wrapper">
					<label for="fpd-switch" data-localize="fingerprintDetector">Fingerprint Detector</label>
					<label class="switch">
						<input id="fpd-switch" type="checkbox" checked>
						<label for="fpd-switch" class="slider"></label>
					</label>
				</div>
			</section>

			<div id="severity_container" class="hidden">
				<label for="severity_value" data-localize="FingerprintQualityLabel">⤷
					Likelihood that the page fingerprinted you: </label>
					<button id="severity_value"></button>
			</div>

	</content>
</body>

</html>