src/settings.html


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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>µBlock — Settings</title>
<link rel="stylesheet" type="text/css" href="css/common.css">
<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">
<style>
ul {
    padding-left: 1em;
    }
li {
    margin-top: 0.25em;
    }
ul#userSettings {
    list-style-type: none;
    }
#localData > ul > li {
    margin-top: 1em;
    }
#localData > ul > li > ul > li:nth-of-type(2) {
    font-family: monospace;
    font-size: small;
    }
#experimental-enabled {
    margin-top: 1em;
    }
</style>
</head>

<body>

<ul id="userSettings">
    <li><input id="collapse-blocked" type="checkbox"><label data-i18n="settingsCollapseBlockedPrompt" for="collapse-blocked"></label>
    <li><input id="icon-badge" type="checkbox"><label data-i18n="settingsIconBadgePrompt" for="icon-badge"></label>
    <li><input id="context-menu-enabled" type="checkbox"><label data-i18n="settingsContextMenuPrompt" for="context-menu-enabled"></label>
    <li><input id="advanced-user-enabled" type="checkbox"><label data-i18n="settingsAdvancedUserPrompt" for="advanced-user-enabled"></label>
    <!-- <li><input id="experimental-enabled" type="checkbox" disabled><label data-i18n="settingsExperimentalPrompt" for="experimental-enabled"></label> -->
    </ul>

<div id="localData" style="margin: 0 1em;">
    <div style="margin: 2.5em 0; border-top: 1px solid #ccc;"></div>
    <ul>
        <li>
        <li style="display: none;"><span data-i18n="settingsLastBackupPrompt"></span><ul>
            <li>
            </ul>
        <li style="display: none;"><span data-i18n="settingsLastRestorePrompt"></span><ul>
            <li>
            <li>
            </ul>
        </ul>
    </div>

<div style="margin: 2.5em 1em;">
    <p><button type="button" id="export" data-i18n="aboutBackupDataButton"></button>&ensp;
       <button type="button" id="import" data-i18n="aboutRestoreDataButton"></button>
       <input id="restoreFilePicker" type="file" accept="text/plain" class="hiddenFileInput">
    <p>
    <p><button type="button" id="reset" data-i18n="aboutResetDataButton"></button>
    </div>

<script src="js/vapi-common.js"></script>
<script src="js/vapi-client.js"></script>
<script src="js/udom.js"></script>
<script src="js/i18n.js"></script>
<script src="js/dashboard-common.js"></script>
<script src="js/settings.js"></script>

</body>
</html>