/
remote.html
116 lines (104 loc) · 6.46 KB
/
remote.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.11.4.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.11.4.structure.css"/>
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.11.4.theme.css"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/modules.js"></script>
<script type="text/javascript" src="js/shared.js"></script>
<script type="text/javascript" src="js/remote.js"></script>
<script type="text/javascript" src="js/xbmc-helper.js"></script>
<script type="text/javascript" src="js/init.js"></script>
</head>
<body style="min-width:350px; padding-left: 20px">
<div id="focusAnchor" tabindex="0"></div>
<div style="min-height: 15px"><div id="profileRow" class="row" style="display: none; text-align: center;">
<select id="profiles"></select>
</div></div>
<div id="remoteRow" class="row">
<button id="previousBtn"><img src="images/prev.png" alt="Previous"></button><button id="rewindBtn"><img src="images/rw.jpg" alt="Step Back"/></button><span class="playpause"><button id="stopBtn"><img src="images/stop.jpg" alt="Stop"/></button><button id="playBtn"><img src="images/playpause.gif" alt="PlayPause"/></button></span><button id="fastForwardBtn"><img src="images/ff.jpg" alt="Step Forward"/></button><button id="nextBtn"><img src="images/skip.png" alt="Skip"/></button>
</div>
<div id="seekerRow" class="row">
<div id="seeker" style="width:277px; margin: 5px 0 5px -5px;"></div>
</div>
<div id="currentTime" class="timeIndicator"></div>
<div id="totalTime" class="timeIndicator"></div>
<div id="volumeRow" class="row">
<div id="volume_control" style="width:185px; margin: 5px 0 5px -5px;"></div>
</div>
<div id="buttonsRow" class="btn-toolbar">
<div class="btn-group" style="left:-10px;">
<button id="playCurrentVideoButton" class="btn btn-small disabled-btn single-action-btn" disabled>Play now</button>
<div id="multiVideoButtonGroup" class="btn-group multi-video-btn-group" style="display: none;">
<button id="playNowMenuButton" class="btn btn-small dropdown-toggle multi-video-btn" data-toggle="dropdown">
<span>Play Now <span class="caret"></span></span>
</button>
<ul id="videoButtons" class="dropdown-menu pull-left video-menu"></ul>
</div>
<button id="queueVideoButton" class="single-action-btn btn btn-small disabled-btn" disabled style="border-radius: 0;">+Queue</button>
<div class="btn-group multi-video-btn-group" style="display: none; margin-left: -1px">
<button class="btn btn-small dropdown-toggle multi-video-btn" data-toggle="dropdown" style="border-radius: 0;">
<span>Queue <span class="caret"></span></span>
</button>
<ul id="videoQueueButtons" class="dropdown-menu pull-left video-menu" style="left: -78px;"></ul>
</div>
<button id="addToFavButton" class="btn btn-small disabled-btn single-action-btn" disabled style="border-radius: 0;">+Favourite</button>
<div class="btn-group multi-video-btn-group" style="display: none; margin-left: -1px">
<button class="btn btn-small dropdown-toggle multi-video-btn" data-toggle="dropdown" style="border-radius: 0;">
<span>Favourite <span class="caret"></span></span>
</button>
<ul id="videoFavButtons" class="dropdown-menu pull-left video-menu" style="left: -141px;"></ul>
</div>
<span id="moreBtnGroup" class="btn-group" style="margin: 0;">
<button id="moreBtn" class="btn btn-small dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
</button>
<ul class="dropdown-menu pull-right">
<li id="dropdown-first" style="display: none;"></li>
<li class="disabled disabled-link"><a tabindex="-1" href="#" id="playNextButton">Play this Next</a></li>
<li class="disabled disabled-link"><a href="#" id="queueListButton">Queue Playlist</a></li>
<li class="divider"></li>
<li><a href="#" id="removeThisButton">Remove current from Playlist</a></li>
<li><a href="#" id="clearPlaylistButton">Clear Playlist</a></li>
</ul>
</span>
</div>
</div>
<!--<div class="btn-toolbar">-->
<!--<button id="testBtn" class="btn btn-small">Test</button>-->
<!--</div>-->
<div id="favouritesRow" class="row">
<ul class="nav nav-tabs" style="display: none;">
<li class="active">
<a href="#">Favourites</a>
</li>
<li><a href="#">Videos</a></li>
</ul>
<table id="favourites" class="table table-condensed table-striped" style="border-bottom: 1px solid #DDD; margin:5px auto auto auto; display: none;">
<thead>
<tr>
<th>Favourites</th>
<th style="min-width: 95px;">Actions</th>
</tr>
</thead>
<tbody class="sort">
</tbody>
</table>
</div>
<div class="row" style="text-align: center">
<a id="optionsBtn" href="options.html"><img height="48px" width="48px" src="images/configuration.jpg" alt="Configuration" style="float: left; margin-left: 3px;"/></a>
<a target="_blank" href="http://kodi.tv/" title="Kodi"><img src="images/kodi.png" alt="Kodi" style="float: right; padding-right: 10px;"/></a>
<div id="playlistTextContainer" style="padding-top: 12px; display: none;"><span id="playlistText" class="label label-success"></span></div>
<div id="warningTextContainer" style="padding: 12px 0; text-align: center;"><span class="label label-warning">Connecting...</span></div>
</div>
<div id="setupTooltip" class="tooltip fade right in" style="display: none; left: 50px; bottom: 11px;"><div class="tooltip-arrow"></div><div class="tooltip-inner">Click here to setup your Play to Kodi extension</div></div>
<div id="updateTooltip" class="tooltip fade right in" style="display: none; left: 50px; bottom: 11px;"><div class="tooltip-arrow"></div><div class="tooltip-inner">Play to Kodi updated!<br/>Changelist can be found here</div></div>
<div id="scrollerTime" style="display: none;"></div>
</body>
</html>