122 lines
4.7 KiB
HTML
122 lines
4.7 KiB
HTML
<!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>
|