-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
145 lines (131 loc) · 6.46 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="common.js" defer></script>
<script src="options.js" defer></script>
<link rel="stylesheet" href="common.css">
<title>URI Splitter</title>
<style>
html.desktop {
width: 44em;
}
textarea {
min-height: 2.5em;
}
fieldset > p {
display: flex;
flex-direction: row;
justify-content: flex-start;
margin: 1px 0;
}
fieldset > p > input,
fieldset > p > textarea,
fieldset > p > span {
flex: 1 1 auto;
width: 70%;
}
fieldset > p > label {
flex: 1 1 auto;
width: 30%;
text-align: right;
margin-right: 4px;
}
fieldset > p > span.horizontal_radioboxes {
display: flex;
flex-direction: row;
justify-content: flex-start;
}
fieldset > p > span.horizontal_radioboxes > label {
flex: 0 1 16.66%;
}
fieldset > div > p {
margin: 1ex 0;
line-height: normal;
}
body > p {
margin: 0;
}
#status {
position: fixed;
top: 0;
right: 0;
padding: 0.5em;
border-radius: 4px;
}
#status.ok {
color: green;
background: #EEE;
}
#status.error {
color: red;
background: #EEE;
}
label {
display: block;
}
/*
Targeting only Firefox
https://stackoverflow.com/q/952861
*/
@supports (-moz-orient:inline) {
/*
Disabling this link because there is no alternative for Firefox.
https://stackoverflow.com/questions/64330072/how-to-directly-link-to-the-firefox-add-on-keyboard-shortcuts-page
https://bugzilla.mozilla.org/show_bug.cgi?id=1538451
*/
#link_to_configurecommands {
display: none;
}
}
</style>
<style id="input_font_style"></style>
<style id="textarea_font_style"></style>
</head>
<body>
<div id="status"></div>
<form id="options_form">
<fieldset>
<legend>Favorite values</legend>
<p><label for="protocols">Protocols:</label> <textarea rows="1" id="protocols"></textarea></p>
<p><label for="hostnames">Hostnames:</label> <textarea rows="1" id="hostnames"></textarea></p>
<p><label for="ports" >Ports:</label> <textarea rows="1" id="ports" ></textarea></p>
<p><label for="pathnames">Pathnames:</label> <textarea rows="1" id="pathnames"></textarea></p>
</fieldset>
<fieldset>
<legend>Behavior, look and feel</legend>
<p><label></label><span><label title="Automatically closes the extension popup window after opening the URI."><input type="checkbox" id="autoclose_popup"> Auto-close the extension window after opening a URI</label></span></p>
<p class="desktop-only"><label></label><span><label title="When disabled, the new tab is appended to end of the tab bar. When enabled, the extension tries to mimic Chrome's default behavior, but ends up behaving slightly different."><input type="checkbox" id="new_tab_next_to_current"> Open new tab next to the current one</label></span></p>
<p><label></label><span><label title="Hide tooltips (like this one) and the keyboard shortcut overlay that shows up when you hold a modifier key."><input type="checkbox" id="hide_tooltips"> Hide <span class="desktop-only">tooltips and</span> keyboard shortcut reminders</label></span></p>
<p><label></label><span><label title="This instructs the browser not to save or suggest input values based on previous usage. For some people, autofill is useful, for others it is annoying and raises privacy concerns. This option has no effect if autofill is already disabled in your browser."><input type="checkbox" id="disable_autocomplete"> Disable browser's built-in autocomplete (autofill)</label></span></p>
<p><label>Color theme</label><span class="horizontal_radioboxes">
<label><input type="radio" name="ui_theme" value="light"> Light</label>
<label><input type="radio" name="ui_theme" value="dark" > Dark</label>
<label><input type="radio" name="ui_theme" value="auto" > Auto</label>
</span></p>
<p><label>Icon theme</label><span class="horizontal_radioboxes">
<label><input type="radio" name="icon_theme" value="logo"> <img src="icons/icon-logo-32.png" width="16" height="16" alt="Icon of black color with thin white border"></label>
<label><input type="radio" name="icon_theme" value="black"> <img src="icons/icon-black-32.png" width="16" height="16" alt="Icon of black color"></label>
<label><input type="radio" name="icon_theme" value="dimgray"> <img src="icons/icon-dimgray-32.png" width="16" height="16" alt="Icon of dimgray color"></label>
<label><input type="radio" name="icon_theme" value="gray" > <img src="icons/icon-gray-32.png" width="16" height="16" alt="Icon of gray color"></label>
<label><input type="radio" name="icon_theme" value="silver"> <img src="icons/icon-silver-32.png" width="16" height="16" alt="Icon of silver color"></label>
<label><input type="radio" name="icon_theme" value="white" > <img src="icons/icon-white-32.png" width="16" height="16" alt="Icon of white color"></label>
</span></p>
<p class="desktop-only"><label for="window_width" >Window width:</label> <input type="number" id="window_width" min="300" max="800" step="1" required></p>
<p title="CSS font declaration for text input fields"><label for="input_font" >Single-line font:</label> <input type="text" id="input_font" placeholder="CSS "font" property" required pattern="[^;]+"></p>
<p title="CSS font declaration for textarea"><label for="textarea_font">Multi-line font:</label> <input type="text" id="textarea_font" placeholder="CSS "font" property" required pattern="[^;]+"></p>
<p class="desktop-only" title="The default shortcut is Ctrl+Shift+L (or Control+L on Mac)"><label for="link_to_configurecommands">Launch key:</label> <span><output id="shortcut_key"></output><br><a id="link_to_configurecommands" href="chrome://extensions/configureCommands">Configure Keyboard Shortcuts</a></span></p>
</fieldset>
<fieldset>
<legend>About</legend>
<div>
<p>Created by <a target="_blank" href="https://denilson.sa.nom.br/">Denilson Sá Maia</a>.</p>
<p>Full documentation is available at <a target="_blank" href="https://github.com/denilsonsa/crx-uri-splitter/blob/master/README.md">README.md</a>.</p>
<p><a target="_blank" href="https://github.com/denilsonsa/crx-uri-splitter/">Source-code available at GitHub</a> (<a target="_blank" href="https://github.com/denilsonsa/crx-uri-splitter/blob/master/LICENSE">MIT license</a>).</p>
<p>Includes <a target="_blank" href="https://github.com/bestiejs/punycode.js/tree/v1.4.1">punycode.js</a> by <a target="_blank" href="https://mathiasbynens.be/">Mathias Bynens</a> for <a target="_blank" href="https://en.wikipedia.org/wiki/Internationalized_domain_name">internationalized domain name</a> support.</p>
</div>
</fieldset>
</form>
</body>
</html>