/*
The MIT License (MIT)
Copyright (c) 2013-2014 Zimny Lech
Permission is hereby granted, free of charge, to any person obtaining a copy of
this software and associated documentation files (the "Software"), to deal in
the Software without restriction, including without limitation the rights to
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies off
the Software, and to permit persons to whom the Software is furnished to do so,
subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
// DESCRIPTION: CyTube Plus - JavaScript and CSS library for CyTube channels enhancements
// CURRENT VERSION: 4.5
// DATE OF MODIFICATION: 2014-08-29
// PROJECT URL: https://github.com/zimny-lech/CyTube-Plus
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// INSTALLATION NOTES:
// 0. Choose simple or custom installation (simple one has ready-to-use library with limited functionality).
// SIMPLE INSTALLATION: use 'https://dl.dropboxusercontent.com/s/2uks4pif8mx2qab/main-ready.js' as default URL
// go to -> 3.
// CUSTOM INSTALLATION: go to -> 1.
// 1. Configure this library according to your wishes (see configuration sections below).
// 2. Save customized library to your file hosting (e.g. Dropbox) or to your own server.
// WARNING! You must be able to access .js file directly (browser's URL must contain .js extension, not .php etc.).
// WARNING FOR DROPBOX USERS! Always use 'dl.dropboxusercontent.com' URL instead of 'www.dropbox.com' URL.
// 3. Enter your JS file location into 'External Javascript' field in 'Channel Settings' modal window.
// 4. Enter library CSS file location into 'External CSS' field in 'Channel Settings' modal window.
// NOTE: use default 'https://dl.dropboxusercontent.com/s/180y5d6mvlu8kd8/main.css' URL,
// or copy it to your own location.
// 5. Congratulations, your have just installed CyTube Plus!
// Need detailed options explanations? Go to https://github.com/zimny-lech/CyTube-Plus/wiki/FAQ
// Problems? Something doesn't work? Go to https://github.com/zimny-lech/CyTube-Plus/wiki/Troubleshooting
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// CONFIGURE BELOW BEFORE INSTALLING IF YOU WANT TO CUSTOMIZE THIS LIBRARY
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* ----- STARTING CONFIGURATION - USER INTERFACE (UI) ----- */
// CONFIGURATION NOTES:
// In this section you can immediately enable and disable each option (set '1' to enable, '0' to disable)
// Every option marked as [&] requires additional configuration (see other sections below)
// WARNING! apostrophe sign (') in all text/html values must be prepend with "\" sign (e.g. "don\'t")
// FILTERS INSTALLATION: open 'Channel Settings' modal window, go to 'Edit' -> 'Chat Filters',
// click 'Prepare fonts filters' button, and import
// If you need more explanations, go to https://github.com/zimny-lech/CyTube-Plus/wiki/FAQ
UI_DefaultSynchtube = 1; // default old Synchtube layout (player and playlist on the left)
UI_Favicon = 1; // [&] channel favicon
UI_MiniLogo = 1; // [&] small channel logo/avatar in the top navbar
UI_ChannelName = 1; // [&] channel custom brand name
UI_HeaderDropMenu = 1; // [&] additional header dropdown menu
UI_RemoveLayoutMenu = 1; // removing 'Layout' menu from the header
UI_MOTDAutoLogo = 0; // [&] big channel logo inserted into MOTD
UI_MOTDTabs = 0; // [&] switchable MOTD tabs application for homepage-like channel header
UI_MOTDDelete = 0; // deleting previous MOTD after accepting/loading script
UI_RulesBtn = 0; // [&] button displaying channel rules
UI_AttentionBar = 0; // [&] imageboard-style attention bar (requires external application)
UI_ChannelAnnouncement = 0; // [&] additional custom channel announcement
UI_FullTitleBar = 1; // full-width video title bar
UI_ProgressBar = 1; // YouTube/Dailymotion progress bar
// [ REQUIRE: UI_FullTitleBar enabled ]
UI_TitleIcon = 1; // [&] full-width title bar icon
// [ REQUIRE: UI_FullTitleBar enabled ]
UI_TitleBarDescription = 1; // [&] custom title bar description (default "Currently Playing:")
UI_JoinText = 1; // [&] chat message after user joining
UI_LeaveText = 1; // [&] chat message after user leaving
UI_UserCommands = 1; // [&] additional commands in the chat window
UI_UserMarks = 0; // [&] special signs/avatars before every message for defined users
UI_Squavatars = 0; // automatic squavatars (2-colored square avatars) before every message
// [ REQUIRE: UI_UserMarks enabled ]
UI_UsernameMark = 1; // [&] custom mark after username (default ":")
UI_MessagesSuffix = 0; // [&] text added to random chat messages
UI_CustomPingSound = 1; // [&] custom sound for chat notifications
UI_SoundFilters = 0; // [&] chat sounds played after sending certain words
UI_ChatSpeak = 1; // text speaking after '!say' and '!mow' commands (english and polish)
UI_IndependentEmotes = 0; // [&] additional settings-independent emotes
UI_IndependentFilters = 1; // [&] additional settings-independent filters
UI_FontsBtn = 0; // button displaying box with clickable chat fonts
// [ REQUIRE: INSTALLATION (see above) ]
UI_UnicodeChars = 1; // [&] additional buttons in the fonts panel with unicode characters
// [ REQUIRE: UI_FontsBtn enabled ]
UI_EmotesBtn = 1; // button displaying box with clickable chat emotes
UI_GroupEmotes = 1; // [&] emotes panel pagination, display limited number of emotes at one time
// [ REQUIRE: UI_EmotesBtn enabled ]
UI_CommandsBtn = 1; // button displaying modal window with chat commands help
UI_ModPanel = 0; // [&] panel with messages and help for moderators
UI_CustomCaptions = 0; // [&] custom captions for add, refresh, voteskip buttons, and welcome text
UI_PlayerOptions = 1; // [&] additional player options
UI_TransformationBtns = 1; // player transformation buttons
UI_ChannelDatabase = 0; // [&] box with embed additional media database
UI_ChannelGalleries = 0; // [&] box with embed galleries
UI_DisplayModeSel = 1; // selector with player display modes
UI_ChannelTheme = 0; // [&] additional default channel theme
UI_EmbeddingMedia = 1; // [&] possibility to embedding (displaying) images and .webm videos on the chat
UI_MediaControls = 1; // embedded video preloaded controls
// [ REQUIRE: UI_EmbeddingMedia enabled ]
UI_QuickCommandsBtns = 1; // buttons with '/clear' and '/afk' functions
UI_VolumeBtns = 1; // additional volume buttons for YouTube player
UI_EmptyCornerBackground = 0; // [&] random background image for empty playlist row corner
UI_ExtendedGetURLs = 1; // extended 'Get URLs' function
UI_DefaultNonTemp = 1; // default unchecking "Add as temporary" checkbox after loading for registered users
UI_CustomFooter = 0; // [&] custom channel footer
UI_CustomRightFooter = 0; // [&] right-sided footer box
UI_UserStatistics = 1; // displaying in the footer user visits number and current online time
UI_ExternalScript = 0; // [&] additional external script file
UI_ChannelCache = 1; // caching script emotes, additional media database and default gallery
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* ----- DETAILED BASIC CONFIGURATION ----- */
// NOTES:
// a) values for 'MOTDAutoLogo_Mode': 1 = first logo; 2 = random logo; 3 = logo rotation; 7 = weekdays logos
// b) in 'SoundFilters_Array' use .ogg or .wav files, some browsers has problems with embedded .mp3
// c) in 'ModPanel_Array' item leave empty first (username) field to make a message to all moderators
// d) in 'EmbeddingMedia_Images' and 'EmbeddingMedia_Videos' you can define acceptable file extensions
// use CSS syntax: e.g. 'a[href$=""]' defines acceptable end of an URL (file extension)
// you can also define URL fragments: 'a[href*=""]', or add excluding clause: '.not(\'a[href*=""]\'), etc.
/* -- single variables -- */
Favicon_URL = 'https://dl.dropboxusercontent.com/s/xgefazzyhs8xncp/icon.png';
MiniLogo_URL = 'https://dl.dropboxusercontent.com/s/xgefazzyhs8xncp/icon.png';
ChannelName_Caption = 'CyTube Plus';
HeaderDropMenu_Title = 'Synch';
MOTDAutoLogo_Mode = 1;
MOTDAutoLogo_Interval = 20;
RulesBtn_Caption = 'Read Channel Rules';
AttentionBar_URL = '';
ChannelAnnouncement_Title = 'Administration Message';
TitleIcon_URL = 'https://dl.dropboxusercontent.com/s/xgefazzyhs8xncp/icon.png';
TitleBarDescription_Caption = 'Now Playing:';
JoinText_Message = 'joined';
LeaveText_Message = 'left';
UsernameMark_Char = '>';
MessagesSuffix_Text = '~xD';
MessagesSuffix_Percentage = 10;
CustomPingSound_URL = 'https://dl.dropboxusercontent.com/s/0qtsttblgmkewnv/beep.wav';
PlayerHiding_URL = 'https://dl.dropboxusercontent.com/s/xz2o99scw5i7aai/stop.png';
GroupEmotes_Number = 100;
ExternalScript_URL = '';
/* -- arrays -- */
HeaderDropMenu_Array = [
['CyTube Servers', ''],
['Calzoneman CyTube', 'http://cytu.be/'],
['6irc Synchtube', 'http://synchtube.6irc.net/'],
['CyTube Stuff', ''],
['Source code', 'https://github.com/calzoneman/sync'],
['FAQ', 'https://github.com/calzoneman/sync/wiki/Beginner%27s-Guide-and-FAQ'],
['IRC', 'http://webchat.6irc.net/?channels=chat,synchtube'],
['CyTube Plus', 'https://github.com/zimny-lech/CyTube-Plus'],
];
MOTDAutoLogo_Array = [
'https://dl.dropboxusercontent.com/s/7mrz85gl29eiiks/logo.png',
];
MOTDTabs_Array = [
['Home', 'Welcome to our channel!'],
['Playlist', 'Playlist tab.
We watched this, that and this.'],
['Schedule', 'Schedule:
').html(html).appendTo(body);
}
if (UI_UserCommands=="1") {
arr = {
'pick':'choosing a random option from a list separated by commas '
+ '(e.g. !pick japan,korea,china)',
'ask':'asking a question with yes/no type answer '
+ '(e.g. !ask Will this channel be popular?)',
'q':'displaying random quote (!q)',
'dice':'rolling dice (!dice)',
'roll':'rolling 3-digit number (!roll)',
'time':'displaying current time (!time)',
'now':'displaying current playing title (!now)',
'calc':'calculating a math operation '
+ '(all JavaScript Math methods and constants allowed, e.g. !calc Math.PI*10)',
'skip':'skip current item (!skip)',
'add':'adding a link to the end of playlist '
+ '(e.g. !add https://www.youtube.com/watch?v=29FFHC2D12Q)',
'stat': 'displaying user chat statistics in current session (!stat)',
'memestats': 'displaying number memes used by user in all messages (!memestats)'
}
if (UI_ChannelDatabase=="1") {
arr['random']='adding random link from database (!random)';
}
body.append('New chat commands
');
ul = $('
').appendTo(body);
for (cmd in arr) {
ul.append('
!'+cmd+' - '+arr[cmd]+'
');
}
}
if (UI_ChatSpeak=="1") {
body.append('Voice commands
');
html='
!say - text speaking in english (!say Hello!)
'
+ '
!mow - text speaking in polish (!mow Chrząszcz brzmi w trzcinie.)';
$('
').html(html).appendTo(body);
}
arr = {
'me':'showing an action-style message (username does something, e.g. /me is dancing)',
'sp':'hiding a message in a hover-to-show spoiler box (e.g. /sp This message is hidden)',
'afk':'toggling your AFK (away from keyboard) status (/afk)',
}
body.append(' Default CyTube commands
';
}
}
body.append(html);
$("#mod-btn").removeClass('btn-danger').html('');
setOpt(CHANNEL.name+"_modhash", HASH);
}
// show info about current or next media
function showInfo() {
if (DEFDESCR) {
contr=$(".queue_active").attr("title");
if (typeof contr==="undefined") {
text='Nothing Playing';
} else {
duration=$(".queue_active .qe_time").html();
text=contr+' ['+duration+']';
}
mediainfo.html(text);
} else {
var arr=new Array();
text='Playing Next:';
li1=$(".queue_active").next();
li2=li1.next();
li3=li2.next();
li1.length>0 ? arr.push(' 1▸ '+li1.children("a").html()) : '';
li2.length>0 ? arr.push(' // 2▸ '+li2.children("a").html()) : '';
li3.length>0 ? arr.push(' // 3▸ '+li3.children("a").html()) : '';
text+=arr.join("");
arr.length<3 ? text+=' // END OF PLAYLIST //' : '';
mediainfo.html('');
}
}
// hide and show player with covering image
function coverPlayer() {
PlayerHiding_URL=="" ? PlayerHiding_URL='https://dl.dropboxusercontent.com/s/xz2o99scw5i7aai/stop.png' : '';
$("#videowrap").addClass('relative');
w=$("#ytapiplayer").css('width');
h=$("#videowrap").css('height').replace('px', '')-31;
coverpl = $('')
.css({'width':w, 'height':h+'px', 'background-image':'url('+PlayerHiding_URL+')'})
.appendTo($("#videowrap"));
hideplayerbtn.addClass('btn-danger').attr('title', 'Show player');
}
function showPlayer() {
coverpl.remove();
hideplayerbtn.removeClass('btn-danger').attr('title', 'Hide player');
$("#videowrap").removeClass('relative');
}
// mute YT player
function mutePlayer() {
(PLAYER && PLAYER.type=="yt") ? PLAYER.player.mute() : '';
}
// unmute YT player
function unmutePlayer() {
(PLAYER && PLAYER.type=="yt") ? PLAYER.player.unMute() : '';
}
// download current item
function downloadCurrentItem() {
uid=$(".pluid-"+PL_CURRENT).data("media");
arr={
'yt':'http://youtube.com/watch?v=',
'vi':'http://vimeo.com/',
'dm':'http://dailymotion.com/video/',
'sc':''
}
link = (uid.type in arr ? arr[uid.type]+''+uid.id : '');
if (link=="") {
alert('This link is not supported. Try YouTube, Vimeo, Dailymotion or SoundCloud.');
}
else {
createModal("Download current item");
$('Click here to download')
.appendTo(body)
.on("click", function() {
outer.modal('hide');
});
}
}
// preview YT video in modal window
function prevVideo(a) {
createModal('Preview Video');
player=$('')
.attr('src', 'http://www.youtube.com/embed/'+a+'?wmode=transparent&enablejsapi')
.appendTo(body);
}
// toggle configuration panel
function toggleConfigPanel() {
if (MINIMIZED) {
$("#rightpane-inner").show();
$("#azukirow, #leftpane-inner").show();
!$("#hide-motd").prop('checked') ? $("#motdrow").show() : '';
!$("#hide-ann").prop('checked') ? $("#announcements").show() : '';
!$("#hide-hf").prop('checked') ? $("footer").show() : '';
pinupbtn.show();
layoutbtn.removeClass('btn-danger').addClass('btn-success')
.html(' Layout');
$("#min-layout").prop('checked', false);
$("#plcontrol button, #db-btn, #gallery-btn, #newpollbtn").removeAttr('disabled');
MINIMIZED=false;
// patch: giving back 15px additional space on the top
$("#mainpage").css('margin-top', $("#mainpage").css('margin-top').replace('px', '')*1-15+'px');
} else {
toggleDiv(configwrap);
if (configwrap.css('display')=="none") {
layoutbtn.removeClass('btn-success');
} else {
layoutbtn.addClass('btn-success');
}
LAYOUTBOX = !LAYOUTBOX;
setOpt(CHANNEL.name+"_layoutbox", LAYOUTBOX);
}
}
// show layout configuration modal window
function showConfig() {
createModal("Layout Configuration");
form = $('').appendTo(body);
function addOption(txt, elem) {
g = $('').appendTo(form);
$('').text(txt).appendTo(g);
c = $('').appendTo(g);
elem.appendTo(c);
}
playerlocation = $('').addClass('form-control');
$('').attr('value', 'left').text('left').appendTo(playerlocation);
$('').attr('value', 'right').text('right').appendTo(playerlocation);
$('').attr('value', 'center').text('center').appendTo(playerlocation);
playerlocation.val(USERCONFIG.player);
addOption('Player location', playerlocation);
userlistlocation = $('').addClass('form-control');
$('').attr('value', 'left').text('left').appendTo(userlistlocation);
$('').attr('value', 'right').text('right').appendTo(userlistlocation);
userlistlocation.val(USERCONFIG.userlist);
addOption('Userlist location', userlistlocation);
queuelocation = $('').addClass('form-control');
$('').attr('value', 'left').text('left').appendTo(queuelocation);
$('').attr('value', 'right').text('right').appendTo(queuelocation);
$('').attr('value', 'center').text('center').appendTo(queuelocation);
queuelocation.val(USERCONFIG.queue);
addOption('Queue location', queuelocation);
queuesize = $('').addClass('form-control');
$('').attr('value', 'wide').text('wide').appendTo(queuesize);
$('').attr('value', 'narrow').text('narrow').appendTo(queuesize);
queuesize.val(USERCONFIG.qsize);
addOption('Queue column size', queuesize);
mainlocation = $('').addClass('form-control');
$('').attr('value', 'top').text('above playlist').appendTo(mainlocation);
$('').attr('value', 'bottom').text('below playlist').appendTo(mainlocation);
mainlocation.val(USERCONFIG.main);
addOption('Player & chat', mainlocation);
motdlocation = $('').addClass('form-control');
$('').attr('value', 'top').text('channel top').appendTo(motdlocation);
$('').attr('value', 'bottom').text('channel bottom').appendTo(motdlocation);
motdlocation.val(USERCONFIG.motd);
addOption('MOTD & announcements', motdlocation);
logoinsert = $('').addClass('form-control');
$('').attr('value', 'no').text('no image').appendTo(logoinsert);
$('').attr('value', 'user').text('user image').appendTo(logoinsert);
for (i in TopUserLogo) {
$("").attr('value', i).text(TopUserLogo[i][0]).appendTo(logoinsert);
}
logoinsert.val(USERCONFIG.logo);
addOption('Top logo', logoinsert);
userlogo = $('').addClass('form-control').attr('type', 'text')
.attr('placeholder', 'Image URL');
userlogo.val('');
addOption('User logo URL', userlogo);
userlogoht = $('').addClass('form-control').attr('type', 'text')
.attr('placeholder', 'Image Height (in px)');
userlogoht.val('');
addOption('User logo height', userlogoht);
if (USERCONFIG.logo!="user") {
userlogo.parent().parent().hide();
userlogoht.parent().parent().hide();
} else {
userlogo.val(USERCONFIG.logourl);
userlogoht.val(USERCONFIG.logoht);
}
headermode = $('').addClass('form-control')
$('').attr('value', 'fixed').text('fixed').appendTo(headermode);
$('').attr('value', 'detached').text('detached').appendTo(headermode);
$('').attr('value', 'mouseover').text('mouseover').appendTo(headermode);
headermode.val(USERCONFIG.header);
addOption('Header menu', headermode);
customcss = $('').addClass('form-control');
$('').attr('value', 'no').text('no').appendTo(customcss);
$('').attr('value', 'yes').text('yes').appendTo(customcss);
customcss.val(USERCONFIG.css);
addOption('Custom CSS', customcss);
usercss = $('').addClass('form-control')
.attr('placeholder', 'Insert CSS code');
usercss.val(USERCONFIG.csscode);
addOption('CSS code', usercss);
if (USERCONFIG.css=="no") {
usercss.parent().parent().hide();
}
submit = $('').text("Save changes").appendTo(footer);
reset = $('').text('Default').appendTo(footer);
column = $('').text('One column').appendTo(footer);
logoinsert.on("change", function() {
if (logoinsert.val()=="user") {
userlogo.parent().parent().show();
userlogoht.parent().parent().show();
userlogo.val(USERCONFIG.logourl);
userlogoht.val(USERCONFIG.logoht);
} else {
userlogo.parent().parent().hide();
userlogoht.parent().parent().hide();
}
});
customcss.on("change", function() {
if (customcss.val()=="yes") {
usercss.parent().parent().show();
} else {
usercss.parent().parent().hide();
}
});
submit.on("click", function() {
outer.modal('hide');
USERCONFIG.player=playerlocation.val();
setOpt(CHANNEL.name+"_player",playerlocation.val());
USERCONFIG.userlist=userlistlocation.val();
setOpt(CHANNEL.name+"_userlist",userlistlocation.val());
USERCONFIG.queue=queuelocation.val();
setOpt(CHANNEL.name+"_queue",queuelocation.val());
USERCONFIG.qsize=queuesize.val();
setOpt(CHANNEL.name+"_qsize",queuesize.val());
USERCONFIG.main=mainlocation.val();
setOpt(CHANNEL.name+"_main",mainlocation.val());
USERCONFIG.motd=motdlocation.val();
setOpt(CHANNEL.name+"_motd",motdlocation.val());
if (logoinsert.val()=="user") {
if (userlogo.val()=="") {
logoinsert.val("no");
} else if (userlogoht.val()=="") {
userlogoht.val('200');
} else {
a=userlogoht.val()*1;
if (isNaN(a) || a<1) {
userlogoht.val('200');
}
}
USERCONFIG.logourl=userlogo.val();
USERCONFIG.logoht=userlogoht.val();
setOpt(CHANNEL.name+"_logourl",userlogo.val());
setOpt(CHANNEL.name+"_logoht",userlogoht.val());
}
USERCONFIG.logo=logoinsert.val();
setOpt(CHANNEL.name+"_logo",logoinsert.val());
USERCONFIG.header=headermode.val();
setOpt(CHANNEL.name+"_header",headermode.val());
if (customcss.val()=="yes") {
USERCONFIG.csscode=usercss.val();
setOpt(CHANNEL.name+"_csscode",usercss.val());
}
USERCONFIG.css=customcss.val();
setOpt(CHANNEL.name+"_css",customcss.val());
setLayout();
scrollChat();
scrollQueue();
});
reset.on("click", function() {
outer.modal("hide");
USERCONFIG.player=defplayer;
setOpt(CHANNEL.name+"_player",defplayer);
USERCONFIG.userlist=defuserlist;
setOpt(CHANNEL.name+"_userlist",defuserlist);
USERCONFIG.queue=defqueue;
setOpt(CHANNEL.name+"_queue",defqueue);
USERCONFIG.qsize="wide";
setOpt(CHANNEL.name+"_qsize","wide");
USERCONFIG.main="top";
setOpt(CHANNEL.name+"_main","top");
USERCONFIG.motd="top";
setOpt(CHANNEL.name+"_motd","top");
USERCONFIG.logo="no";
setOpt(CHANNEL.name+"_logo","no");
USERCONFIG.header="detached";
setOpt(CHANNEL.name+"_header","detached");
USERCONFIG.css="no";
setOpt(CHANNEL.name+"_css","no");
setLayout();
scrollChat();
scrollQueue();
});
column.on("click", function() {
outer.modal("hide");
USERCONFIG.player="center";
setOpt(CHANNEL.name+"_player","center");
USERCONFIG.userlist="left";
setOpt(CHANNEL.name+"_userlist","left");
USERCONFIG.queue="center";
setOpt(CHANNEL.name+"_queue","center");
USERCONFIG.main="top";
setOpt(CHANNEL.name+"_main","top");
USERCONFIG.motd="bottom";
setOpt(CHANNEL.name+"_motd","bottom");
USERCONFIG.logo="no";
setOpt(CHANNEL.name+"_logo","no");
USERCONFIG.header="detached";
setOpt(CHANNEL.name+"_header","detached");
setLayout();
scrollChat();
scrollQueue();
});
}
// toggle fluid layout
function toggleFluidLayout() {
if (FLUID) {
$("body").removeClass('fullscreen');
$(".container-fluid").removeClass('container-fluid').addClass('container');
$("#fontspanel, #emotespanel").removeClass('fluidpanel');
} else {
$("body").addClass('fullscreen');
$(".container").removeClass('container').addClass('container-fluid');
$("footer .container-fluid").removeClass('container-fluid').addClass('container');
$("#fontspanel, #emotespanel").addClass('fluidpanel');
}
UI_DisplayModeSel=="1" ? setMode(modesel.val()) : '';
FLUID=!FLUID;
setOpt(CHANNEL.name+"_fluid", FLUID);
scrollChat();
}
// toggle minimized layout
function toggleMinLayout() {
if (!MINIMIZED) {
$("#rightpane-inner").hide();
$("#azukirow, #motdrow, #announcements, #leftpane-inner, footer").hide();
pinupbtn.hide();
layoutbtn.removeClass('btn-success').addClass('btn-danger').html('Maximize');
$("#plcontrol button, #db-btn, #gallery-btn, #newpollbtn").attr('disabled', 'disabled');
MINIMIZED=true;
// patch for 15px more space on the top
$("#mainpage").css('margin-top', $("#mainpage").css('margin-top').replace('px', '')*1+15+'px');
}
}
// pin-up playlist to player
function pinUp() {
if (USERCONFIG.player=="left") {
$("#videowrap").after($("#rightpane").detach());
} else if (USERCONFIG.player=="right") {
$("#videowrap").before($("#rightpane").detach());
}
if (USERCONFIG.queue=="left") {
$("#leftpane").before($("#chatwrap").detach());
} else if (USERCONFIG.queue=="right") {
$("#leftpane").after($("#chatwrap").detach());
}
$("#rightpane").removeClass().addClass('col-lg-5 col-md-5');
if (USERCONFIG.qsize=="wide") {
$("#chatwrap").removeClass().addClass('col-lg-7 col-md-7');
} else {
$("#chatwrap").removeClass().addClass('col-lg-5 col-md-5');
}
$("#pinup-btn").attr('title', 'Unpin playlist');
$("#config-btn, #configbtnwrap br").hide();
$("#min-layout").parent().hide();
$("#mode-sel").find("option[value='chMode'], option[value='sMode']").hide();
PINNED=true;
}
// un-pin playlist from player
function unPin() {
if (USERCONFIG.queue=="left") {
$("#leftpane").before($("#rightpane").detach());
} else if (USERCONFIG.queue=="right") {
$("#leftpane").after($("#rightpane").detach());
}
if (USERCONFIG.player=="left") {
$("#videowrap").after($("#chatwrap").detach());
} else if (USERCONFIG.player=="right") {
$("#videowrap").before($("#chatwrap").detach());
}
$("#chatwrap").removeClass().addClass('col-lg-5 col-md-5');
if (USERCONFIG.qsize=="wide") {
$("#rightpane").removeClass().addClass('col-lg-7 col-md-7');
} else {
$("#rightpane").removeClass().addClass('col-lg-5 col-md-5');
}
$("#pinup-btn").attr('title', 'Pinup playlist to player');
$("#config-btn, #configbtnwrap br").show();
$("#min-layout").parent().show();
$("#mode-sel").find("option[value='chMode'], option[value='sMode']").show();
PINNED=false;
}
// show contributors list
function showContributors() {
createModal("Contributors List");
len=$("#queue li").length+1;
var list = [];
for (i=1; i '+list3.join(" ");
body.append(html);
}
// expand/collapse queue
function expandQueue() {
if (!FULLPL) {
$("#queue").css('max-height', '100000px');
expandbtn.attr('title', 'Collapse playlist');
FULLPL=true;
} else {
$("#queue").css('max-height', '500px');
expandbtn.attr('title', 'Expand playlist');
FULLPL=false;
scrollQueue();
}
}
// get playlist URLS
function getPlaylistURLs() {
createModal('Playlist URLs');
data=$('').val(formatRawList()).appendTo(body);
rlist=$('').appendTo(footer);
tlist=$('').appendTo(footer);
hlist=$('').appendTo(footer);
olist=$('').appendTo(footer);
dlist=$('').appendTo(footer);
rlist.on("click", function() {
data.val(formatRawList());
});
tlist.on("click", function() {
data.val(formatPlainTextList());
});
hlist.on("click", function() {
data.val('\n'+formatHTMLList()+'\n');
});
olist.on("click", function() {
data.val(formatOrderedList());
});
dlist.on("click", function() {
data.val(formatDBList());
});
}
// add random item from channel database
function addRandomItem() {
time=(new Date()).getTime();
if ((time-LASTADD)<120000) {
alert('You can add random video every 2 minutes.');
} else {
var link="";
while (link=="") {
rnd=Math.round(Math.random()*(ChannelDatabase.length-1));
link=ChannelDatabase[rnd][0];
}
addToPlaylist(link, "end");
LASTADD=time;
}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* ----- User Interface ----- */
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// adding important hidden reference row
zerorow = $('').insertBefore("#motdrow");
// adding top logo row
azukirow = $('').insertBefore(zerorow);
// adding video wrap if user has enabled "Hide Player" option
if (USEROPTS.hidevid) {
$("#chatwrap, #chatline").removeClass('col-lg-12 col-md-12').addClass('col-lg-5 col-md-5');
videowrap = $('')
.insertBefore("#chatwrap");
currenttitle = $('')
.html('Currently Playing: '+$(".queue_active a").html())
.appendTo(videowrap);
ytapiplayer = $('')
.appendTo(videowrap);
html='According to your User Preferences, video player is hidden. '
+ 'Click a button below to continue hiding player. '
+ 'Click default "Reload" icon to show player in this session. '
+ 'If you\'ll stay in "Chat Only" mode, functionality of this channel will be limited.
';
makeAlert("No Player", html).appendTo(ytapiplayer);
staybtn = $('')
.appendTo("#ytapiplayer .alert")
.on("click", function() {
videowrap.remove();
$("#chatwrap").removeClass().addClass('col-lg-12 col-md-12');
$("#configform, #modeform, #pinup-btn").hide();
fitChat("auto");
});
}
// changing initial layout to compact for new users
$("body").addClass('fluid');
compactLayout();
setLayout();
scrollChat();
scrollQueue();
// adding "id" attributes
$(".navbar-collapse .navbar-nav").children().first().attr('id', 'home-link');
$("#home-link").next().attr('id', 'account-link');
$("#account-link").next().attr('id', 'options-link');
$("#options-link").next().attr('id', 'channelset-link');
$("#channelset-link").next().attr('id', 'layout-link');
// changing location of some layout elements
$("#main").prepend($("#drinkbar").detach());
$("#videowrap").append('');
$("#playercontrols").append($("#mediarefresh").detach());
$("#rightpane").prepend($("#videocontrols").detach());
$("#rightpane").prepend($("#plcontrol").detach());
$("#leftpane").prepend($("#newpollbtn").detach());
$("#plcontrol").prepend($("#showmediaurl").detach());
// header and footer links open in a new tab
$("#home-link a, #account-link ul a, .credit a").attr('target', '_blank');
// adding default CyTube Plus CSS if not set
if ($("#chanexternalcss").length<1) {
url='https://dl.dropboxusercontent.com/s/hbhlrmys5piztgo/main.css';
$("head").append('');
}
setUserCSS();
// adding favicon
if (UI_Favicon=="1" && Favicon_URL!="") {
$(document).ready(function() {
$('')
.appendTo("head");
});
}
// changing carets to unicode characters
$("nav .caret, #cs-edit-dd-toggle .caret").removeClass('caret').html(' ▾');
// adding important messages to "Options"
text1='Please use "Personal theme" selector in the room configuration box to select a theme for this channel. ';
text2='Please use "Click to configure" button in the room configuration box to configure this channel. ';
text3='If you want to make global changes, please go to another channel, or make changes before accepting '
+ 'special features.';
$("#us-theme").hide();
$("#us-theme").parent().append('
');
// creating channel settings filters preparation button
csfontsimport = $('')
.insertAfter("#cs-chatfilters-import")
.on("click", function() {
prepareFilters();
});
// fixing layout after saving global user options
$("#useroptions .modal-footer button:nth-child(1)").on("click", function() {
USEROPTS.hidevid ? location.reload() : ''
html='All changes are applying globally, but this channel uses its own layout. '
+ 'Please use "Click to configure" button to configure this channel layout. '
+ 'Reload player if the wrong title is displaying. '
+ 'In HD layout or if player is removed, you may not see some elements due to CyTube API. '
+ 'If so, reload channel.';
makeAlert("You have changed global User Preferences", html, "alert-info").appendTo("#announcements");
compactLayout();
setLayout();
FLUID ? fluidLayout() : '';
setUserCSS();
scrollChat();
scrollQueue();
});
// changing channel name
if (UI_ChannelName=="1" && ChannelName_Caption!="") {
$(".navbar-brand").html(ChannelName_Caption);
}
// adding channel small logo
if (UI_MiniLogo=="1" && MiniLogo_URL!="") {
$('').prependTo(".navbar-brand");
}
// adding header dropdown menu
if (UI_HeaderDropMenu=="1") {
HeaderDropMenu_Title=="" ? HeaderDropMenu_Title='Menu' : '';
headerdrop = $('')
.insertAfter("#home-link");
$('')
.html(HeaderDropMenu_Title+' ▾')
.appendTo(headerdrop);
headermenu = $('
')
.appendTo(headerdrop);
HeaderDropMenu_Array.length<1 ? HeaderDropMenu_Array=[['no menu available', '']] : '';
for (i in HeaderDropMenu_Array) {
title=HeaderDropMenu_Array[i][0];
link=HeaderDropMenu_Array[i][1];
if (link=="") {
headermenu.append('
',
'calzoneman': '♠',
}
SoundFilters_Array = {
'habemus': 'https://dl.dropboxusercontent.com/s/3w1jahgffowjltz/hp.ogg',
'lol': 'https://dl.dropboxusercontent.com/s/9aqa1buu3phvpss/laugh.ogg',
}
ModPanel_Array = [
['', 'Welcome to the moderators panel. You can find here messages, news and help for all channel moderators, edited by script admin.'],
['', 'To temporary insert to the playlist any website instead of media files, click "Embed a custom frame" button in the playlist controls section. Then paste example code to the textarea: <iframe src="URL_of_your_page"></iframe>, and add.'],
];
CustomCaptions_Array = {
'add': 'Add here',
'refresh': 'Refresh player',
'voteskip': 'Voteskip',
'welcome': 'Hi',
}
UnicodeChars_Array = [
'★', '☆', '▲', '▼', '♥', '♪', '♿', '⚒', '♕', '✉', '☏', '♠', '→',
'☑', '☒', '✡', '☪', '✝', '☭', '☯', 'Ⓐ', '☕', '♨', '¥', '©', '∞',
];
ChannelGalleries_Array = [
['Anime pictures', 'http://imgur.com/a/SjwJb/embed'],
['Historical photos', 'http://imgur.com/a/vnwC2/embed'],
];
/* -- HTML/CSS -- */
MOTDTabs_CSS = {
'padding': '20px',
'color': 'white',
'background-color': 'black',
}
RulesBtn_HTML = '