forked from simonjhogan/PLAYz-Media-for-PLEX
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (160 loc) · 12.4 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script src="system/script/jquery-2.0.3.min.js"></script>
<script src="system/script/jquery.lazyload.js"></script>
<script src="system/script/jquery.mousewheel.js"></script>
<script src="system/script/jquery.querystring.js"></script>
<script src="system/script/jquery.caret.js"></script>
<script src="system/script/jquery.tooltips.min.js"></script>
<script src="system/script/plex.js"></script>
<script src="system/script/index.js"></script>
<script src="system/script/language.js"></script>
<script>
$(document).ready(function() {
languageInit(function() {
menu = new Menu();
menu.initialise();
});
});
</script>
<link rel="stylesheet" type="text/css" href="system/style/library.css"/>
<link rel="stylesheet" type="text/css" href="system/style/glyphicons.css"/>
</head>
<body>
<div id="applicationWallpaper"></div>
<div id="application">
<div id="navigator">
<div id="clock"></div>
<div class="flipper">
<div id="sections" class="menu vertical">
<ul></ul>
</div>
<div id="settings" class="menu vertical">
<ul>
<li><a data-key-index="1" data-title="About" data-key="about" data-section-type="about" href=""><span data-language="sectionAbout">About</span></a></li>
<li><a data-key-index="2" data-title="Help" data-key="help" data-section-type="help" data-language="sectionHelp" href=""><span data-language="sectionHelp">Help</span></a></li>
<li><a data-key-index="3" data-title="Settings" data-key="settings" data-section-type="settings" href=""><span data-language="sectionSettings">Settings</span></a></li>
<li><a data-key-index="4" data-title="Options" data-key="options" data-section-type="options" href=""><span data-language="sectionOptions">Options</span></a></li>
<li><a data-key-index="5" data-title="Quit" data-key="quit" data-section-type="quit" href="" class="selected"><span data-language="sectionQuit">Quit</span></a></li>
</ul>
</div>
</div>
<div id="navigatorSwitch" class="action"><i class="glyphicon message-forward"></i></div>
</div>
<div id="media">
<div id="server">
<div id="serverName"></div>
<div id="serverSelect" style="display: none;"></div>
</div>
<div id="passwordProtection">
<div id="passwordMessage"></div>
</div>
<div id="recentlyAdded" class="media-quick-menu" style="display: none;">
<div class="content"><ul></ul></div>
<div class="name"><span data-language="menuRecentlyAdded">Recently Added</span></div>
</div>
<div id="search" class="dialog" style="display: none;">
<div class="header"><span data-language="dialogSearch">Search</span></div>
<div class="content">
<form id="searchForm" action="media.html" method="get">
<p data-language="dialogSearchPrompt">Enter you query in the field below and press find to search ...</p>
<div class="details"><input data-key-down="#find" name="query" id="query" type="text" value="" required="required" placeholder="e.g. metallica"/></div>
<div class="actions"><button data-key-up="#query" data-key-left="#navigator #sections a.selected" id="find" data-language="dialogFindButton">Find</button></div>
<input type="hidden" name="action" value="search"/>
</form>
</div>
</div>
<div id="about" class="dialog" style="display: none;">
<div class="header"><span data-language="dialogAbout">About</span></div>
<div class="content">
<h3><img src="system/images/plex.png" /></h3>
<p>Build 0.7.1.2 - 2014/11/25</p>
<p data-language="dialogAboutCreated">Created by Simon J. Hogan</p>
<p data-language="dialogAboutCopyright">Sith'ari Consulting Australia © 2014</p>
<p>https://plex.tv | glyphicons.com | www.sithari.com.au</p>
</div>
</div>
<div id="help" class="dialog" style="display: none;">
<div class="header"><span data-language="dialogHelp">Help</span></div>
<div class="content">
<p data-language="dialogHelpInfo">Help documentation can be found at http://plex.sithari.com.au</p>
<h4 data-language="dialogNotice">Notice</h4>
<p data-language="dialogRequires">This application requires access to PLEX Media Server in order to function.</p>
<p data-language="dialogHelpPMS">PLEX Media Server can be downloaded from https://plex.tv</p>
</div>
</div>
<div id="config" class="dialog" style="display: none;">
<div class="header"><span data-language="dialogSettings">Settings</span></div>
<div class="content">
<form onsubmit="return false;">
<p data-language="dialogSettingsPrompt">Enter you PLEX Media Server (PMS) ip address and port below</p>
<div class="details"><input data-key-down="#save" name="pms" id="pms" type="text" value="" required="required" placeholder="e.g. 192.168.0.3:32400" autocomplete="off"/></div>
<div class="actions">
<table>
<tr>
<td><button data-key-up="#pms" data-key-down="#k4" data-key-left="#navigator #settings a.selected" data-key-right="#k8" class="keypad" id="k7">7</button></td>
<td><button data-key-up="#pms" data-key-down="#k5" data-key-left="#k7" data-key-right="#k9" class="keypad" id="k8">8</button></td>
<td><button data-key-up="#pms" data-key-down="#k6" data-key-left="#k8" data-key-right="#scan" class="keypad" id="k9">9</button></td>
<td><button data-key-up="#pms" data-key-down="#save" data-key-left="#k9" id="scan"><i class="glyphicon magic"></i> <span data-language="dialogSettingsScan">Scan</span></button></td>
<tr>
<td><button data-key-up="#k7" data-key-down="#k1" data-key-left="#navigator #settings a.selected" data-key-right="#k5" class="keypad" id="k4">4</button></td>
<td><button data-key-up="#k8" data-key-down="#k2" data-key-left="#k4" data-key-right="#k6" class="keypad" id="k5">5</button></td>
<td><button data-key-up="#k9" data-key-down="#k3" data-key-left="#k5" data-key-right="#save" class="keypad" id="k6">6</button></td>
<td><button data-key-up="#scan" data-key-down="#kb" data-key-left="#k6" id="save"><i class="glyphicon server-plus"></i> <span data-language="dialogSettingsSave">Save</span></button></td>
</tr>
<tr>
<td><button data-key-up="#k4" data-key-down="#k0" data-key-left="#navigator #settings a.selected" data-key-right="#k2" class="keypad" id="k1">1</button></td>
<td><button data-key-up="#k5" data-key-down="#kd" data-key-left="#k1" data-key-right="#k3" class="keypad" id="k2">2</button></td>
<td><button data-key-up="#k6" data-key-down="#kc" data-key-left="#k2" data-key-right="#kb" class="keypad" id="k3">3</button></td>
<td><button data-key-up="#save" data-key-down="#kcl" data-key-left="#k3" class="keypad" id="kb"><i class="glyphicon left-arrow"></i></button></td>
</tr>
<tr>
<td><button data-key-up="#k1" data-key-left="#navigator #settings a.selected" data-key-right="#kd" class="keypad" id="k0">0</button></td>
<td><button data-key-up="#k2" data-key-left="#k0" data-key-right="#kc" class="keypad" id="kd">.</button></td>
<td><button data-key-up="#k3" data-key-left="#kd" data-key-right="#kcl" class="keypad" id="kc">:</button></td>
<td><button data-key-up="#kb" data-key-left="#kc" class="keypad" id="kcl" data-language="dialogSettingsClear">Clear</button></td>
</tr>
</table>
</div>
<div id="settingsMessage" class="details"></div>
</form>
</div>
</div>
<div id="options" class="dialog" style="display: none;">
<div class="header"><span data-language="dialogOptions">Options</span></div>
<div class="content">
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-down="#optionStandalonePlayer" id="optionTranscoding" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsHLS">Enable HLS transcoding - requires PMS to be installed on sufficiently powerful computer</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionTranscoding" data-key-down="#optionTimeDisplay" id="optionStandalonePlayer" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsAlternatePlayer">Use standalone media player for Direct Play content</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionStandalonePlayer" data-key-down="#optionTitleOverlays" id="optionTimeDisplay" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptions24Hour">Display 24 hour time</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionTimeDisplay" data-key-down="#optionNoThemeMusic" id="optionTitleOverlays" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsPosters">Hide title overlays on posters</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionTitleOverlays" data-key-down="#optionDisableNextEpisodePlay" id="optionNoThemeMusic" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsThemeMusic">Disable series theme music</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionNoThemeMusic" data-key-down="#optionBackdropHover" id="optionDisableNextEpisodePlay" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsAutoplay">Disable autoplay of next episode</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionDisableNextEpisodePlay" data-key-down="#optionDisableWatchedIcons" id="optionBackdropHover" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsBackgroundArt">Show background art on thumbnail focus</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionBackdropHover" data-key-down="#optionLargeText" id="optionDisableWatchedIcons" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsUnwatchedIcons">Disable unwatched icons on thumbnails</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionDisableWatchedIcons" data-key-down="#optionSeekSmall" id="optionLargeText" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsLargeFont">User Extra Large fonts for all text</span></a></div>
<div class="details">
<a data-key-left="#navigator #settings a.selected" data-key-up="#optionLargeText" data-key-right="#optionSeekSmallCustom" data-key-down="#optionDebugDetails" id="optionSeekSmall" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsSeekSmall">Custom seek increment (defaults to 60 seconds)</span></a>
<input data-key-right="#seekSmallClear" data-key-left="#optionSeekSmall" name="optionSeekSmallCustom" id="optionSeekSmallCustom" type="text" value="" placeholder="e.g. 60" autocomplete="off"/>
<button data-key-up="#optionLargeText" data-key-down="#optionDebugDetails" data-key-left="#optionSeekSmallCustom" class="keypad" id="seekSmallClear">Clear</button>
</div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionSeekSmall" data-key-down="#optionSmallPictures" id="optionDebugDetails" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsDebug">Provide debug and system resource information</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionDebugDetails" id="optionSmallPictures" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsSmallPicutres">Display small pictures</span></a></div>
<div class="details"><a data-key-left="#navigator #settings a.selected" data-key-up="#optionDebugDetails" id="optionAllItems" href=""><i class="glyphicon unchecked"></i> <span data-language="dialogOptionsDebug">Place all items in a single page</span></a></div>
</div>
</div>
</div>
</div>
<div id="preview" style="display: none;">
<div id="previewContent" class="content"></div>
<div id="previewClose" class="action"><i class="glyphicon remove"></i></div>
</div>
<div id="debug" style="display: none;"></div>
<div id="loader" style="display: none;">
<img src="system/images/loader.gif" alt="loading"/>
<div id="message"></div>
</div>
<object type="application/x-netcast-info" id="device" width="0" height="0"></object>
</body>
</html>