-
Notifications
You must be signed in to change notification settings - Fork 1.1k
/
settings-container.tpl
578 lines (543 loc) · 30.8 KB
/
settings-container.tpl
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
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
<div class="settings-container">
<div class="fa fa-times close-icon"></div>
<div class="success_alert" style="display:none"><%= i18n.__("Saved") %> <span id="checkmark-notify"><div id="stem-notify"></div><div id="kick-notify"></div></span></div>
<section id="title">
<div class="title"><%= i18n.__("Settings") %></div>
<div class="content">
<span>
<i class="fa fa-keyboard-o keyboard tooltipped" data-toggle="tooltip" data-placement="bottom" title="<%= i18n.__("Keyboard Shortcuts") %>"></i>
<i class="fa fa-question-circle help tooltipped" data-toggle="tooltip" data-placement="bottom" title="<%= i18n.__("Help Section") %>"></i>
<input id="show-advanced-settings" class="settings-checkbox" name="showAdvancedSettings" type="checkbox" <%=(Settings.showAdvancedSettings? "checked":"")%>>
<label class="settings-label" for="show-advanced-settings"><%= i18n.__("Show advanced settings") %></label>
</span>
</div>
</section>
<section id="user-interface">
<div class="title"><%= i18n.__("User Interface") %></div>
<div class="content">
<span>
<div class="dropdown subtitles-language">
<p><%= i18n.__("Default Language") %></p>
<%
var langs = "";
for(var key in App.Localization.allTranslations) {
key = App.Localization.allTranslations[key];
if (App.Localization.langcodes[key] !== undefined) {
langs += "<option "+(Settings.language == key? "selected='selected'":"")+" value='"+key+"'>"+
App.Localization.langcodes[key].nativeName+"</option>";
}
}
%>
<select name="language"><%=langs%></select>
<div class="dropdown-arrow"></div>
</div>
</span>
<span>
<div class="dropdown pct-theme">
<p><%= i18n.__("Theme") %></p>
<%
var themes = "";
var theme_files = fs.readdirSync('./src/app/themes/');
for (var i in theme_files) {
if (theme_files[i].indexOf('_theme') > -1) {
themes += "<option " + (Settings.theme == theme_files[i].slice(0, -4)? "selected='selected'" : "") + " value='" + theme_files[i].slice(0, -4) + "'>" +
theme_files[i].slice(0, -10).split('_').join(' '); + "</option>";
}
if (theme_files[i] === 'third_party') {
var third_party_files = fs.readdirSync('./src/app/themes/third_party');
for (var k in third_party_files) {
if (third_party_files[k].indexOf('_theme') > -1) {
themes += "<option " + (Settings.theme == 'third_party\/' + third_party_files[k].slice(0, -4)? "selected='selected'" : "") + " value='" + 'third_party\/' + third_party_files[k].slice(0, -4) + "'>" +
third_party_files[k].slice(0, -10).split('_').join(' '); + "</option>";
}
}
}
}
%>
<select name="theme"><%=themes%></select>
<div class="dropdown-arrow"></div>
</div>
</span>
<span class="advanced">
<div class="dropdown start-screen">
<p><%= i18n.__("Start Screen") %></p>
<%
var arr_screens = ["Movies","TV Series","Anime","Indie","Favorites", "Watchlist", "Last Open"];
var selct_start_screen = "";
for(var key in arr_screens) {
selct_start_screen += "<option "+(Settings.start_screen == arr_screens[key]? "selected='selected'":"")+" value='"+arr_screens[key]+"'>"+i18n.__(arr_screens[key])+"</option>";
}
%>
<select name="start_screen"><%=selct_start_screen%></select>
<div class="dropdown-arrow"></div>
</div>
</span>
<span class="advanced">
<input class="settings-checkbox" name="translateSynopsis" id="translateSynopsis" type="checkbox" <%=(Settings.translateSynopsis? "checked='checked'":"")%>>
<label class="settings-label" for="translateSynopsis"><%= i18n.__("Translate Synopsis") %></label>
</span>
<span class="advanced">
<input class="settings-checkbox" name="coversShowRating" id="cb3" type="checkbox" <%=(Settings.coversShowRating? "checked='checked'":"")%>>
<label class="settings-label" for="cb3"><%= i18n.__("Show rating over covers") %></label>
</span>
<span class="advanced">
<input class="settings-checkbox" name="alwaysOnTop" id="cb4" type="checkbox" <%=(Settings.alwaysOnTop? "checked='checked'":"")%>>
<label class="settings-label" for="cb4"><%= i18n.__("Always On Top") %></label>
</span>
<span class="advanced">
<input class="settings-checkbox" name="rememberFilters" id="cb7" type="checkbox" <%=(Settings.rememberFilters? "checked='checked'":"")%>>
<label class="settings-label" for="cb7"><%= i18n.__("Remember Filters") %></label>
</span>
<span class="advanced">
<div class="dropdown watchedCovers">
<p><%= i18n.__("Watched Items") %></p>
<%
var watch_type = {
"none": "Show",
"fade": "Fade",
"hide": "Hide"
};
var select_watched_cover = "";
for(var key in watch_type) {
select_watched_cover += "<option "+(Settings.watchedCovers == key? "selected='selected'":"")+" value='"+key+"'>"+i18n.__(watch_type[key])+"</option>";
}
%>
<select name="watchedCovers"><%=select_watched_cover%></select>
<div class="dropdown-arrow"></div>
</div>
</span>
</div>
</section>
<section id="subtitles">
<div class="title"><%= i18n.__("Subtitles") %></div>
<div class="content">
<span>
<div class="dropdown subtitles-language-default">
<p><%= i18n.__("Default Subtitle") %></p>
<%
var sub_langs = "<option "+(Settings.subtitle_language == "none"? "selected='selected'":"")+" value='none'>" +
i18n.__("Disabled") + "</option>";
for(var key in App.Localization.langcodes) {
if (App.Localization.langcodes[key].subtitle !== undefined && App.Localization.langcodes[key].subtitle == true) {
sub_langs += "<option "+(Settings.subtitle_language == key? "selected='selected'":"")+" value='"+key+"'>"+
App.Localization.langcodes[key].nativeName+"</option>";
}
}
%>
<select name="subtitle_language"><%=sub_langs%></select>
<div class="dropdown-arrow"></div>
</div>
</span>
<span class="advanced">
<div class="dropdown subtitles-font">
<p><%= i18n.__("Font") %></p>
<%
var arr_fonts = [
{name:"AljazeeraMedExtOf", id:"aljazeera"},
{name:"Deja Vu Sans", id:"dejavusans"},
{name:"Droid Sans", id:"droidsans"},
{name:"Comic Sans MS", id:"comic"},
{name:"Georgia", id:"georgia"},
{name:"Geneva", id:"geneva"},
{name:"Helvetica", id:"helvetica"},
{name:"Khalid Art", id:"khalid"},
{name:"Lato", id:"lato"},
{name:"Montserrat", id:"montserrat"},
{name:"OpenDyslexic", id:"opendyslexic"},
{name:"Open Sans", id:"opensans"},
{name:"PT Sans",id:"pts"},
{name:"Tahoma", id:"tahoma"},
{name:"Trebuchet MS", id:"trebuc"},
{name:"Roboto",id:"roboto"},
{name:"Ubuntu", id:"ubuntu"},
{name:"Verdana", id:"verdana"},
];
var font_folder = path.resolve({
win32: "/Windows/fonts",
darwin: "/Library/Fonts",
linux: "/usr/share/fonts"
}[process.platform]);
var files = [];
var recursive = function (dir) {
if (fs.statSync(dir).isDirectory()) {
fs.readdirSync(dir).forEach(function (name) {
var newdir = path.join(dir, name);
recursive(newdir);
});
} else {
files.push(dir);
}
};
try {
recursive(font_folder);
} catch (e) {}
var avail_fonts = ["Arial"];
for (var i in arr_fonts) {
for (var key in files) {
var found = files[key].toLowerCase();
var toFind = arr_fonts[i].id;
if (found.indexOf(toFind) != -1) {
avail_fonts.push(arr_fonts[i].name);
break;
}
}
}
var sub_fonts = "";
for (var key in avail_fonts) {
sub_fonts += "<option "+(Settings.subtitle_font == avail_fonts[key]+",Arial"? "selected='selected'":"")+" value='"+avail_fonts[key]+",Arial'>"+avail_fonts[key]+"</option>";
}
%>
<select name="subtitle_font"><%=sub_fonts%></select>
<div class="dropdown-arrow"></div>
</div>
</span>
<span class="advanced">
<div class="dropdown subtitles-decoration">
<p><%= i18n.__("Decoration") %></p>
<%
var arr_deco = ["None", "Outline", "Opaque Background", "See-through Background"];
var sub_deco = "";
for(var key in arr_deco) {
sub_deco += "<option "+(Settings.subtitle_decoration == arr_deco[key]? "selected='selected'":"")+" value='"+arr_deco[key]+"'>"+i18n.__(arr_deco[key])+"</option>";
}
%>
<select name="subtitle_decoration"><%=sub_deco%></select>
<div class="dropdown-arrow"></div>
</div>
</span>
<span>
<div class="dropdown subtitles-size">
<p><%= i18n.__("Size") %></p>
<%
var arr_sizes = ["20px","22px","24px","26px","28px","30px","32px","34px","36px","38px","40px","42px","44px","46px","48px","50px","52px","54px","56px","58px","60px"];
var sub_sizes = "";
for(var key in arr_sizes) {
sub_sizes += "<option "+(Settings.subtitle_size == arr_sizes[key]? "selected='selected'":"")+" value='"+arr_sizes[key]+"'>"+arr_sizes[key]+"</option>";
}
%>
<select name="subtitle_size"><%=sub_sizes%></select>
<div class="dropdown-arrow"></div>
</div>
</span>
<span class="advanced">
<div class="subtitles-custom">
<p><%= i18n.__("Color") %></p>
<input class="colorsub" id="subtitles_color" type="color" size="7" name="subtitle_color" value="<%=Settings.subtitle_color%>" list="subs_colors">
<datalist id="subs_colors">
<option>#ffffff</option>
<option>#ffff00</option>
<option>#ff0000</option>
<option>#ff00ff</option>
<option>#00ffff</option>
<option>#00ff00</option>
</datalist>
</div>
</span>
<span class="advanced">
<input class="settings-checkbox" name="subtitles_bold" id="subsbold" type="checkbox" <%=(Settings.subtitles_bold? "checked='checked'":"")%>>
<label class="settings-label" for="subsbold"><%= i18n.__("Bold") %></label>
</span>
</div>
</section>
<section id="quality" class="advanced">
<div class="title"><%= i18n.__("Quality") %></div>
<div class="content">
<span>
<div class="dropdown movies-quality">
<p><%= i18n.__("Only list movies in") %></p>
<select name="movies_quality">
<option <%=(Settings.movies_quality == "all"? "selected='selected'":"") %> value="all"><%= i18n.__("All") %></option>
<option <%=(Settings.movies_quality == "1080p"? "selected='selected'":"") %> value="1080p">1080p</option>
<option <%=(Settings.movies_quality == "720p"? "selected='selected'":"") %> value="720p">720p</option>
</select>
<div class="dropdown-arrow"></div>
</div>
</span>
<span>
<input class="settings-checkbox" name="moviesShowQuality" id="cb1" type="checkbox" <%=(Settings.moviesShowQuality? "checked='checked'":"")%>>
<label class="settings-label" for="cb1"><%= i18n.__("Show movie quality on list") %></label>
</span>
</div>
</section>
<section id="playback">
<div class="title"><%= i18n.__("Playback") %></div>
<div class="content">
<span class="advanced">
<input class="settings-checkbox" name="alwaysFullscreen" id="alwaysFullscreen" type="checkbox" <%=(Settings.alwaysFullscreen? "checked='checked'":"")%>>
<label class="settings-label" for="alwaysFullscreen"><%= i18n.__("Always start playing in fullscreen") %></label>
</span>
<span>
<input class="settings-checkbox" name="playNextEpisodeAuto" id="playNextEpisodeAuto" type="checkbox" <%=(Settings.playNextEpisodeAuto? "checked='checked'":"")%>>
<label class="settings-label" for="playNextEpisodeAuto"><%= i18n.__("Play next episode automatically") %></label>
</span>
</div>
</section>
<% if(App.Trakt) { %>
<section id="trakt-tv">
<div class="title">Trakt.tv</div>
<div class="content">
<div class="trakt-options<%= App.Trakt.authenticated ? " authenticated" : "" %>">
<% if(App.Trakt.authenticated) { %>
<span>
<%= i18n.__("You are currently connected to %s", "Trakt.tv") %>.
<a id="unauthTrakt" class="unauthtext" href="#"><%= i18n.__("Disconnect account") %></a>
</span>
<span>
<input class="settings-checkbox" name="traktSyncOnStart" id="traktSyncOnStart" type="checkbox" <%=(Settings.traktSyncOnStart? "checked='checked'":"")%>>
<label class="settings-label" for="traktSyncOnStart"><%= i18n.__("Automatically Sync on Start") %></label>
</span>
<span>
<input class="settings-checkbox" name="traktPlayback" id="traktPlayback" type="checkbox" <%=(Settings.traktPlayback? "checked='checked'":"")%>>
<label class="settings-label" for="traktPlayback"><%= i18n.__("Resume Playback") %></label>
</span>
<span class="advanced">
<div class="btn-settings syncTrakt" id="syncTrakt">
<i class="fa fa-refresh"> </i>
<%= i18n.__("Sync With Trakt") %>
</div>
</span>
<% } else { %>
<span>
<%= i18n.__("Connect to %s to automatically 'scrobble' episodes you watch in %s", "Trakt.tv", Settings.projectName) %>
</span>
<span>
<div class="btn-settings syncTrakt" id="authTrakt">
<i class="fa fa-user-plus"> </i>
<%= i18n.__("Connect To %s", "Trakt") %>
</div>
<div id="authTraktCode" style="display:none">
<%= i18n.__("Code:")%>
<input type="text" size="20" readonly/>
</div>
</span>
<% } %>
</div>
</div>
</section>
<% } %>
<% if(App.TVShowTime) { %>
<section id="tvshowtime">
<div class="title">TVShow Time</div>
<div class="content">
<div class="tvshowtime-options <%= App.TVShowTime.authenticated ? " authenticated" : "" %>">
<% if(App.TVShowTime.authenticated) { %>
<span>
<%= i18n.__("You are currently connected to %s", "TVShow Time") %>.
<a id="disconnect-tvst" class="unauthtext" href="#"><%= i18n.__("Disconnect account") %></a>
</span>
<% } else { %>
<span>
<div class="btn-settings" id="connect-with-tvst">
<i class="fa fa-user-plus"> </i>
<%= i18n.__("Connect To %s", "TVShow Time") %>
</div>
<div class="tvst-loading-spinner" style="display: none"></div>
</span>
<% } %>
</div>
</div>
</section>
<% } %>
<section id="opensubtitles">
<div class="title">OpenSubtitles</div>
<div class="content">
<div class="opensubtitles-options">
<% if(Settings.opensubtitlesAuthenticated) { %>
<span>
<%= i18n.__("You are currently connected to %s", "OpenSubtitles") %>.
<a id="unauthOpensubtitles" class="unauthtext" href="#"><%= i18n.__("Disconnect account") %></a>
</span>
<% } else { %>
<span>
<p><%= i18n.__("Username") %></p>
<input type="text" size="50" id="opensubtitlesUsername" name="opensubtitlesUsername">
<div class="loading-spinner" style="display: none"></div>
<div class="valid-tick" style="display: none"></div>
<div class="invalid-cross" style="display: none"></div>
</span>
<span>
<p><%= i18n.__("Password") %></p>
<input type="password" size="50" id="opensubtitlesPassword" name="opensubtitlesPassword">
</span>
<span>
<div class="btn-settings" id="authOpensubtitles">
<i class="fa fa-user-plus"> </i>
<%= i18n.__("Connect To %s", "OpenSubtitles") %>
</div>
</span>
<span>
<em><%= i18n.__("%s stores an encrypted hash of your password in your local database", Settings.projectName) %></em>
</span>
<% } %>
<span class="advanced">
<input class="settings-checkbox" name="opensubtitlesAutoUpload" id="opensubtitlesAutoUpload" type="checkbox" <%=(Settings.opensubtitlesAutoUpload? "checked='checked'":"")%>>
<label class="settings-label" for="opensubtitlesAutoUpload"><%= i18n.__("Automatic Subtitle Uploading") %></label>
</span>
</div>
</div>
</section>
<section id="features">
<div class="title"><%= i18n.__("Features") %></div>
<div class="content">
<span>
<input class="settings-checkbox" name="activateTorrentCollection" id="activateTorrentCollection" type="checkbox" <%=(Settings.activateTorrentCollection? "checked='checked'":"")%>>
<label class="settings-label" for="activateTorrentCollection"><%= i18n.__("Torrent Collection") %></label>
</span>
<span>
<input class="settings-checkbox" name="activateWatchlist" id="activateWatchlist" type="checkbox" <%=(Settings.activateWatchlist? "checked='checked'":"")%>>
<label class="settings-label" for="activateWatchlist"><%= i18n.__("Watchlist") %></label>
</span>
<span>
<input class="settings-checkbox" name="activateRandomize" id="activateRandomize" type="checkbox" <%=(Settings.activateRandomize? "checked='checked'":"")%>>
<label class="settings-label" for="activateRandomize"><%= i18n.__("Randomize Button for Movies") %></label>
</span>
</div>
</section>
<section id="remote-control" class="advanced">
<div class="title"><%= i18n.__("Remote Control") %></div>
<div class="content">
<span>
<p><%= i18n.__("Local IP Address") %></p>
<input type="text" id="settingsIpAddr" value="<%= Settings.ipAddress %>" readonly="readonly" size="20" />
</span>
<span>
<p><%= i18n.__("HTTP API Port") %></p>
<input id="httpApiPort" type="number" size="5" name="httpApiPort" value="<%=Settings.httpApiPort%>">
</span>
<span>
<p><%= i18n.__("HTTP API Username") %></p>
<input id="httpApiUsername" type="text" size="50" name="httpApiUsername" value="<%=Settings.httpApiUsername%>">
</span>
<span>
<p><%= i18n.__("HTTP API Password") %></p>
<input id="httpApiPassword" type="text" size="50" name="httpApiPassword" value="<%=Settings.httpApiPassword%>">
</span>
<div class="btns advanced database">
<div class="btn-settings database qr-code">
<i class="fa fa-qrcode"> </i>
<%= i18n.__("Generate Pairing QR code") %>
</div>
</div>
<div id="qrcode-overlay"></div>
<div id="qrcode-modal">
<span class="fa-stack fa-1x" id="qrcode-close">
<i class="fa fa-circle-thin fa-stack-2x" style="margin-top: -2px;"></i>
<i class="fa fa-times fa-stack-1x" style="margin-top: -2px;"></i>
</span>
<canvas id="qrcode" width="200" height="200"></canvas>
</div><!-- /.modal -->
</div>
</section>
<section id="connection" class="advanced">
<div class="title"><%= i18n.__("Connection") %></div>
<div class="content">
<% if(Settings.tvAPI) { %>
<span>
<p><%= i18n.__("TV Show API Endpoint") %></p>
<input id="tvAPI" type="text" size="50" name="tvAPI" value="<%=Settings.tvAPI[0].url%>">
<% if (Settings.tvAPI.length <= 1) { %>
<i class="reset-tvAPI fa fa-undo tooltipped" data-toggle="tooltip" data-placement="auto" title="<%= i18n.__('Reset to Default Settings') %>"></i>
<% } %>
</span>
<% } %>
<span>
<p><%= i18n.__("Connection Limit") %></p>
<input id="connectionLimit" type="text" size="20" name="connectionLimit" value="<%=Settings.connectionLimit%>"/>
</span>
<span>
<p><%= i18n.__("Port to stream on") %></p>
<input id="streamPort" type="text" size="20" name="streamPort" value="<%=Settings.streamPort%>"/> <em><%= i18n.__("0 = Random") %></em>
</span>
<span id="overallRatio">
<p><%= i18n.__("Overall Ratio") %></p>
<% var overallRatio = function () {
var ratio = (Settings.totalUploaded / Settings.totalDownloaded).toFixed(2);
isNaN(ratio) ? ratio = i18n.__("None") : ratio;
return ratio;
}
%>
<input type="text" size="20" name="overallRatio" value="<%= overallRatio() %>"> <em><%= Common.fileSize(Settings.totalDownloaded) %><i class="fa fa-arrow-circle-down"></i><%= Common.fileSize(Settings.totalUploaded) %><i class="fa fa-arrow-circle-up"></i></em>
</span>
</div>
</section>
<section id="cache" class="advanced">
<div class="title"><%= i18n.__("Cache Directory") %></div>
<div class="content">
<span>
<p><%= i18n.__("Cache Directory") %></p>
<input type="text" placeholder="<%= i18n.__("Cache Directory") %>" id="faketmpLocation" value="<%= Settings.tmpLocation %>" readonly="readonly" size="65" />
<i class="open-tmp-folder fa fa-folder-open-o tooltipped" data-toggle="tooltip" data-placement="auto" title="<%= i18n.__("Open Cache Directory") %>"></i>
<input type="file" name="tmpLocation" id="tmpLocation" nwdirectory style="display: none;" nwworkingdir="<%= Settings.tmpLocation %>" />
</span>
<span>
<input class="settings-checkbox" name="deleteTmpOnClose" id="cb2" type="checkbox" <%=(Settings.deleteTmpOnClose? "checked='checked'":"")%>>
<label class="settings-label" for="cb2"><%= i18n.__("Clear Tmp Folder after closing app?") %></label>
</span>
</div>
</section>
<section id="database" class="advanced">
<div class="title"><%= i18n.__("Database") %></div>
<div class="content">
<span>
<p><%= i18n.__("Database Directory") %></p>
<input type="text" placeholder="<%= i18n.__("Database Directory") %>" id="fakedatabaseLocation" value="<%= Settings.databaseLocation %>" readonly="readonly" size="65" />
<i class="open-database-folder fa fa-folder-open-o tooltipped" data-toggle="tooltip" data-placement="auto" title="<%= i18n.__("Open Database Directory") %>"></i>
<input type="file" name="fakedatabaseLocation" id="fakedatabaseLocation" nwdirectory style="display: none;" nwworkingdir="<%= Settings.databaseLocation %>" />
</span>
<div class="btns advanced database">
<div class="btn-settings database import-database">
<i class="fa fa-level-down"> </i>
<%= i18n.__("Import Database") %>
</div>
<div class="btn-settings database export-database">
<i class="fa fa-level-up"> </i>
<%= i18n.__("Export Database") %>
</div>
</div>
</div>
</section>
<section id="miscellaneous" class="advanced">
<div class="title"><%= i18n.__("Miscellaneous") %></div>
<div class="content">
<span >
<div class="dropdown tv_detail_jump_to">
<p><%= i18n.__("When Opening TV Series Detail Jump To") %></p>
<%
var tv_detail_jump_to = {
"firstUnwatched": "First Unwatched Episode",
"next": "Next Episode In Series"
};
var selected_tv_detail_jump = "";
for(var key in tv_detail_jump_to) {
selected_tv_detail_jump += "<option "+(Settings.tv_detail_jump_to == key? "selected='selected'":"")+" value='"+key+"'>"+i18n.__(tv_detail_jump_to[key])+"</option>";
}
%>
<select name="tv_detail_jump_to"><%=selected_tv_detail_jump%></select>
<div class="dropdown-arrow"></div>
</div>
</span>
<span>
<input class="settings-checkbox" name="automaticUpdating" id="cb5" type="checkbox" <%=(Settings.automaticUpdating? "checked='checked'":"")%>>
<label class="settings-label" for="cb5"><%= i18n.__("Activate automatic updating") %></label>
</span>
<span>
<input class="settings-checkbox" name="events" id="cb6" type="checkbox" <%=(Settings.events? "checked='checked'":"")%>>
<label class="settings-label" for="cb6"><%= i18n.__("Celebrate various events") %></label>
</span>
<span>
<input class="settings-checkbox" name="minimizeToTray" id="minimizeToTray" type="checkbox" <%=(Settings.minimizeToTray? "checked='checked'":"")%>>
<label class="settings-label" for="minimizeToTray"><%= i18n.__("Minimize to Tray") %></label>
</span>
<span>
<input class="settings-checkbox" name="bigPicture" id="bigPicture" type="checkbox" <%=(Settings.bigPicture? "checked='checked'":"")%>>
<label class="settings-label" for="bigPicture"><%= i18n.__("Big Picture Mode") %></label>
</span>
</div>
</section>
<div class="btns">
<div class="btn-settings flush-bookmarks advanced"><%= i18n.__("Flush bookmarks database") %></div>
<div class="btn-settings flush-subtitles advanced"><%= i18n.__("Flush subtitles cache") %></div>
<div class="btn-settings flush-databases"><%= i18n.__("Flush all databases") %></div>
<div class="btn-settings default-settings"><%= i18n.__("Reset to Default Settings") %></div>
</div>
</div>