forked from goetzc/contextSearch
-
Notifications
You must be signed in to change notification settings - Fork 0
/
options.html
121 lines (112 loc) · 5.24 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Context Search Preferences</title>
<link rel="icon" sizes="any" type="image/svg+xml" href="/icons/context-search.svg">
<link rel="stylesheet" href="../styles/ionicons.min.css">
<link rel="stylesheet" href="../styles/options.css">
</head>
<body>
<form>
<h2 data-i18n="pageTitle">Context Search Preferences</h2>
<div id="flexbox-container">
<div class="left">
<div class="preferences">
<fieldset style="display:inline-block">
<legend><h4 data-i18n="header1">Where should search results appear?</h4></legend>
<div id="tabMode">
<input type="radio" id="openNewTab" name="results" value="openNewTab" checked>
<label for="openNewTab" data-i18n="newTab">In a new tab</label>
<input type="radio" id="sameTab" name="results" value="sameTab">
<label for="sameTab" data-i18n="sameTab">In the same tab</label>
<input type="radio" id="openNewWindow" name="results" value="openNewWindow">
<label for="openNewWindow" data-i18n="newWindow">In a new window</label>
</div>
<div id="active">
<input type="checkbox" id="tabActive"><label for="tabActive" data-i18n="active">Make the new tab or window active</label>
</div>
</fieldset>
<fieldset style="display:inline-block">
<legend><h4 data-i18n="header2">Display favicons in context menu list</h4></legend>
<div>
<input type="checkbox" id="getFavicons"><label for="getFavicons" data-i18n="getFavicons">Fetch favicons using the 'besticon' API</label>
<p><em data-i18n="note">This feature requires firefox 56 or above.</em></p>
</div>
</fieldset>
<fieldset style="display:inline-block">
<legend><h4 data-i18n="header3">Position of options in context menu list</h4></legend>
<div>
<label for="optionsMenuLocation" data-i18n="subheader31">Where would you like the options menu to appear in the context menu of Context Search?</label><br />
<select id="optionsMenuLocation">
<option value="bottom" selected data-i18n="bottom">At the bottom</option>
<option value="top" data-i18n="top">At the top</option>
<option value="none" data-i18n="hide">Neither - hide the options menu</option>
</select>
</div>
</fieldset>
<fieldset style="display:inline-block">
<legend><h4 data-i18n="header4">Search engines icon grid mode</h4></legend>
<div>
<input type="checkbox" id="gridMode"><label for="gridMode" data-i18n="gridMode">Display a grid of icons instead of a list of search engines</label>
<p><em data-i18n="warning">Warning: Please note that enabling this feature will prevent context menus from other extensions to be displayed.</em></p>
</div>
</fieldset>
<fieldset>
<legend><h4 data-i18n="header5">Import/export search engines</h4></legend>
<div>
<table>
<tr>
<td><label for="upload" id="upl" data-i18n="import">Import JSON from local disk</label></td>
<td><input type="file" id="upload" /></td>
</tr>
<tr>
<td><label for="download" data-i18n="export">Export search engines to JSON</label></td>
<td><button type="button" id="download" data-i18n="download">Export to local disk</button></td>
</tr>
</table>
</div>
</fieldset>
</div>
<br />
<button type="button" id="save" data-i18n="savePreferences">Save preferences</button>
</div>
<div class="right">
<fieldset>
<legend><h4 data-i18n="header6">Which search engines would you like to appear in the context menu or grid?</h4></legend>
<div>
<button type="button" id="clearAll" data-i18n="clearAll">Clear All</button>
<button type="button" id="selectAll" data-i18n="selectAll">Select All</button>
<button type="button" id="reset" data-i18n="reset">Reset</button>
<br />
<p><b>*multi-search</b><span data-i18n="multisearch"> is a search with multiple search engines simultaneously.</span></p>
<br />
<div id="container">
</div>
<br />
<div id="addSearchEngine">
<div>
<h4 style="margin:0" data-i18n="subheader61">Add a new search engine</h4>
</div>
<div><input type="checkbox" id="show" data-i18n-title="showSearchEngine" checked="true" />
<input type="text" id="name" data-i18n-placeholder="searchEngineName" />
<input type="text" id="keyword" class="keyword" data-i18n-placeholder="keyword" />
<input type="checkbox" id="multitab" data-i18n-title="multipleSearchEngines" checked="false" />
<input type="url" id="url" data-i18n-placeholder="searchEngineURL" data-i18n-title="startWith" pattern="https?://.+" />
</div>
<div class="buttonrow">
<!-- Display on a new line -->
<button type="button" id="test" style="margin-left: 26px;" data-i18n = "testSearchEngine">Test Search Engine</button>
<button type="button" id="add" data-i18n="addSearchEngine">Add Search Engine</button>
<button type="button" id="clear" data-i18n="clear">Clear</button>
</div>
</div>
</div>
</fieldset>
</div>
</div>
</form>
<script src="../scripts/options.js"></script>
<script src="../scripts/sort.js"></script>
</body>
</html>