-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
141 lines (128 loc) · 3.39 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
body{
background-color: #3B88FD;
}
#mydiv {
position: fixed;
top: 50%;
left: 50%;
width: 30em;
height: 18em;
margin-top: -9em;
/*set to a negative number 1/2 of your height*/
margin-left: -15em;
}
#xpath-form{
background-color: rgb(222, 226, 214);
}
label {
padding: 5px;
margin-left: 5px;
min-width: 200px;
display: inline-block;
}
label span {
font-size: 0.9em;
}
#shortcut {
width: 20px;
}
.command {
font-weight: bold;
}
.desc {
display: block;
font-size: 0.9em;
padding: 5px;
margin-left: 5px;
}
.submit {
margin-left: 220px;
padding: 5px 10px;
background: #f9f9fa;
border: 1px solid #ccc;
}
.submit:hover {
background: #3B88FD;
cursor: pointer;
}
.logout {
margin-left: 0px;
padding: 5px 10px;
background: #f9f9fa;
border: 1px solid #ccc;
}
.logout:hover {
background: #3B88FD;
cursor: pointer;
}
.status {
margin-left: 300px;
padding: 0px;
color: #33b3cc;
min-height: 20px;
}
</style>
<!--#008000-->
</head>
<body>
<div id="mydiv">
<form id="xpath-form">
<div class="options-elem">
<table>
<tr>
<td><label for="shortid">ZeuZ Server URL: </label></td>
<td align="left" id="url">server url loading</td>
</tr>
<tr>
<td><label for="shortid">API Key: </label></td>
<td align="left" id="key">api key loading</td>
</tr>
<tr>
<td><label for="shortid">Logout: </label></td>
<td align="left"><button type="logout" id="logout" class="logout">Logout</button></td>
</tr>
</table>
<label><span>If you logout, you will need to provide ZeuZ Server <br />and API Key next time you launch the
extension.</span></label>
</div>
<hr>
<div class="status"></div>
<div class="options-elem">
<label for="inspector">Highlight elements:</label>
<input checked id="inspector" type="checkbox">
</div>
<div class="options-elem">
<label for="copy">Auto copy to clipboard:</label>
<input checked id="copy" type="checkbox">
</div>
<div class="options-elem">
<label for="shortid">Short ID's: <span>eg. //*[@id="logo"]</span></label>
<input checked id="shortid" type="checkbox">
</div>
<div class="options-elem">
<label for="position">Xpath box align:</label>
<select id="position" class="icon">
<option value="tl">Top left</option>
<option value="tr">Top right</option>
<option value="br">Bottom right</option>
<option value="bl" selected>Bottom left</option>
</select>
</div>
<div class="options-elem">
<label for="shortcut">Keyboard shortcut:</label>
<span class="command">CTRL+SHIFT+</span>
<input type="text" required maxlength="1" id="shortcut" pattern="[A-Z]">
<button id="reset" type="reset">Reset</button>
</div>
<div class="status"></div>
<button type="submit" class="submit">Save options</button>
</form>
<script src="options.js"></script>
</div>
</body>
</html>