-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathsettings.html
67 lines (61 loc) · 2.13 KB
/
settings.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
<!doctype html>
<!-- This is the options page -->
<!-- Notes, add setting for what it does when you reach the value, either exit tab, pop back to the value, or remove body -->
<html>
<head>
<title>Scroll Stop - Settings</title>
<script type="text/javascript" src="javascript/options.js"></script>
<script src="javascript/jquery-1.11.2.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="header"><img id="logo" src="images/icon48.png"><div id="headerText">Scroll Stop</div></div>
<div id="sideMenu">
<ul>
<li class="active">
<a href="/settings.html">Settings</a>
</li>
<li>
<a href="/about.html">About</a>
</li>
<li>
<a href="/help.html">Help</a>
</li>
</ul>
</div>
<div id="main">
<h1>Settings</h1>
<h2>Sites To Limit</h2>
<div id="sites">
<!-- Make sure this matches the HTML in addSiteField() -->
<div class="option-row" id="row0">
<span>On </span>
<input class="siteURL" id="siteURL0" placeholder="example.com" type="text"></input>
<span> stop after </span>
<input class="pxNum" id="pxNum0" type="number" value ="5" min="0"></input>
<select class="limitType">
<option value="pixels">pixels</option>
<option value="screens">screens</option>
</select>
<button class="close-btn" id="remove0">
<img class="closeImage" src="images/cross.png">
</button>
</div>
</div>
<button id="add">Add Site</button>
<h2>Action</h2>
<p>
What should happen when you scroll too far?
</p>
<input type="radio" name="closeBehav" value="close" checked="checked">Close tab <br>
<input type="radio" name="closeBehav" value="remove">Make tab blank <br>
<input type="radio" name="closeBehav" value="alert">Print a reminder message<br>
<input type="radio" name="closeBehav" value="redirect">Go to <input id="redirectURL" placeholder="example.com" type="text"></input><br>
<div id="buttons-bar">
<button id="save" class="green">Save Settings</button>
<button id="reset">Clear Settings</button>
<span id="checkmark" style="display: none">Saved ✔</span>
</div>
</div>
</body>
</html>