diff options
Diffstat (limited to 'res/index.html')
| -rw-r--r-- | res/index.html | 208 |
1 files changed, 208 insertions, 0 deletions
diff --git a/res/index.html b/res/index.html new file mode 100644 index 0000000..b174733 --- /dev/null +++ b/res/index.html @@ -0,0 +1,208 @@ +<!DOCTYPE html> +<html lang="ru"><head> + <meta http-equiv="content-type" content="text/html; charset=UTF-8"> + <style class="vjs-styles-defaults"> + .video-js { + width: 300px; + height: 150px; + } + .vjs-fluid { + padding-top: 56.25% + } + </style> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>SyncTube</title> + <link rel="icon" type="image/png" href="img/favicon.png" /> + <link href="css/sticky-footer-navbar.css" rel="stylesheet"> + <link href="css/cytube.css" rel="stylesheet"> + <link href="css/mobile-view.css" rel="stylesheet"> + <link id="usertheme" href="css/des.css" rel="stylesheet"> + <link id="customcss" href="css/custom.css" rel="stylesheet"> +</head> + <body class="fluid"> + <div id="wrap"> + <nav class="navbar navbar-inverse" role="navigation"> + <div class="navbar-header"> + <a class="navbar-brand" href="#">SyncTube</a> + </div> + <div class="collapse navbar-collapse" id="nav-collapsible"> + <ul class="nav navbar-nav"> + <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">${account}<b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><a href="#">${exportSettings}</a></li> + <li><a href="#">${importSettings}</a></li> + <li class="divider"></li> + <li><a href="#">${exit}</a></li> + </ul> + </li> + <li><a href="javascript:void(0)" onclick="javascript:showUserOptions()">${settings}</a></li> + <li><a id="showchansettings" href="javascript:void(0)" onclick="javascript:showChannelSettings()">${channel}</a></li> + <li class="dropdown"><a class="dropdown-toggle" href="#" data-toggle="dropdown">${layout}<b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><a href="#" onclick="javascript:chatOnly()">${chatOnly}</a></li> + <li><a href="#" onclick="javascript:removeVideo(event)">${removeVideo}</a></li> + </ul> + </li> + </ul> + </div> + </nav> + <section id="mainpage"> + <div class="container-fluid"> + <div class="row" id="motdrow"> + <div class="col-lg-12 col-md-12"> + <div class="well" id="motdwrap" style="display: none;"> + <button class="close pull-right" id="togglemotd" type="button"><span class="glyphicon glyphicon-minus"></span></button> + <div id="motd"></div> + <div class="clear"></div> + </div> + </div> + </div> + <div class="row" id="announcements"></div> + <div class="row" id="main"> + <div class="split split-horizontal" id="chatwrap" style="width: calc(40% - 5px);"> + <div id="chatheader"><i class="glyphicon glyphicon-chevron-down pull-left pointer" id="userlisttoggle" title="${toggleUserList}"></i> + <span class="pointer" id="usercount">${connection}...</span> + <span class="label label-default pull-right pointer" id="mv_btn">${mobileViewBtn}</span> + <span class="label label-default pull-right pointer" id="leader_btn">${leader}</span> + </div> + <div id="userlist" style="height: 389px;"></div> + <div class="linewrap" id="messagebuffer" style="height: 389px;"></div> + <input class="form-control" id="chatline" type="text" maxlength="500"> + <div class="input-group" id="guestlogin" style="display: none;"><span class="input-group-addon">${enterAsGuest}</span> + <input class="form-control" id="guestname" type="text" placeholder="${yourName}"> + </div> + </div> + <div class="gutter gutter-horizontal" style="width: 10px;"></div> + <div class="split split-horizontal" id="videowrap" style="width: calc(60% - 5px);"> + <p id="currenttitle">${nothingPlaying}</p> + <div id="ytapiplayer" class="embed-responsive embed-responsive-16by9"></div> + </div> + <div class="clear"></div> + </div> + <div class="row" id="controlsrow"> + <div class="col-lg-5 col-md-5" id="leftcontrols"> + <button class="btn btn-sm btn-default" id="clearchatbtn">${clearChat}</button> + <button class="btn btn-sm btn-default" id="smilesbtn">${emotes}</button> + <button id="image-btn" class="btn btn-sm btn-default">${uploadImage}</button></div> + <div class="col-lg-7 col-md-7" id="rightcontrols"> + <div class="btn-group" id="plcontrol"> + <button class="btn btn-sm btn-default collapsed" id="showsearch" title="${searchVideo}" data-toggle="collapse" data-target="#searchcontrol" aria-expanded="false"><span class="glyphicon glyphicon-search"></span></button> + <button class="btn btn-sm btn-default collapsed" id="showmediaurl" title="${addVideoFromUrl}" data-toggle="collapse" data-target="#addfromurl" aria-expanded="false"><span class="glyphicon glyphicon-plus"></span></button> + <button class="btn btn-sm btn-default collapsed" id="showcustomembed" title="${embedCustomFrame}" data-toggle="collapse" data-target="#customembed" aria-expanded="false"><span class="glyphicon glyphicon-th-large"></span></button> + <button class="btn btn-sm btn-default collapsed" id="showplaylistmanager" title="${managePlaylists}" data-toggle="collapse" data-target="#playlistmanager" aria-expanded="false"><span class="glyphicon glyphicon-list"></span></button> + <button class="btn btn-sm btn-default" id="clearplaylist" title="${clearPlaylist}"><span class="glyphicon glyphicon-trash"></span></button> + <button class="btn btn-sm btn-default" id="shuffleplaylist" title="${shufflePlaylist}"><span class="glyphicon glyphicon-sort"></span></button> + <button class="btn btn-sm btn-danger" id="qlockbtn" title="${playlistLocked}"><span class="glyphicon glyphicon-lock"></span></button> + </div> + <div class="btn-group pull-right" id="videocontrols"> + <button class="btn btn-sm btn-default" id="extendplayer" title="${expandPlayer}"><span class="glyphicon glyphicon-sound-stereo"></span></button> + <button class="btn btn-sm btn-default" id="togglesynch" title="${toggleVideoSync}"><span class="glyphicon glyphicon-play"></span></button> + <button class="btn btn-sm btn-default" id="mediarefresh" title="${refreshPlayer}"><span class="glyphicon glyphicon-retweet"></span></button> + <button class="btn btn-sm btn-default" id="fullscreenbtn" title="${fullscreenPlayer}"><span class="glyphicon glyphicon-fullscreen"></span></button> + <button class="btn btn-sm btn-default" id="getplaylist" title="${retrievePlaylistLinks}"><span class="glyphicon glyphicon-link"></span></button> + <button class="btn btn-sm btn-default" id="voteskip" title="${voteForSkip}" disabled="disabled"><span class="glyphicon glyphicon-step-forward"></span></button> + </div> + </div> + </div> + <div class="row" id="playlistrow"> + <div class="col-lg-5 col-md-5" id="leftpane"> + <div class="row" id="leftpane-inner"> + <div class="col-lg-12 col-md-12" id="smileswrap"> + <!-- <img class="smile-preview" src="css/Sfich1B.png" title=":pinkie:"> --> + </div> + <div class="col-lg-12 col-md-12" id="playlistmanagerwrap"></div> + </div> + </div> + <div class="col-lg-7 col-md-7" id="rightpane"> + <div class="row" id="rightpane-inner"> + <div class="plcontrol-collapse col-lg-12 col-md-12 collapse" id="searchcontrol" aria-expanded="false" style="height: 95px;"> + <div class="vertical-spacer"></div> + <div class="input-group"> + <input class="form-control" id="library_query" type="text" placeholder="${searchQuery}"><span class="input-group-btn"> + <button class="btn btn-default" id="library_search">Library</button></span><span class="input-group-btn"> + <button class="btn btn-default" id="youtube_search">YouTube</button></span> + </div> + <div class="checkbox"> + <label> + <input class="add-temp" type="checkbox" checked="checked">${addAsTemporary} + </label> + </div> + <ul class="videolist col-lg-12 col-md-12" id="library"></ul> + </div> + <div class="plcontrol-collapse col-lg-12 col-md-12 collapse" id="addfromurl" aria-expanded="false" style="height: 89px;"> + <div class="vertical-spacer"></div> + <div class="input-group"><span class="input-group-btn"> + <button class="btn btn-default" id="insert_template">></button></span> + <input class="form-control" id="mediaurl" type="text" placeholder="${mediaUrl}"><span class="input-group-btn"> + <button class="btn btn-default" id="queue_next">${queueNext}</button></span><span class="input-group-btn"> + <button class="btn btn-default" id="queue_end">${queueLast}</button></span> + </div> + <div class="checkbox"> + <label> + <input class="add-temp" type="checkbox" checked="checked">${addAsTemporary} + </label> + </div> + <div id="addfromurl-queue"></div> + </div> + <div class="plcontrol-collapse col-lg-12 col-md-12 collapse" id="customembed" aria-expanded="false" style="height: 209px;"> + <div class="vertical-spacer"></div> + <div class="input-group"> + <input class="form-control" id="customembed-title" type="text" placeholder="${optionalTitle}"><span class="input-group-btn"> + <button class="btn btn-default" id="ce_queue_next">${queueNext}</button></span><span class="input-group-btn"> + <button class="btn btn-default" id="ce_queue_end">${queueLast}</button></span> + </div> + <div class="checkbox"> + <label> + <input class="add-temp" type="checkbox" checked="checked">${addAsTemporary} + </label> + </div>${pasteEmbedCodeAndClick} "${queueNext}" ${or} "${queueLast}". + ${acceptableEmbedCodesAre} <code><iframe></code> ${or} <code><object></code>. + <strong>${customEmbedsCannotBeSynchronized}.</strong> + <textarea class="input-block-level form-control" id="customembed-content" rows="3"></textarea> + </div> + <div class="plcontrol-collapse col-lg-12 col-md-12 collapse" id="playlistmanager" aria-expanded="false" style="height: 105px;"> + <div class="vertical-spacer"></div> + <div class="input-group"> + <input class="form-control" id="userpl_name" type="text" placeholder="${playlistName}"><span class="input-group-btn"> + <button class="btn btn-default" id="userpl_save">${save}</button></span> + </div> + <div class="checkbox"> + <label> + <input class="add-temp" type="checkbox" checked="checked">${addAsTemporary} + </label> + </div> + <ul class="videolist" id="userpl_list"></ul> + </div> + <div class="col-lg-12 col-md-12" id="queuefail"> + <div class="vertical-spacer"></div> + </div> + <div class="col-lg-12 col-md-12"> + <ul class="videolist ui-sortable queue_sortable" id="queue"></ul> + <div id="plmeta"><span id="plcount">0 ${videos}</span><span id="pllength">00:00</span></div> + </div> + </div> + </div> + </div> + <div class="row" id="resizewrap"> + <div class="col-lg-5 col-md-5"></div> + <div class="col-lg-7 col-md-7" id="videowidth"></div> + </div> + <div id="sitefooter"></div> + </div> + </section> + </div> + <div id="pmbar"></div> + <footer id="footer"> + <div class="container"> + <p class="text-muted credit">Based on CyTube by Calvin Montgomery</p> + </div> + </footer> + + <!-- <script src="js/custom.js"></script> --> + <script src="client.js"></script> + <!-- <script defer="" src="https://www.youtube.com/iframe_api"></script> + <script defer="" src="js/sc.js"></script> + <script defer="" src="https://player.twitch.tv/js/embed/v1.js"></script> --> + </body> +</html> |