-
Notifications
You must be signed in to change notification settings - Fork 2
/
options.html
171 lines (171 loc) · 5.55 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>JavaScript Errors Notifier</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="common.js"></script>
<script type="text/javascript" src="options.js"></script>
<style>
a {
font-weight: 600;
}
</style>
</head>
<body>
<h2>Global options</h2>
<div class="options" id="optionsBlock" style="white-space: nowrap;">
<label>
<input type="checkbox" id="hideInPage" />
Hide error notification icon in page
</label>
<label>
<input type="checkbox" id="showIcon" />
Show error notification icon on all domains
</label>
<label>
<input type="checkbox" id="showPopup" />
Show popup with error details on all domains
</label>
<label>
<input type="checkbox" id="showPopupOnMouseOver" />
Show popup on notification icon mouseover
</label>
<label>
<input type="checkbox" id="showTrace" />
Show errors stack traces
</label>
<label>
<input type="checkbox" id="showColumn" />
Show errors column numbers
</label>
<label>
<input type="checkbox" id="relativeErrorUrl" />
Show relative error source URL
</label>
<label>
<input type="checkbox" id="linkStackOverflow" />
Link error text to
<a href="http://stackoverflow.com" target="_blank">StackOverflow search
<span><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> <span class="sr-only"></span></span>
</label>
<!-- <label>
<input type="checkbox" id="linkViewSource" />
Link error source to
<a href="view-source:http://localhost/js_errors.html" target="_blank">
view-source:
</a>
</label> -->
<label>
<input type="checkbox" id="ignoreConsoleError" />
Ignore console.error (refresh page to take effect)
</label>
<label>
<input type="checkbox" id="ignoreExternal" />
Ignore external domains errors (AdBlock & etc)
</label>
<label>
<input type="checkbox" id="ignoreBlockedByClient" />
Ignore net::ERR_BLOCKED_BY_CLIENT (AdBlock & etc)
</label>
<label>
<input type="checkbox" id="ignoreConnectionRefused" />
Ignore net::ERR_CONNECTION_REFUSED
</label>
<label>
<input type="checkbox" id="ignore404js" />
Ignore missing .js files error
</label>
<label>
<input type="checkbox" id="ignore404css" />
Ignore missing .css files error
</label>
<label>
<input type="checkbox" id="ignore404others" />
Ignore missing images & etc files error
</label>
<p>
<label>
<input
type="text"
id="popupMaxWidth"
maxlength="2"
size="2"
class="size"
/>
% - maximum popup width
</label>
</p>
<p>
<label>
<input
type="text"
id="popupMaxHeight"
maxlength="2"
size="2"
class="size"
/>
% - maximum popup height
</label>
</p>
<p>
Include domains - disable 'icon on all domains' to use only these domains.<br>Domains include subdomains; i.e. mydomain.com = *.mydomain.com
<label>
<textarea id="includeDomains" rows="3" style="width: 80%; max-width: 80%;"></textarea>
</label>
</p>
<p>
<label>
<input
type="text"
id="iconSize"
maxlength="2"
size="2"
class="size"
/> Notification size override (default is 38)
</label>
</p>
<p>
<div class="slidecontainer">
<label>Notification icon opacity<br>
<input id="opacityRange" type="range" min="1" max="100" value="50">
</label>
</div>
</p>
<div style="margin-top: 10px;">
* Contribute to source code or request new feature on
<a
href="https://github.com/coinzdude/javascript-errors-notifier"
target="_blank"
>
GitHub
</a>
<br />
<br />
<!-- TODO UPDATE WITH NEW HOME -->
<div id="recommendation">
* Rate this extension on Google WebStore:
<strong>
<a
href="https://chrome.google.com/webstore/detail/javascript-errors-notifie/lplhclpeegjedapdliokcacmphgcnlnd"
target="_blank"
id="openRecommendation"
>
Yes
</a>
/
<a href="#" id="hideRecommendation">No</a>
</strong>
</div>
<br />
<div><button id="restore-defaults" title="Restore defaults">Restore Defaults</button></div>
</div>
<div class="buttonsBlock">
<a href="#x" id="close" title="Close">
<img alt="close" src="img/close.png" />
</a>
</div>
</div>
</body>
</html>