-
Notifications
You must be signed in to change notification settings - Fork 1
/
options.html
131 lines (105 loc) · 4.13 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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="" en>
<head>
<meta charset='utf-8'>
<title>Extra Header Options</title>
<link href='css/bootstrap.min.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="header.css"/>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="lib.js"></script>
<script src="ui.js"></script>
</head>
<body>
<div class="container">
<div class="edit_block" id="hname_editor">
<h4>Extra Headers setup</h4>
<p>Set the names of your extra headers</p>
<p>For compatibility a custom header name should start with an "X-" prefix, for example "X-CoolHeader"</p>
<p>If you set extra header with the same name that may exist in request it will be overridden. <br>
For example you can override User-Agent header by defining your own User-Agent header and setting your own
value<br>
</p>
<p>Custom Header name should not contain spaces or non-ASCII characters</p>
<div id="headers_setup">
<p>
<button class="btn btn-success" type="button" id="add_header"><i class="icon-plus icon-white"></i> New
Header
</button>
</p>
<div class="header_setup_row">
<div class="input-prepend input-append">
<span class="add-on">name</span>
<input id="h1" class="headerName span2" type="text" value="">
<button class="btn btn-primary save_name">Save</button>
</div>
</div>
</div>
</div>
<div class="edit_block" id="domains_editor">
<h4>Allowed Domains</h4>
<p>Extra Header will be send ONLY when request is for one of these domains</p>
<p>Enter one domain name per line</p>
<p>To match all sub-domains start the name with a dot. For example .hoo.com will match all sub-domains like
news.hoo.com, mail.hoo.com</p>
<textarea cols="40" rows="5" id="edit_domains"></textarea>
<br>
<button class="btn btn-primary" value="Save" id="save_hosts">Save</button>
</div>
<div class="edit_block" id="request_t">
<h4>Request Types</h4>
<p>Types of requests for which extra HTTP headers will be sent</p>
<label class="checkbox">
<input type="checkbox" value="main_frame">
Main window
</label>
<label class="checkbox">
<input type="checkbox" value="sub_frame">
Sub frame
</label>
<label class="checkbox">
<input type="checkbox" value="stylesheet">
StyleSheet
</label>
<label class="checkbox">
<input type="checkbox" value="script">
Script
</label>
<label class="checkbox">
<input type="checkbox" value="image">
Image
</label>
<label class="checkbox">
<input type="checkbox" value="object">
Object
</label>
<label class="checkbox">
<input type="checkbox" value="xmlhttprequest">
XMLHttprequest (XHR)
</label>
<label class="checkbox">
<input type="checkbox" value="other">
Other
</label>
</div>
<div class="edit_block" id="footer">
<footer><span id="f1">© Dmitri Snytkine</span></footer>
</div>
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Alert</h3>
</div>
<div class="modal-body">
<p id="modal_alert">Something something</p>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">OK</button>
</div>
</div>
</div>
</body>
</html>