-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
117 lines (108 loc) · 5.12 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
h1 {
font-size: 1.2em;
}
input:disabled+label {
color: GrayText;
}
#savenotification_checkbox,
#copynotification_checkbox {
margin-left: 2em;
}
img.info_button {
height: 1.2em;
width: 1.2em;
vertical-align: text-bottom;
background: #fff;
border-radius: 1.2em;
}
span.info_popup {
position: absolute;
border-radius: 0.5em;
border: 1px solid #000000;
background-color: #DDDDDD;
padding: 0.5em;
margin-top: 0.2em;
display: none;
}
img.info_button:hover+span.info_popup {
display: block;
}
input[type="text"], input[type="number"] {
margin: 0.2em;
}
input:invalid {
border-color: red;
}
</style>
</head>
<body>
<div>
<h1 data-i18n-id="general_headline">General settings</h1>
<input type="checkbox" id="image_comment_checkbox"/>
<label for="image_comment_checkbox" data-i18n-id="image_comment_label">Save metadata as comment into the image file (date/time, title and URL)</label>
<br/>
<input type="checkbox" id="show_contextmenu_checkbox"/>
<label for="show_contextmenu_checkbox" data-i18n-id="show_contextmenu_label">Add entry to the page context menu</label>
<br/>
<label for="jpegquality" data-i18n-id="jpegquality_label">JPEG quality</label>
<input id="jpegquality" type="number" min="1" max="100" step="1" required style="width: 5em;"/>%
<br/>
<label for="filenameformat" data-i18n-id="filenameformat_label">Filename Format:</label>
<input id="filenameformat" type="text" value=""></input>
<img class="info_button" src="icons/savescreenshot.svg"/>
<span class="info_popup">
<span data-i18n-id="filenameformat_description001">%Y - year | %m - month | %d - day | %H - hour | %M - minute | %S - second </span><br/>
<span data-i18n-id="filenameformat_description002">%h - host name | %u - URL | %t - page title </span><br/>
<span data-i18n-id="filenameformat_description003">Example: %Y%m%d_%H%M%S_%h -> 20181224_123805_www.abc.de</span>
</span>
<br/>
<label data-i18n-id="targetdir_label" for="targetdir">Target directory name:</label>
<input id="targetdir" type="text" pattern="^[a-zA-Z0-9_-]*$" value=""></input>
<img class="info_button" src="icons/savescreenshot.svg"/>
<span class="info_popup">
<span data-i18n-id="targetdir_description">You can enter a directory name here, if you want your screenshots to be placed into a subdirectory of your configured downloads directory. Allowed characters are:</span> <span>A-Z,a-z,0-9,_,-</span>
</span>
<h1 data-i18n-id="imageformat_headline">Image format</h1>
<input type="checkbox" name="format_options" id="format_png_option"/>
<label for="format_png_option">PNG</label>
<br/>
<input type="checkbox" name="format_options" id="format_jpg_option"/>
<label for="format_jpg_option">JPEG</label>
<br/>
<input type="checkbox" name="format_options" id="format_copy_option"/>
<label for="format_copy_option" data-i18n-id="format_copy_label">Copy to clipboard</label>
<br/>
<input type="checkbox" id="copynotification_checkbox"/>
<label for="copynotification_checkbox" data-i18n-id="copynotification_label">Show notification after copying</label>
<h1 data-i18n-id="region_headline">Screenshot region</h1>
<input type="checkbox" name="region_options" id="region_full_option"/>
<label for="region_full_option" data-i18n-id="region_full_label">Full page</label>
<br/>
<input type="checkbox" name="region_options" id="region_viewport_option"/>
<label for="region_viewport_option" data-i18n-id="region_viewport_label">Viewport</label>
<br/>
<input type="checkbox" name="region_options" id="region_selection_option"/>
<label for="region_selection_option" id="region_selection_label">Selection</label>
<h1 data-i18n-id="savemethod_headline">Save method</h1>
<input type="radio" name="savemethod_options" id="savemethod_open_option"/>
<label for="savemethod_open_option" data-i18n-id="savemethod_open_label">Offer to open the image file directly</label>
<br/>
<input type="radio" name="savemethod_options" id="savemethod_saveas_option"/>
<label for="savemethod_saveas_option" data-i18n-id="savemethod_saveas_label">Display "Save As" dialog</label>
<br/>
<input type="radio" name="savemethod_options" id="savemethod_save_option"/>
<label for="savemethod_save_option" data-i18n-id="savemethod_save_label">Directly save to "Downloads" directory without prompting</label>
<br/>
<input type="checkbox" id="savenotification_checkbox"/>
<label for="savenotification_checkbox" data-i18n-id="savenotification_label">Show notification after saving</label>
</div>
<script src="utils/html-i18n.js"></script>
<script src="utils/storage.js"></script>
<script src="options.js"></script>
</body>
</html>