-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathoptions.html
More file actions
233 lines (202 loc) · 7.35 KB
/
options.html
File metadata and controls
233 lines (202 loc) · 7.35 KB
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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="components/modal.css">
<link rel="stylesheet" type="text/css" href="style/style.css">
<link rel="stylesheet" type="text/css" href="components/toggle.css">
<link rel="stylesheet" type="text/css" href="style/options.css">
<link rel="shortcut icon" type="image/x-icon" href="icons/icon_32.png">
<title>Settings :: Session Panel</title>
</head>
<body>
<div class="header-2">
<div class="set-h">
<img src="icons/alch-64.png" id="alch">
<h1>Settings</h1>
</div>
<!-- <span class="close-set">×</span> -->
</div>
<div class="text-body">
<h3>Version: Session Panel 0.12.5.1 Firefox</h3>
<p id="info">This is the settings page for the Firefox add-on Session Panel. <br />
<b>For more information and to see the current changelog visit</b> <br /> the offical <a id="addon-page" href="https://addons.mozilla.org/en-US/firefox/addon/session-panel/versions">Firefox Add-on page <b>here</b></a>.<br/><br/>
Report bugs <a id="git-page" href="https://github.com/sdBrinkmann/SessionPanel"><b>here</b></a> or provide feedback via <a id="mail-link" href="mailto:sdbrinkmann@outlook.com"> <b>mail</b></a>.<br/><br/>
<span class="dot-3">🔴</span> New settings are marked with a red dot.
</p>
<ul>
<li class="active"><a class="ref" href="#general">General</a></li>
<li><a class="ref" href="#tabs">Tabs</a></li>
<li><a class=" ref dot-center" href="#sessions"><span class="dot-1">🔴</span> Sessions</a></li>
<li><a class="ref" href="#ui">UI</a></li>
</ul>
<h3 class="section" id="general">General</h3>
<div class="settings">
<!-- General Settings -->
<div>Open Session Panel as a popup, instead as a tab</div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="popup">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div>Enable Drag & Drop<br></div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="drag-drop">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div>Don't load webpages content instantly when retriving a session</div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="no-load">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div>Display search bar by default (toggle on)</div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="search-on">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div>Retrive session by switching out tabs in current window<br>
(Recommended for mobile devices)</div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="switch-tabs">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<!-- List Settings -->
<h3 class="section" id="tabs">Tab List Settings</h3> <div></div>
<div>List rightmost tab of current window first as default </div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="order">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div>Automatic scroll so that active tab is vertically centered<br>
(if possible) when opening addon</div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="auto-scroll">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div>Highlight the active tab in the current window tab list </div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="highlight-active">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div>Highlight tabs which urls are open elsewhere in current window
<br> Default color: Orange </div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="highlight-double">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div>Highlight tabs which urls are open elsewhere in any window
<br> Default Color: Burgundy</div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="highlight-any">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div>Set defaualt sorting of current window tab list:
<select name="default sorting" id="sort-ordering">
<option value="tab-order">Tab order</option>
<option value="title">Title</option>
<option value="url">URL</option>
<option value="last-accessed">Last accessed</option>
<option value="audible">audible</option>
</select>
</div> <div></div>
<h3 class="section" id="sessions">Sessions</h3><div></div>
<div><span class="dot-3">🔴</span> Display last added Session first</div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="session-last-first">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
<div><span class="dot-3">🔴</span> When overwriting a Session reassign it to
a new position, </br> so that Sessions are sorted after save date</div>
<div>
<div class="toggle">
<input type="checkbox" class="check" id="overwrite-order">
<b class="b switch"></b>
<b class="b track"></b>
</div>
</div>
</div> <!-- END CLASS SETTING -->
<h3 class="section" id="ui">User Interface (UI)</h3>
<div id="ui-content">
Change the UI at your own discretion. <br/> You can always revert back to the default settings
by pressing the reset button below. <br/>
<input type="button" value="Restore Default" id="reset">
<br>
<!-- -->
<h4>Colors</h4>
<div id="color-settings">
<div class="settings-2">
<p>Background Color</p>
<input type="color" id="background-color"/>
<p>Rectangles Color (Sessions)</p>
<input type="color" id="rect-color"/>
<p>Rectangles Color (Other windows)</p>
<input type="color" id="win-color"/>
<p>Search Bar Color</p>
<input type="color" id="search-box-color"/>
</div>
</div>
<h4>Font Colors</h4>
<div id="font-settings">
<p>Font Color (Global):</p>
<form class="sel-radio">
<input type="radio" id="white" name="font color" value="white">
<label for="white">White</label>
<input type="radio" id="black" name="font color" value="black">
<label for="black">Black</label>
</form>
<p>Font Color Rectangles (Sessions):</p>
<form class="sel-radio">
<input type="radio" id="rc-global" name="font rc color" value="global">
<label for="global">Same as Global</label>
<input type="radio" id="rc-white" name="font rc color" value="white">
<label for="white">White</label>
<input type="radio" id="rc-black" name="font rc color" value="black">
<label for="black">Black</label>
</form>
<p>Font Color Rectangles (other Windows):</p>
<form class="sel-radio">
<input type="radio" id="wc-global" name="font wc color" value="global">
<label for="global">Same as Global</label>
<input type="radio" id="wc-white" name="font wc color" value="white">
<label for="white">White</label>
<input type="radio" id="wc-black" name="font wc color" value="black">
<label for="black">Black</label>
</form>
</div>
</div>
</div>
<script type="module" src="js/options.js"></script>
</body>
<html>