CyTube/www/index.html
2013-04-19 14:04:51 -05:00

258 lines
11 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CyTube</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="Calvin 'calzoneman' Montgomery">
<link href="./assets/css/bootstrap.css" rel="stylesheet">
<link href="./assets/css/ytsync.css" rel="stylesheet">
<style>
body {
padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
}
</style>
<link href="./assets/css/bootstrap-responsive.css" rel="stylesheet">
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="#">CyTube</a>
<div class="">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="help.html">Help</a></li>
</ul>
<div class="navbar-form pull-right" id="loginform">
<input class="span2" id="username" type="text" placeholder="Username">
<input class="span2" id="password" type="password" placeholder="Password">
<button class="btn" id="login">Login</button>
<button class="btn" id="register">Register</button>
</div>
<div class="navbar-form pull-right" id="logoutform" style="display: none;">
<button class="btn" id="logout">Logout</button>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div id="loggedin" class="span6" style="display: none;">
<h3 id="welcome"></h3>
</div>
</div>
<div class="row" id="motdrow">
<div class="span10 offset1 well">
<p id="motd"></p>
</div>
<div class="span12 drinkbar">
<h1 id="drinkcount"></h1>
</div>
</div>
<div class="row" id="main" style="margin-top: 20px;">
<div class="span5" id="chatdiv">
<p id="usercount"></p>
<div id="userlist">
</div>
<div id="messagebuffer">
</div>
<input type="text" id="chatline" class="span5">
</div>
<div class="span7" id="videodiv">
<p id="currenttitle">Currently Playing: </p>
<div id="ytapiplayer">
</div>
</div>
</div>
<div class="row" id="pollrow" style="margin-top: 50px;">
<div class="span6" id="pollcontainer">
</div>
</div>
<div class="row" id="queuerow" style="margin-top: 50px;">
<div class="span6" id="queuediv">
<div id="playlist_controls" class="input-append" style="display: none;">
<input type="text" id="mediaurl" style="margin:auto;">
<button class="btn" id="queue_next">Queue Next</button>
<button class="btn" id="queue_end">Queue @ End</button>
</div>
<button class="btn btn-danger" id="voteskip">Voteskip</button>
<ul id="queue" class="videolist">
</ul>
<button class="btn btn-danger" id="qlockbtn" style="width: 100%; display:none;">Unlock Queue</button>
<button class="btn" id="getplaylist" style="width: 100%;">Get Playlist URLs</button>
</div>
<div class="span6" id="librarydiv">
<div class="input-append">
<input type="text" id="library_query" style="margin:auto;">
<button class="btn" id="library_search">Search Library</button>
<button class="btn" id="youtube_search">Search YouTube</button>
</div>
<ul id="library" class="videolist">
</ul>
</div>
</div>
<div class="row" style="display: none;" id="modnav">
<div class="span10 offset1" id="modtabs">
<ul class="nav nav-tabs">
<li class="active">
<a href="javascript:void(0)" id="show_chancontrols">Channel Controls</a>
</li>
<li>
<a href="javascript:void(0)" id="show_banlist">Ban List</a>
</li>
<li>
<a href="javascript:void(0)" id="show_motdeditor">MOTD</a>
</li>
<li>
<a href="javascript:void(0)" id="show_filtereditor">Chat Filters</a>
</li>
</ul>
</div>
</div>
<div class="row modonly" style="display: none" id="chancontrols">
<div class="span10 offset1">
<form action="javascript:void(0)">
<fieldset>
<legend>Channel Options</legend>
<div class="span4">
<label>When the queue is open:</label>
<label class="checkbox">
<input type="checkbox" id="opt_qopen_allow_qnext">
Allow anyone to Queue Next
</label>
<label class="checkbox">
<input type="checkbox" id="opt_qopen_allow_move">
Allow anyone to move videos
</label>
<label class="checkbox">
<input type="checkbox" id="opt_qopen_allow_delete">
Allow anyone to delete videos
</label>
<label class="checkbox">
<input type="checkbox" id="opt_qopen_allow_playnext">
Allow anyone to jump to a video
</label>
</div>
<div class="span5">
<label>Page Title
<input type="text" id="opt_pagetitle" placeholder="Sync" class="pull-right">
</label>
<br>
<label>Custom CSS
<input type="text" id="opt_customcss" class="pull-right">
</label>
<br>
<label>Custom JS<sup class="text-warning">BETA</sup>
<input type="text" id="opt_customjs" class="pull-right">
</label>
<br>
<label class="checkbox">
<input type="checkbox" id="opt_allow_voteskip">
Allow voteskip
</label>
</div>
<div class="span10">
<button class="btn btn-primary" id="opt_submit">Save</button>
</div>
</fieldset>
</form>
</div>
</div>
<div class="row modonly" id="banlist" style="display: none;">
<div class="span10 offset1">
<table class="table table-striped">
<thead>
<th></th>
<th>IP</th>
<th>Name</th>
<th>Banned By</th>
</thead>
</table>
</div>
</div>
<div class="row modonly" id="motdeditor" style="display: none;">
<div class="span10 offset1">
<textarea rows="10" id="motdtext"></textarea>
<button class="btn btn-primary" id="updatemotd">Update</button>
</div>
</div>
<div class="row modonly" id="filtereditor" style="display: none;">
<div class="span10 offset1">
<table class="table table-striped">
<thead>
<th></th>
<th>Regex</th>
<th>Replacement</th>
<th>Active</th>
</thead>
</table>
</div>
</div>
<div class="row" id="layout_buttons">
<div class="span4 offset3">
<div class="btn-group" style="width: 100%">
<button id="largelayout" class="btn">Large Layout</button>
<button id="hugelayout" class="btn">Huge Layout</button>
<button id="narrowlayout" class="btn">Narrow Layout</button>
<button id="stlayout" class="btn">Synchtube Layout</button>
</div>
</div>
</div>
</div> <!-- /container -->
<div id="userOpts" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="userOptsLbl" aria-hidden="true" data-backdrop="false">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3>Options</h3>
</div>
<div class="modal-body">
<form action="javascript:void(0);">
<fieldset>
<label>Layout</label>
<select id="uopt_layout">
<option value="default">Default</option>
<option value="large">Large</option>
<option value="huge">Huge</option>
<option value="narrow">Narrow</option>
<option value="synchtube">Synchtube</option>
</select>
<label class="checkbox">
<input type="checkbox" id="uopt_playlist_follow">
Playlist follows current video
</label>
</fieldset>
</form>
</div>
<div class="modal-footer">
<button class="btn btn-primary" data-dismiss="modal" aria-hidden="true">Save</button>
</div>
</div>
<!-- APIs -->
<script src="http://api.dmcdn.net/all.js"></script>
<script src="./assets/js/sc.js"></script>
<script src="./assets/js/froogaloop.min.js"></script>
<script src="./assets/js/swf.js"></script>
<!-- Third party -->
<script src="./assets/js/jquery.js"></script>
<script src="./assets/js/bootstrap.js"></script>
<script src="./assets/js/bootstrap-transition.js"></script>
<script src="./assets/js/bootstrap-modal.js"></script>
<script src="./socket.io/socket.io.js"></script>
<!-- My Javascript -->
<script src="./assets/js/functions.js"></script>
<script src="./assets/js/callbacks.js"></script>
<script src="./assets/js/iourl.js"></script>
<script src="./assets/js/media.js"></script>
<script src="./assets/js/client.js"></script>
</body>
</html>