Fix #176
This commit is contained in:
calzoneman
parent
223f18a556
commit
c08b89d68a
220
www/channel.html
220
www/channel.html
|
|
@ -57,122 +57,128 @@
|
||||||
<!-- announcement area -->
|
<!-- announcement area -->
|
||||||
<div class="row-fluid" id="announcements">
|
<div class="row-fluid" id="announcements">
|
||||||
</div>
|
</div>
|
||||||
<div class="row" id="main-outer">
|
|
||||||
<div class="span12" id="main-inner">
|
|
||||||
<!-- main row -->
|
<!-- main row -->
|
||||||
<div class="row" id="main">
|
<div class="row" id="main">
|
||||||
<!-- chat container -->
|
<div class="span12" id="main-outer">
|
||||||
<div class="span5" id="chatwrap">
|
<div class="row" id="main-inner">
|
||||||
<!-- user count -->
|
<!-- chat container -->
|
||||||
<div id="usercountwrap" class="pointer">
|
<div class="span5" id="chatwrap">
|
||||||
<i class="icon-chevron-up pull-left" id="userlisttoggle" title="Show/Hide Userlist"></i>
|
<!-- user count -->
|
||||||
<p id="usercount">Not connected</p>
|
<div id="usercountwrap" class="pointer">
|
||||||
</div>
|
<i class="icon-chevron-up pull-left" id="userlisttoggle" title="Show/Hide Userlist"></i>
|
||||||
<!-- userlist -->
|
<p id="usercount">Not connected</p>
|
||||||
<div id="userlist">
|
</div>
|
||||||
</div>
|
<!-- userlist -->
|
||||||
<!-- message buffer -->
|
<div id="userlist">
|
||||||
<div id="messagebuffer">
|
</div>
|
||||||
</div>
|
<!-- message buffer -->
|
||||||
<!-- chat input -->
|
<div id="messagebuffer">
|
||||||
<input type="text" id="chatline" maxlength="240" class="span5">
|
</div>
|
||||||
</div>
|
<!-- chat input -->
|
||||||
<!-- video container -->
|
<input type="text" id="chatline" maxlength="240" class="span5">
|
||||||
<div class="span7" id="videowrap">
|
</div>
|
||||||
<!-- current video display -->
|
<!-- video container -->
|
||||||
<p id="currenttitle">Nothing playing</p>
|
<div class="span7" id="videowrap">
|
||||||
<!-- video frame -->
|
<!-- current video display -->
|
||||||
<div id="ytapiplayer">
|
<p id="currenttitle">Nothing playing</p>
|
||||||
|
<!-- video frame -->
|
||||||
|
<div id="ytapiplayer">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- playlist row -->
|
<!-- playlist row -->
|
||||||
<div class="row" id="playlistrow">
|
<div class="row" id="playlistrow">
|
||||||
<!-- left pane - Library + user playlists -->
|
<div class="span12" id="playlist-outer">
|
||||||
<div class="span5" id="leftpane-outer">
|
<div class="row" id="playlist-inner">
|
||||||
<div class="row-fluid" id="leftpane-inner">
|
<!-- left pane - Library + user playlists -->
|
||||||
<!-- new poll controls -->
|
<div class="span5" id="leftpane-outer">
|
||||||
<div class="span12" id="pollbtnwrap">
|
<div class="row-fluid" id="leftpane-inner">
|
||||||
<button class="btn btn-primary btn-small" id="newpollbtn">New Poll</button>
|
<!-- new poll controls -->
|
||||||
</div>
|
<div class="span12" id="pollbtnwrap">
|
||||||
<!-- poll container -->
|
<button class="btn btn-primary btn-small" id="newpollbtn">New Poll</button>
|
||||||
<div class="span12" id="pollwrap">
|
</div>
|
||||||
</div>
|
<!-- poll container -->
|
||||||
<!-- library search -->
|
<div class="span12" id="pollwrap">
|
||||||
<div class="well well-small span12 row-fluid">
|
</div>
|
||||||
<div class="span12 pointer" id="librarytoggle">
|
<!-- library search -->
|
||||||
<i class="icon-plus pull-left"></i>
|
<div class="well well-small span12 row-fluid">
|
||||||
<p>Show Library</p>
|
<div class="span12 pointer" id="librarytoggle">
|
||||||
</div>
|
<i class="icon-plus pull-left"></i>
|
||||||
<div id="librarywrap">
|
<p>Show Library</p>
|
||||||
<div class="span7" id="querywrap">
|
</div>
|
||||||
<input type="text" id="library_query" class="input-block-level" placeholder="Search Query">
|
<div id="librarywrap">
|
||||||
</div>
|
<div class="span7" id="querywrap">
|
||||||
<div class="span5 btn-group" id="searchbtns">
|
<input type="text" id="library_query" class="input-block-level" placeholder="Search Query">
|
||||||
<button class="btn" id="library_search">Library</button>
|
</div>
|
||||||
<button class="btn" id="youtube_search">YouTube</button>
|
<div class="span5 btn-group" id="searchbtns">
|
||||||
</div>
|
<button class="btn" id="library_search">Library</button>
|
||||||
<ul class="span12 videolist" id="library">
|
<button class="btn" id="youtube_search">YouTube</button>
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
<ul class="span12 videolist" id="library">
|
||||||
</div>
|
</ul>
|
||||||
<!-- user playlists -->
|
</div>
|
||||||
<div class="well well-small span12 row-fluid" id="userpltogglewrap">
|
</div>
|
||||||
<div class="span12 pointer" id="userpltoggle">
|
<!-- user playlists -->
|
||||||
<i class="icon-plus pull-left"></i>
|
<div class="well well-small span12 row-fluid" id="userpltogglewrap">
|
||||||
<p>Show Playlist Manager</p>
|
<div class="span12 pointer" id="userpltoggle">
|
||||||
</div>
|
<i class="icon-plus pull-left"></i>
|
||||||
<div id="userplaylistwrap">
|
<p>Show Playlist Manager</p>
|
||||||
<div class="span7">
|
</div>
|
||||||
<input type="text" id="userpl_name" class="input-block-level" placeholder="Playlist Name">
|
<div id="userplaylistwrap">
|
||||||
</div>
|
<div class="span7">
|
||||||
<div class="span5">
|
<input type="text" id="userpl_name" class="input-block-level" placeholder="Playlist Name">
|
||||||
<button class="btn btn-block" id="userpl_save">Save Playlist</button>
|
</div>
|
||||||
</div>
|
<div class="span5">
|
||||||
<ul class="span12" id="userpl_list">
|
<button class="btn btn-block" id="userpl_save">Save Playlist</button>
|
||||||
</ul>
|
</div>
|
||||||
</div>
|
<ul class="span12" id="userpl_list">
|
||||||
</div>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- right pane - channel playlist -->
|
|
||||||
<div class="span7" id="rightpane-outer">
|
|
||||||
<div class="row-fluid" id="rightpane-inner">
|
|
||||||
<!-- account for left pane having the poll buffer -->
|
|
||||||
<div class="span12" id="queue_align"></div>
|
|
||||||
<!-- electric boogaloo -->
|
|
||||||
<div class="span12" id="queue_align2"></div>
|
|
||||||
<!-- playlist controls -->
|
|
||||||
<div class="well well-small span12 row-fluid" id="playlisttogglewrap">
|
|
||||||
<div class="span12 pointer" id="playlisttoggle">
|
|
||||||
<i class="icon-plus pull-left"></i>
|
|
||||||
<p>Show Playlist Controls</p>
|
|
||||||
</div>
|
|
||||||
<div id="playlist_controls">
|
|
||||||
<div class="span8">
|
|
||||||
<input type="text" id="mediaurl" class="input-block-level" placeholder="Media URL">
|
|
||||||
</div>
|
|
||||||
<div class="span4 btn-group">
|
|
||||||
<button class="btn" id="queue_next">Next</button>
|
|
||||||
<button class="btn" id="queue_end">End</button>
|
|
||||||
</div>
|
|
||||||
<div id="extended_controls" class="span12">
|
|
||||||
<button class="btn btn-danger btn-block" id="qlockbtn">Unlock Queue</button>
|
|
||||||
<button class="btn btn-block" id="clearplaylist">Clear Playlist</button>
|
|
||||||
<button class="btn btn-block" id="shuffleplaylist">Shuffle Playlist</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<!-- right pane - channel playlist -->
|
||||||
<div class="btn-group span12">
|
<div class="span7" id="rightpane-outer">
|
||||||
<button class="btn" style="width: 50%" id="voteskip">Voteskip</button>
|
<div class="row-fluid" id="rightpane-inner">
|
||||||
<button class="btn" style="width: 50%" id="getplaylist">Get Playlist URLs</button>
|
<!-- account for left pane having the poll buffer -->
|
||||||
</div>
|
<div class="span12" id="queue_align"></div>
|
||||||
<!-- video queue -->
|
<!-- electric boogaloo -->
|
||||||
<ul class="span12 videolist" id="queue">
|
<div class="span12" id="queue_align2"></div>
|
||||||
</ul>
|
<!-- playlist controls -->
|
||||||
<div class="span12" id="plmeta">
|
<div class="well well-small span12 row-fluid" id="playlisttogglewrap">
|
||||||
<span id="plcount">0 items</span>
|
<div class="span12 pointer" id="playlisttoggle">
|
||||||
<span id="pllength">00:00:00</span>
|
<i class="icon-plus pull-left"></i>
|
||||||
|
<p>Show Playlist Controls</p>
|
||||||
|
</div>
|
||||||
|
<div id="playlist_controls">
|
||||||
|
<div class="span8">
|
||||||
|
<input type="text" id="mediaurl" class="input-block-level" placeholder="Media URL">
|
||||||
|
</div>
|
||||||
|
<div class="span4 btn-group">
|
||||||
|
<button class="btn" id="queue_next">Next</button>
|
||||||
|
<button class="btn" id="queue_end">End</button>
|
||||||
|
</div>
|
||||||
|
<div id="extended_controls" class="span12">
|
||||||
|
<button class="btn btn-danger btn-block" id="qlockbtn">Unlock Queue</button>
|
||||||
|
<button class="btn btn-block" id="clearplaylist">Clear Playlist</button>
|
||||||
|
<button class="btn btn-block" id="shuffleplaylist">Shuffle Playlist</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn-group span12">
|
||||||
|
<button class="btn" style="width: 50%" id="voteskip">Voteskip</button>
|
||||||
|
<button class="btn" style="width: 50%" id="getplaylist">Get Playlist URLs</button>
|
||||||
|
</div>
|
||||||
|
<!-- video queue -->
|
||||||
|
<ul class="span12 videolist" id="queue">
|
||||||
|
</ul>
|
||||||
|
<div class="span12" id="plmeta">
|
||||||
|
<span id="plcount">0 items</span>
|
||||||
|
<span id="pllength">00:00:00</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue