forked from june07/NiM
/
options.html
117 lines (114 loc) · 5.89 KB
/
options.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
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
<!doctype html>
<script type="text/javascript" src="./js/googleanalytics.js"></script>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="./js/angular.min.js"></script>
<script type="text/javascript" src="./js/materialize.min.js"></script>
<script type="text/javascript" src="./js/nouislider.min.js"></script>
<script type="text/javascript" src="./js/angular-animate.min.js"></script>
<script type="text/javascript" src="options.js"></script>
<html ng-app="NimOptionsApp" ng-csp id="options-page">
<head>
<title><span class="i18n">pageOptionsTitle</span></title>
<!-- build:css ./css/vendor-options.min.css -->
<link rel="stylesheet" href="./css/vendor/options/nouislider.css">
<link rel="stylesheet" href="./css/vendor/options/icon.css">
<!-- /build -->
<!-- build:css ./css/vendor.min.css -->
<link rel="stylesheet" href="./css/vendor/font.css">
<link rel="stylesheet" href="./css/vendor/materialize.css">
<!-- /build -->
<!-- build:css ./css/nim.min.css -->
<link rel="stylesheet" href="./css/nim.css">
<!-- /build -->
</head>
<body id="nim" ng-controller="nimOptionsController as main">
<div class="">
<div class="row">
<div class="col s12 center white-text" id="options-header"><span class="i18n">options</span></div>
</div>
<div class="row">
<div class="col s1"></div>
<div class="col s10">
<ul class="collection with-header swing">
<li class="collection-header" id="collections-header"><span class="i18n">general</span>
<a href="#modal1" class="additional-options"><i class="tiny material-icons right" id="additionalOptions">settings</i></a>
</li>
<li class="collection-item">
<div class="switch right">
<label><span class="i18n">off</span>
<input type="checkbox" ng-model="bg.settings.newWindow" id="Open Inspector in new window" class="ga-track">
<span class="lever"></span><span class="i18n">on</span>
</label>
</div>
<span class="i18n">openInspectorNewWindow</span>
</li>
<li class="collection-item animate-swing-show" ng-show="bg.settings.newWindow">
<div class="switch right">
<label><span class="i18n">off</span>
<input type="checkbox" ng-model="bg.settings.windowFocused" id="Make Inspector Window Focused" class="ga-track">
<span class="lever"></span><span class="i18n">on</span>
</label>
</div>
<span class="i18n">makeInspectorWindowFocused</span>
</li>
<li class="collection-item animate-swing-show" ng-show="!bg.settings.newWindow">
<div class="switch right">
<label><span class="i18n">off</span>
<input type="checkbox" ng-model="bg.settings.tabActive" id="Make Inspector tab active" class="ga-track">
<span class="lever"></span><span class="i18n">on</span>
</label>
</div>
<span class="i18n">makeInspectorTabActive</span>
</li>
<li class="collection-item">
<div class="switch right">
<label><span class="i18n">off</span>
<input type="checkbox" ng-model="bg.settings.autoClose" id="Auto Close Inspector window" class="ga-track">
<span class="lever"></span><span class="i18n">on</span>
</label>
</div>
<span class="i18n">autoCloseInspector</span>
</li>
<li class="collection-item">
<div class="switch right">
<label><span class="i18n">off</span>
<input type="checkbox" ng-model="bg.settings.localDevTools" id="Local DevTools" class="ga-track">
<span class="lever"></span><span class="i18n">on</span>
</label>
</div>
<span class="i18n">localDevTools</span>
</li>
<li class="collection-item bottom">
<span class="i18n">secondsBetweenInspectorChecks</span>
<div class="right">
<span class="badge new i18n" data-badge-caption="seconds" id="checkInterval-value"></span>
</div>
<div id="checkInterval" ng-model="bg.settings.checkInterval"></div>
</li>
</ul>
<div id="modal1" class="modal">
<div class="modal-content">
<ul class="collection with-header">
<li class="collection-header" id="collections-header"><span class="i18n">debugging</span></li>
<li class="collection-item">
<div class="switch right">
<label><span class="i18n">off</span>
<input type="checkbox" ng-model="bg.settings.debug" id="Show debug window" class="ga-track">
<span class="lever"></span><span class="i18n">on</span>
</label>
</div>
<span class="i18n">showDebugWindow</span>
</li>
</ul>
</div>
</div>
</div>
<div class="col s1"></div>
</div>
<div class="row">
<div class="col s12 center"> <a class="btn light-green lighten-1" id="save button" value="Save Options" ng-click="saveButtonHandler()"><span class="i18n">save</span></a>
</div>
</div>
</div>
</body>
</html>