-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathoptions.html
90 lines (75 loc) · 2.7 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
<!DOCTYPE html>
<html>
<head><title>Copy Clipper Extension Options</title>
<link rel="stylesheet" type="text/css" href="options.css">
<script type="text/javascript" src="options.js"></script>
</head>
<body>
<div id="navigation-container">
<h1>Copy Clipper</h1>
<ul>
<li class="selected"><button id="patternsButton">Patterns</button></li>
<li><button id="testingButton">Testing</button></li>
<!-- li><button>Import/Export</button></li -->
<li id="closeNavItem"><button id="close">Close</button></li>
</ul>
</div>
<div class="tab-content" id="patternsContainer">
<h1>Patterns</h1>
<textarea id="regexes" wrap="off"></textarea><br>
<button id="save">Save</button><span id="status"></span>
<p>Format is
<code><b>!</b>search_regex<b>!</b>replace<b>!</b>regexp_options</code><br>
(regexp_options can be g,m,i,u for global, multiline and case insensitive, url encoded)<br>
# comments are allowed (start a line with #)
</p>
<table id="testTable">
<tr>
<td>Input:</td>
<td class="full-width"><input class="almost-full-width" id="input" type="text"></td>
</tr>
<tr>
<td>Output:</td>
<td><span id="output"></span></td>
</tr>
</table>
<p>Enter some text above in <label for="input">"Input"</label> and as you edit the patterns box the "Output" line will be updated.</p>
</div>
<div class="tab-content" id="notificationsContainer">
TODO(ark)
<label>
Show Notificaitons
<input type="checkbox" id="showNotifications">
</label>
<label>
Show Icon
<input type="checkbox" id="showIcon">
</label>
<label>
Notificaiton Timeout
<input type="checkbox" id="notificationTimeout"> Seconds
</label>
</div>
<div class="tab-content" id="testingContainer">
<h1>Testing</h1>
Click on one of these links to have it copied to the clipboard.
<ul id="tests">
<li>http://www.youtube.com/watch?v=OQwD0QCbxaA&feature=my_favorites</li>
<li>https://www.google.com/search?tbm=isch&q=simon%27s%20cat&biw=1228&bih=662&sei=z6xCUJ6ZLsmYiQKV-oCQDA</li>
<li>http://www.amazon.com/Simons-Cat-Simon-Tofield/dp/0446560065/ref=sr_1_1?ie=UTF8&qid=1346546858&sr=8-1&keywords=simons+cat</li>
<li>http://www.amazon.com/gp/product/B0083PWAPW/ref=nav_swm_kndl_grphc?pf_rd_m=ATVPDKIKX0DER&pf_rd_s=nav-sitewide-msg&pf_rd_r=0PAK48BVD07GRNXS1M8V&pf_rd_t=4201&pf_rd_p=1395779662&pf_rd_i=navbar-4201</li>
<li>https://picasaweb.google.com/lh/photo/iUUL_4qNfrpKWddcHy8xY8sntR_6XDXqGKWaVo17JHs?feat=directlink</li>
</ul>
<table id="clipboardDisplay">
<tr>
<td>Clipboard Value:</td>
<td id="clipboardDisplayValue"><div id="clipboardValue"></div></td>
</tr>
<tr>
<td>Original Value:</td>
<td><div id="clipboardValueOriginal"></div></td>
</tr>
</table>
</div>
</body>
</html>