-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
319 lines (296 loc) · 16.2 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
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
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
<!DOCTYPE HTML>
<html>
<head>
<title>kwitty options</title>
<link rel="stylesheet" href="css/options.css" />
<script src="js/jquery-1.7.min.js"></script>
<script src="js/config.js"></script>
<script src="js/woeid.js"></script>
<script src="js/options.js"></script>
</head>
<body>
<div id="main-content">
<div id="navbar-container">
<h1 id="settings-title">kwitty options</h1>
<ul id="navbar">
<li id="basicsPageNav" class="navbar-item navbar-item-selected">Basics</li>
<li id="guiPageNav" class="navbar-item">GUI</li>
<br>
<li id="helpPageNav" class="navbar-item">Help</li>
</ul>
</div>
<div id="mainview">
<div id="mainview-content">
<div id="basicsPage" class="page">
<h1>Basics</h1>
<section id="refreshSection">
<h3>Refresh:</h3>
<div>
<div class="section-group">
<label class="web-content-select-label">
<span>Home:</span>
<select id="basics-refresh-home">
<option value="1">1 min</option>
<option value="2">2 min</option>
<option value="3">3 min</option>
<option value="5">5 min</option>
<option value="10">10 min</option>
<option value="20">20 min</option>
<option value="30">30 min</option>
</select>
</label>
</div>
<div class="section-group">
<label class="web-content-select-label">
<span>Mentions:</span>
<select id="basics-refresh-mentions">
<option value="1">1 min</option>
<option value="2">2 min</option>
<option value="3">3 min</option>
<option value="5">5 min</option>
<option value="10">10 min</option>
<option value="20">20 min</option>
<option value="30">30 min</option>
</select>
</label>
</div>
<div class="section-group">
<label class="web-content-select-label">
<span>Retweets:</span>
<select id="basics-refresh-retweets">
<option value="1">1 min</option>
<option value="2">2 min</option>
<option value="3">3 min</option>
<option value="5">5 min</option>
<option value="10">10 min</option>
<option value="20">20 min</option>
<option value="30">30 min</option>
</select>
</label>
</div>
<div class="section-group">
<label class="web-content-select-label">
<span>Messages:</span>
<select id="basics-refresh-messages">
<option value="1">1 min</option>
<option value="2">2 min</option>
<option value="3">3 min</option>
<option value="5">5 min</option>
<option value="10">10 min</option>
<option value="20">20 min</option>
<option value="30">30 min</option>
</select>
</label>
</div>
<div class="section-group">
<label class="web-content-select-label">
<span>Search:</span>
<select id="basics-refresh-search">
<option value="1">1 min</option>
<option value="2">2 min</option>
<option value="3">3 min</option>
<option value="5">5 min</option>
<option value="10">10 min</option>
<option value="20">20 min</option>
<option value="30">30 min</option>
</select>
</label>
</div>
<div class="section-group">
<label class="web-content-select-label">
<span>Others:</span>
<select id="basics-refresh-others">
<option value="1">1 min</option>
<option value="2">2 min</option>
<option value="3">3 min</option>
<option value="5">5 min</option>
<option value="10">10 min</option>
<option value="20">20 min</option>
<option value="30">30 min</option>
</select>
</label>
</div>
<div class="section-group">
<label class="checkbox">
<input id="basics-refresh-autoload" type="checkbox">
<span>Auto load new tweets</span>
</label>
</div>
<div class="section-group">
<label class="checkbox">
<input id="basics-refresh-disreadingload" type="checkbox">
<span>Disable new tweets auto loading when reading (not at top)</span>
</label>
</div>
<div class="section-group">
<label class="checkbox">
<input id="basics-refresh-infinitescroll" type="checkbox">
<span>Infinite scroll to load more tweets</span>
</label>
</div>
</div>
</section>
<section id="apiSection">
<h3>API:</h3>
<div>
<div class="section-group">
<span>API Address:</span>
<input id="basics-api-address" type="url" />
</div>
</div>
</section>
<section id="trendsSection">
<h3>Trends:</h3>
<div>
<div class="section-group">
<span>Country:</span>
<select id="basics-trends-country">
<option value="1">Worldwide</option>
</select>
<span>Town:</span>
<select id="basics-trends-town">
</select>
</div>
</div>
</section>
</div>
<div id="guiPage" class="page hidden">
<h1>GUI</h1>
<section id="backgroundSection">
<h3>Background:</h3>
<div>
<div class="section-group">
<span>Background image:</span>
<button id="bgImageBrowse">Browse...</button>
<span id="gui-background-imageFileName"></span>
<input id="bgImageData" type="file" />
</div>
</div>
</section>
<section id="themeSection">
<h3>Theme:</h3>
<div>
<div class="section-group">
<label class="web-content-select-label">
<span>Timeline theme:</span>
<select id="gui-theme-tltheme">
<option value="UI lightness">UI lightness</option>
<option value="UI darkness">UI darkness</option>
<option value="Smoothness">Smoothness</option>
<option value="Start">Start</option>
<option value="Redmond">Redmond</option>
<option value="Sunny">Sunny</option>
<option value="Overcast">Overcast</option>
<option value="Le Frog">Le Frog</option>
<option value="Flick">Flick</option>
<option value="Pepper Grinder">Pepper Grinder</option>
<option value="Eggplant">Eggplant</option>
<option value="Dark Hive">Dark Hive</option>
<option value="Cupertino">Cupertino</option>
<option value="South Street">South Street</option>
<option value="Blitzer">Blitzer</option>
<option value="Humanity">Humanity</option>
<option value="Hot sneaks">Hot sneaks</option>
<option value="Excite Bike">Excite Bike</option>
<option value="Vader">Vader</option>
<option value="Dot Luv">Dot Luv</option>
<option value="Mint Choc">Mint Choc</option>
<option value="Black Tie">Black Tie</option>
<option value="Trontastic">Trontastic</option>
<option value="Swanky Purse">Swanky Purse</option>
</select>
</label>
</div>
</div>
</section>
<section id="displaySection">
<h3>Display:</h3>
<div>
<div class="section-group">
<label class="checkbox">
<input id="gui-display-compact" type="checkbox">
<span>Use compact view when open as window</span>
</label>
</div>
<div class="section-group">
<label class="checkbox">
<input id="gui-display-expandurl" type="checkbox">
<span>Expand shortened URL</span>
</label>
</div>
<div class="section-group">
<label class="checkbox">
<input id="gui-display-rich" type="checkbox">
<span>Show rich content (photo, video etc.) inline</span>
</label>
</div>
<div class="section-group">
<label class="web-content-select-label">
<span>Timeline tab width:</span>
<select id="gui-display-tabwidth">
<option value="Normal">Normal</option>
<option value="Wider">Wider</option>
<option value="Full">Full</option>
</select>
</label>
</div>
</div>
</section>
</div>
<div id="helpPage" class="page hidden">
<h1>Help</h1>
<section id="faqSection">
<div>
<p><b>How to send direct message to someone?</b></p>
<p>Use "d username content" format in tweet box, note that the "Tweet" button will change to "Send".</p>
<br>
<p><b>How to find someone by username?</b></p>
<p>Use "f username" format in tweet box, note that the "Tweet" button will change to "Find".</p>
<br>
<p><b>How to search tweets with keyword?</b></p>
<p>Use "s Operator" format in tweet box, note that the "Tweet" button will change to "Search".</p>
<img src="https://si0.twimg.com/help/1344275097_85887">
<p>One more:</p>
<table><tr><td>game lang:ja</td><td>containing "game" and in Japanese</td></tr></table>
<br>
<p><b>How to open favorites, lists and trends?</b></p>
<p>Click your profile image in the left-up corner to open extra menu (icon).</p>
<br>
<p><b>How to apply the compact view?</b></p>
<p>1. Check the option in "GUI - Display".</p>
<p>2. Right click the APP start icon and select "open as window".</p>
<p>3. Restart.</p>
<br>
<p><b>How to export/backup tweets?</b></p>
<p>1. Click "Export" in a user tab.</p>
<p>2. Wait the exporting progress to 100%.</p>
<p>3. Save the exported page as (all content) a single local file.</p>
<p>Note: There'll be max 3200 tweets limited by Twitter. For your own tweets, the Twitter archive could be downloaded from official site.</p>
<br>
<p><b>How to use API?</b></p>
<p>1. Go to <a href="http://kwittyapp.appspot.com/" target="_blank">kwittyapp.appspot.com</a> and sign in with Twitter.</p>
<p>2. Set your key of the API (don't set it same as your Twitter password).</p>
<p>3. Use your username and API key to sign in with API in kwitty.</p>
<p>Note: If you can access <a href="https://twitter.com" target="_blank">Twitter.com</a>, using API is unnecessary.</p>
<br>
<p><b>My kwitty doesn't work!</b></p>
<p>Be sure your Chrome is upgraded to the latest version.</p>
<p>Or try to <button id="reset">RESET</button> the APP to clear all local settings.</p>
<p>Still have trouble? Go to <a href="https://chrome.google.com/webstore/support/lhdicadblnoidhgkllhdgkagmflbmbcn" target="_blank">support page</a> to report a problem.</p>
</div>
</section>
<section id="tipsSection">
<div>
<p><b>Tips</b></p>
<p>The URL link will be detected automatically and be shortened to "t.co".</p>
<p>Click the black top bar to go to top.</p>
<p>All opened tabs will be saved, but don't open too many tabs due to API limit.</p>
</div>
</section>
</div>
</div>
</div>
</div>
</body>
</html>