forked from PactInteractive/image-downloader
-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
155 lines (130 loc) · 4.88 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
<html>
<head>
<title>Image Downloader | Options</title>
<style>
select,
input[type="color"],
input[type="number"]
{
width: 75px;
}
input[type="number"]
{
text-align: right;
margin-right: 2px;
}
#notifications .success
{
color: green;
}
#notifications .warning
{
color: red;
}
.left
{
float: left;
}
.right
{
float: right;
}
.clear
{
clear: both;
}
</style>
<script src="defaults.js"></script>
<script src="options.js"></script>
<script src="jquery-1.7.2.min.js"></script>
<script src="jss.js"></script>
</head>
<body>
<fieldset>
<legend>General</legend>
<label title="Requires confirmation when you press the Download button">
<input type="checkbox" id="show_download_confirmation_checkbox" />
Show download confirmation
</label>
<br />
<label title="Flashes a notification to let you know your download is starting">
<input type="checkbox" id="show_download_notification_checkbox" />
Show downloading notification
</label>
</fieldset>
<fieldset>
<legend>Filters</legend>
<label title="Enables selection between normal, wildcard and regex filter mode">
<input type="checkbox" id="show_filter_mode_checkbox" />
Show advanced modes
</label>
<br />
<label title="Enables the option to only show images from links on the page; can be useful if you want to filter out things like avatars and icons">
<input type="checkbox" id="show_only_images_from_links_checkbox" />
Show "Only images from links" option
</label>
<br />
<label title="Enables the option to sort the images by URL instead of displaying them in the order they appear on the page">
<input type="checkbox" id="show_sort_by_url_checkbox" />
Show "Sort by URL" option
</label>
</fieldset>
<fieldset>
<legend>Images</legend>
<label title="Displays a button next to each image to individually download it. This download does not require confirmation, even if you've enabled the confirmation option.">
<input type="checkbox" id="show_download_image_button_checkbox" />
Show a download button
</label>
<br />
<label title="Displays a button next to each image to open it in a new tab">
<input type="checkbox" id="show_open_image_button_checkbox" />
Show an open button
</label>
<br />
<label title="Displays the URL above each image">
<input type="checkbox" id="show_image_url_checkbox" />
Show the URL
</label>
<table>
<tr title="Setting the minimum width can be useful for images that are too small to make out">
<td><label for="image_min_width_numberbox">Minimum Width:</label></td>
<td><input type="number" id="image_min_width_numberbox" min="0" max="720" />px</td>
</tr>
<tr title="Setting the maximum width prevents bigger images from taking too much space, and also adjusts the size of the popup">
<td><label for="image_max_width_numberbox">Maximum Width:</label></td>
<td><input type="number" id="image_max_width_numberbox" min="200" max="720" />px</td>
</tr>
<tr>
<td><label for="image_border_width_numberbox">Border Width:</label></td>
<td><input type="number" id="image_border_width_numberbox" min="0" max="5" />px</td>
</tr>
<tr>
<td><label for="image_border_style_dropdown">Border Style:</label></td>
<td>
<select id="image_border_style_dropdown">
<option value="solid">Solid</option>
<option value="dotted">Dotted</option>
<option value="dashed">Dashed</option>
</select>
</td>
</tr>
<tr>
<td><label for="image_border_color_picker">Border Color:</label></td>
<td><input type="color" id="image_border_color_picker" /></td>
</tr>
</table>
<img src="icon_128.png" />
</fieldset>
<div>
<div class="left">
<input type="button" id="save_button" value="Save" title="Saves the current settings" />
<input type="button" id="reset_button" value="Reset" title="Resets all settings to their defaults; requires Save to preserve the changes" />
</div>
<div class="right">
<input type="button" id="clear_data_button" value="Clear Data" title="Clears all data that this extension has stored on your machine" />
</div>
<div class="clear"></div>
</div>
<div id="notifications"></div>
</body>
</html>