mirror of
https://github.com/IrosTheBeggar/mStream.git
synced 2025-10-27 07:31:02 +00:00
674 lines
21 KiB
JavaScript
674 lines
21 KiB
JavaScript
$(document).ready(function(){
|
|
|
|
// Auto Focus
|
|
Vue.directive('focus', {
|
|
// When the bound element is inserted into the DOM...
|
|
inserted: function (el) {
|
|
// Focus the element
|
|
el.focus()
|
|
}
|
|
});
|
|
|
|
|
|
var loginPanel = new Vue({
|
|
el: '#login-overlay',
|
|
data: {
|
|
needToLogin: false,
|
|
error: false,
|
|
errorMessage: 'Login Failed',
|
|
pending: false
|
|
},
|
|
methods: {
|
|
submitCode: function(e){
|
|
// Get Code
|
|
this.pending = true;
|
|
var that = this;
|
|
MSTREAMAPI.login($('#login-username').val(), $('#login-password').val(), function(response, error){
|
|
if(error !== false){
|
|
// Alert the user
|
|
that.pending = false;
|
|
that.error = true;
|
|
return;
|
|
}
|
|
|
|
// Eye-candy: change the error color and essage
|
|
$('#login-alert').toggleClass('alert');
|
|
$('#login-alert').toggleClass('success');
|
|
that.errorMessage = "Welcome To mStream!";
|
|
|
|
// Add the token to the cookies
|
|
Cookies.set('token', response.token);
|
|
|
|
// Add the token the URL calls
|
|
MSTREAMAPI.updateCurrentServer($('#login-username').val(), response.token, response.vPath)
|
|
|
|
loadFileExplorer();
|
|
// MSTREAMGEN.getCurrentDirectoryContents();
|
|
|
|
// Remove the overlay
|
|
$('.login-overlay').fadeOut( "slow" );
|
|
that.pending = false;
|
|
that.needToLogin = false;
|
|
});
|
|
}
|
|
}
|
|
});
|
|
|
|
function testIt(token){
|
|
if(token){
|
|
MSTREAMAPI.currentServer.token = token;
|
|
}
|
|
|
|
MSTREAMAPI.ping( function(response, error){
|
|
if(error !== false){
|
|
// NOTE: There needs to be a split here
|
|
// For the webapp we simply display the login panel
|
|
loginPanel.needToLogin = true;
|
|
// TODO: Move this transitionstuff to vue
|
|
$('.login-overlay').fadeIn( "slow" );
|
|
console.log(loginPanel);
|
|
// For electron we need to alert the user that user it failed and guide them to the login form
|
|
|
|
return;
|
|
}
|
|
// set vPath
|
|
MSTREAMAPI.currentServer.vPath = response.vPath;
|
|
// Setup the filebrowser
|
|
loadFileExplorer();
|
|
});
|
|
}
|
|
|
|
// NOTE: There needs to be a split here
|
|
// For the normal webap we just get the token
|
|
// var token = Cookies.get('token');
|
|
testIt(Cookies.get('token'));
|
|
// For electron we need to pull it from wherever electron stores things
|
|
|
|
|
|
|
|
////////////////////////////// Global Variables
|
|
// These vars track your position within the file explorer
|
|
var fileExplorerArray = [];
|
|
var fileExplorerScrollPosition = [];
|
|
// Stores an array of searchable ojects
|
|
var currentBrowsingList = [];
|
|
|
|
//////////////////////////////// Administrative stuff
|
|
// when you click an mp3, add it to the now playling playlist
|
|
$("#filelist").on('click', 'div.filez', function() {
|
|
MSTREAMPLAYER.addSongWizard($(this).data("file_location"), {}, true);
|
|
});
|
|
|
|
// Handle panel stuff
|
|
function resetPanel(panelName, className){
|
|
$('#filelist').empty();
|
|
$('.directoryTitle').hide();
|
|
$('#filelist').removeClass('scrollBoxHeight1');
|
|
$('#filelist').removeClass('scrollBoxHeight2');
|
|
|
|
$('#filelist').addClass(className);
|
|
$('.panel_one_name').html(panelName);
|
|
}
|
|
|
|
function boilerplateFailure(response, error){
|
|
$('#filelist').empty();
|
|
$('#filelist').html('<p>Call Failed</p>');
|
|
}
|
|
|
|
// clear the playlist
|
|
$("#clear").on('click', function() {
|
|
MSTREAMPLAYER.clearPlaylist();
|
|
});
|
|
|
|
|
|
|
|
|
|
/////////////////////////////////////// File Explorer
|
|
function loadFileExplorer(){
|
|
resetPanel('File Explorer', 'scrollBoxHeight1');
|
|
$('#directory_bar').show();
|
|
|
|
// Reset file explorer vars
|
|
fileExplorerArray = [];
|
|
fileExplorerScrollPosition = [];
|
|
|
|
//send this directory to be parsed and displayed
|
|
senddir(0);
|
|
}
|
|
|
|
// Load up the file explorer
|
|
$('.get_file_explorer').on('click', loadFileExplorer);
|
|
|
|
// when you click on a directory, go to that directory
|
|
$("#filelist").on('click', 'div.dirz', function() {
|
|
//get the id of that class
|
|
var nextDir = $(this).attr("id");
|
|
fileExplorerArray.push(nextDir);
|
|
|
|
// Save the scroll position
|
|
var scrollPosition = $('#filelist').scrollTop();
|
|
fileExplorerScrollPosition.push(scrollPosition);
|
|
|
|
// pass this value along
|
|
senddir(0);
|
|
});
|
|
|
|
// when you click the back directory
|
|
$(".backButton").on('click', function() {
|
|
if(fileExplorerArray.length != 0){
|
|
// remove the last item in the array
|
|
fileExplorerArray.pop();
|
|
// Get the scroll postion
|
|
var scrollPosition = fileExplorerScrollPosition.pop();
|
|
|
|
senddir(scrollPosition);
|
|
}
|
|
});
|
|
|
|
// send a new directory to be parsed.
|
|
function senddir(scrollPosition){
|
|
// Construct the directory string
|
|
var directoryString = "";
|
|
for (var i = 0; i < fileExplorerArray.length; i++) {
|
|
directoryString += fileExplorerArray[i] + "/";
|
|
}
|
|
|
|
MSTREAMAPI.dirparser(directoryString, false, function(response, error){
|
|
if(error !== false){
|
|
boilerplateFailure(response, error);
|
|
}
|
|
// Set any directory views
|
|
$('.directoryName').html('/' + directoryString);
|
|
// hand this data off to be printed on the page
|
|
printdir(response);
|
|
// Set scroll postion
|
|
$('#filelist').scrollTop(scrollPosition);
|
|
});
|
|
}
|
|
|
|
|
|
// function that will recieve JSON array of a directory listing. It will then make a list of the directory and tack on classes for functionality
|
|
function printdir(response){
|
|
currentBrowsingList = response.contents;
|
|
|
|
// clear the list
|
|
$('#filelist').empty();
|
|
$('#search_folders').val('');
|
|
|
|
// TODO: create an object of everything that the user can easily sort through
|
|
var searchObject = [];
|
|
|
|
//parse through the json array and make an array of corresponding divs
|
|
var filelist = [];
|
|
$.each(currentBrowsingList, function() {
|
|
if(this.type=='directory'){
|
|
filelist.push('<div id="'+this.name+'" class="dirz">'+this.name+'</div>');
|
|
}else{
|
|
if(this.artist!=null || this.title!=null){
|
|
filelist.push('<div data-filetype="'+this.type+'" data-file_location="'+response.path+this.name+'" class="filez"><span class="pre-char">♬</span> <span class="title">'+this.artist+' - '+this.title+'</span></div>');
|
|
}else{
|
|
filelist.push('<div data-filetype="'+this.type+'" data-file_location="'+response.path+this.name+'" class="filez"><span class="pre-char">♫</span> <span class="title">'+this.name+'</span></div>');
|
|
}
|
|
}
|
|
});
|
|
|
|
// Post the html to the filelist div
|
|
$('#filelist').html(filelist);
|
|
}
|
|
|
|
// when you click 'add directory', add entire directory to the playlist
|
|
$("#addall").on('click', function() {
|
|
//make an array of all the mp3 files in the curent directory
|
|
var elems = document.getElementsByClassName('filez');
|
|
var arr = jQuery.makeArray(elems);
|
|
|
|
//loop through array and add each file to the playlist
|
|
$.each( arr, function() {
|
|
MSTREAMPLAYER.addSongWizard($(this).data("file_location"), {}, true);
|
|
});
|
|
});
|
|
|
|
|
|
// Search Files
|
|
$('#search_folders').on('keyup', function(){
|
|
if($(this).val().length>1){
|
|
var searchVal = $(this).val();
|
|
|
|
var path = ""; // Construct the directory string
|
|
for (var i = 0; i < fileExplorerArray.length; i++) {
|
|
path += fileExplorerArray[i] + "/";
|
|
}
|
|
|
|
var filelist = [];
|
|
$.each(currentBrowsingList, function() {
|
|
var lowerCase = this.name.toLowerCase();
|
|
|
|
if (lowerCase.indexOf( searchVal.toLowerCase() ) !== -1) {
|
|
if(this.type=='directory'){
|
|
filelist.push('<div id="'+this.name+'" class="dirz">'+this.name+'</div>');
|
|
}else{
|
|
if(this.artist!=null || this.title!=null){
|
|
filelist.push('<div data-filetype="'+this.type+'" data-file_location="'+path+this.name+'" class="filez"><span class="pre-char">♬</span> <span class="title">'+this.artist+' - '+this.title+'</span></div>');
|
|
}else{
|
|
filelist.push('<div data-filetype="'+this.type+'" data-file_location="'+path+this.name+'" class="filez"><span class="pre-char">♫</span> <span class="title">'+this.name+'</span></div>');
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// Post the html to the filelist div
|
|
$('#filelist').html(filelist);
|
|
});
|
|
|
|
$('#search-explorer').on('click', function(){
|
|
// Hide Filepath
|
|
$('#search_folders').toggleClass( 'hide' );
|
|
// Show Search Input
|
|
$('.directoryName').toggleClass( 'hide' );
|
|
|
|
if(!$('#search_folders').hasClass('hide')){
|
|
$( "#search_folders" ).focus();
|
|
}
|
|
});
|
|
|
|
|
|
////////////////////////////////////// Share playlists
|
|
$('#share_playlist_form').on('submit', function(e){
|
|
e.preventDefault();
|
|
|
|
$('#share_it').prop("disabled",true);
|
|
var shareTimeInDays = $('#share_time').val();
|
|
|
|
// Check for special characters
|
|
if(/^[0-9]*$/.test(shareTimeInDays) == false) {
|
|
console.log('don\'t do that');
|
|
$('#share_it').prop("disabled",false);
|
|
return false;
|
|
}
|
|
|
|
//loop through array and add each file to the playlist
|
|
var stuff = [];
|
|
for (let i = 0; i < MSTREAMPLAYER.playlist.length; i++) {
|
|
//Do something
|
|
stuff.push(MSTREAMPLAYER.playlist[i].filepath);
|
|
}
|
|
|
|
if(stuff.length == 0){
|
|
$('#share_it').prop("disabled",false);
|
|
return;
|
|
}
|
|
|
|
MSTREAMAPI.makeShared(stuff, shareTimeInDays, function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
$('#share_it').prop("disabled",false);
|
|
var adrs = window.location.protocol + '//' + window.location.host + '/shared/playlist/' + response.id;
|
|
$('.share-textarea').val(adrs);
|
|
});
|
|
});
|
|
|
|
|
|
////////////////////////////////////// Save/Load playlists
|
|
// Save a new playlist
|
|
$('#save_playlist_form').on('submit', function(e){
|
|
e.preventDefault();
|
|
|
|
// Check for special characters
|
|
if(/^[a-zA-Z0-9-_ ]*$/.test(title) == false) {
|
|
console.log('don\'t do that');
|
|
return false;
|
|
}
|
|
|
|
if(MSTREAMPLAYER.playlist.length == 0){
|
|
// TODO: Alert user nothing was saved
|
|
return;
|
|
}
|
|
|
|
$('#save_playlist').prop("disabled",true);
|
|
var title = $('#playlist_name').val();
|
|
|
|
//loop through array and add each file to the playlist
|
|
var songs = [];
|
|
for (let i = 0; i < MSTREAMPLAYER.playlist.length; i++) {
|
|
songs.push(MSTREAMPLAYER.playlist[i].filepath);
|
|
}
|
|
|
|
MSTREAMAPI.savePlaylist(title, songs, function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
$('#save_playlist').prop("disabled",false);
|
|
$('#close_save_playlist').trigger("click");
|
|
});
|
|
});
|
|
|
|
// Get all playlists
|
|
$('.get_all_playlists').on('click', function(){
|
|
resetPanel('Playlists', 'scrollBoxHeight2');
|
|
|
|
MSTREAMAPI.getAllPlaylists( function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
// loop through the json array and make an array of corresponding divs
|
|
var playlists = [];
|
|
$.each(response, function() {
|
|
playlists.push('<div data-playlistname="'+this.name+'" class="playlist_row_container"><span data-playlistname="'+this.name+'" class="playlistz force-width">'+this.name+'</span><span data-playlistname="'+this.name+'" class="deletePlaylist">x</span></div>');
|
|
});
|
|
|
|
// Add playlists to the left panel
|
|
$('#filelist').html(playlists);
|
|
});
|
|
});
|
|
|
|
// delete playlist
|
|
$("#filelist").on('click', '.deletePlaylist', function(){
|
|
// Get Playlist ID
|
|
var playlistname = $(this).data('playlistname');
|
|
var that = this;
|
|
|
|
MSTREAMAPI.deletePlaylist(playlistname, function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
$(that).parent().remove();
|
|
});
|
|
});
|
|
|
|
// load up a playlist
|
|
$("#filelist").on('click', '.playlistz', function() {
|
|
var playlistname = $(this).data('playlistname');
|
|
var name = $(this).html();
|
|
|
|
MSTREAMAPI.loadPlaylist(playlistname, function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
// Add the playlist name to the modal
|
|
$('#playlist_name').val(name);
|
|
|
|
// Clear the playlist
|
|
MSTREAMPLAYER.clearPlaylist();
|
|
|
|
// Append the playlist items to the playlist
|
|
$.each( response, function(i ,item) {
|
|
MSTREAMPLAYER.addSongWizard(item.filepath , {}, true);
|
|
});
|
|
});
|
|
});
|
|
|
|
/////////////// Download Playlist
|
|
$('#downloadPlaylist').click(function(){
|
|
// Loop through array and add each file to the playlist
|
|
var downloadFiles = [];
|
|
for (let i = 0; i < MSTREAMPLAYER.playlist.length; i++) {
|
|
downloadFiles.push(MSTREAMPLAYER.playlist[i].filepath);
|
|
}
|
|
|
|
// Use key if necessary
|
|
if( MSTREAMAPI.currentServer.token){
|
|
$("#downform").attr("action", "download?token=" + MSTREAMAPI.currentServer.token);
|
|
}
|
|
|
|
$('<input>').attr({
|
|
type: 'hidden',
|
|
name: 'fileArray',
|
|
value: JSON.stringify(downloadFiles),
|
|
}).appendTo('#downform');
|
|
|
|
//submit form
|
|
$('#downform').submit();
|
|
// clear the form
|
|
$('#downform').empty();
|
|
});
|
|
|
|
///////////////////////////// Database Management
|
|
// The Manage DB panel
|
|
$('#manage_database').on('click', function(){
|
|
resetPanel('Database Management', 'scrollBoxHeight2');
|
|
|
|
MSTREAMAPI.dbStatus( function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
// If there is an error
|
|
if(response.error){
|
|
$('#filelist').html('<p>The database returned the following error:</p><p>' + response.error + '</p>');
|
|
return;
|
|
}
|
|
// Add Beets Msg
|
|
if(response.dbType == 'beets' || response.dbType == 'beets-default' ){
|
|
$('#filelist').append('<h3><img style="height:40px;" src="img/database-icon.svg" >Powered by Beets DB</h3>');
|
|
}
|
|
// if the DB is locked
|
|
if(response.locked){
|
|
$('#filelist').append('<p>The database is currently being built. Currently ' + response.totalFileCount + ' files are in the DB</p><input type="button" value="Check Progress" class="button secondary small" id="check_db_progress" >');
|
|
return;
|
|
}
|
|
// If you got this far the db is made and working
|
|
$('#filelist').append('<p>Your DB has ' + response.totalFileCount + ' files</p><input type="button" class="button secondary rounded small" value="Build Database" id="build_database">');
|
|
});
|
|
});
|
|
|
|
// Build the database
|
|
$('body').on('click', '#build_database', function(){
|
|
$(this).prop("disabled", true);
|
|
|
|
MSTREAMAPI.dbScan( function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
// Append the check db button so the user can start checking right away
|
|
$('#filelist').append('<input type="button" value="Check Progress" id="check_db_progress" >');
|
|
});
|
|
});
|
|
|
|
// Check DB build progress
|
|
$('body').on('click', '#check_db_progress', function(){
|
|
MSTREAMAPI.dbStatus( function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
$( "#db_progress_report" ).remove();
|
|
|
|
// if file_count is 0, report that the the build script is not done counting files
|
|
if(response.file_count == 0){
|
|
$('#filelist').append('<p id="db_progress_report">The create database script is still counting the files in the music collection. This operation can take some time. Try again in a bit</p>');
|
|
return;
|
|
}
|
|
|
|
// Append new <p> tag with id of "db_progress_report"
|
|
$('#filelist').append('<p id="db_progress_report">Progress: '+ response.files_in_db +'/'+ response.file_count +'</p>');
|
|
});
|
|
});
|
|
|
|
|
|
//////////////////////////////////// Sort by Albums
|
|
//Load up album explorer
|
|
$('.get_all_albums').on('click', function(){
|
|
resetPanel('Albums', 'scrollBoxHeight2');
|
|
|
|
MSTREAMAPI.albums( function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
//parse through the json array and make an array of corresponding divs
|
|
var albums = [];
|
|
$.each(response.albums, function(index, value) {
|
|
albums.push('<div data-album="'+value+'" class="albumz">'+value+' </div>');
|
|
});
|
|
|
|
$('#filelist').html(albums);
|
|
});
|
|
});
|
|
|
|
// Load up album-songs
|
|
$("#filelist").on('click', '.albumz', function() {
|
|
var album = $(this).data('album');
|
|
|
|
MSTREAMAPI.albumSongs(album, function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
//clear the list
|
|
$('#filelist').empty();
|
|
|
|
//parse through the json array and make an array of corresponding divs
|
|
var filelist = [];
|
|
$.each(response, function() {
|
|
if(this.metadata.title){
|
|
filelist.push('<div data-file_location="'+this.filepath+'" class="filez"><span class="pre-char">♫</span> <span class="title">'+this.metadata.title+'</span></div>');
|
|
}
|
|
else{
|
|
filelist.push('<div data-file_location="'+this.filepath+'" class="filez"><span class="pre-char">♬</span> <span class="title">'+this.metadata.filename+'</span></div>');
|
|
}
|
|
});
|
|
|
|
$('#filelist').html(filelist);
|
|
});
|
|
});
|
|
|
|
/////////////////////////////////////// Artists
|
|
// Load up album-songs
|
|
$('.get_all_artists').on('click', function(){
|
|
resetPanel('Artists', 'scrollBoxHeight2');
|
|
|
|
MSTREAMAPI.artists( function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
//parse through the json array and make an array of corresponding divs
|
|
var artists = [];
|
|
$.each(response.artists, function(index,value) {
|
|
artists.push('<div data-artist="'+value+'" class="artistz">'+value+' </div>');
|
|
});
|
|
|
|
$('#filelist').html(artists);
|
|
});
|
|
});
|
|
|
|
|
|
$("#filelist").on('click', '.artistz', function() {
|
|
var artist = $(this).data('artist');
|
|
|
|
MSTREAMAPI.artistAlbums(artist, function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
//clear the list
|
|
$('#filelist').empty();
|
|
|
|
var albums = [];
|
|
$.each(response.albums, function(index, value) {
|
|
albums.push('<div data-album="'+value+'" class="albumz">'+value+' </div>');
|
|
});
|
|
|
|
$('#filelist').html(albums);
|
|
$('.panel_one_name').html('Artists->Albums');
|
|
});
|
|
});
|
|
|
|
|
|
///////////////////////////// Search Function
|
|
// Setup the search interface
|
|
$('#search_database').on('click', function(){
|
|
resetPanel('Search', 'scrollBoxHeight1');
|
|
$('#search_container').show();
|
|
});
|
|
|
|
// Auto Search
|
|
$('#search_it').on('keyup', function(){
|
|
// TODO: Put this on some kind of time delay. That way rapid keystrokes won't spam the server
|
|
if($(this).val().length>1){
|
|
MSTREAMAPI.search($(this).val(), function(response, error){
|
|
if(error !== false){
|
|
return boilerplateFailure(response, error);
|
|
}
|
|
var htmlString = '';
|
|
|
|
if(response.artists.length > 0){
|
|
htmlString += '<h2 class="search_subtitle"><strong>Artists</strong></h2>';
|
|
$.each(response.artists, function(index, value) {
|
|
htmlString += '<div data-artist="'+value+'" class="artistz">'+value+' </div>';
|
|
});
|
|
}
|
|
|
|
if(response.albums.length > 0){
|
|
htmlString += '<h2 class="search_subtitle"><strong>Albums</strong></h2>';
|
|
$.each(response.albums, function(index, value) {
|
|
htmlString += '<div data-album="'+value+'" class="albumz">'+value+' </div>';
|
|
});
|
|
}
|
|
|
|
$('#filelist').html(htmlString);
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
//////////////////////// Jukebox Mode
|
|
function setupJukeboxPanel(){
|
|
// Hide the directory bar
|
|
resetPanel('Jukebox Mode', 'scrollBoxHeight2');
|
|
|
|
var newHtml;
|
|
if(JUKEBOX.stats.live !== false && JUKEBOX.connection !== false){
|
|
newHtml = createJukeboxPanel();
|
|
}else{
|
|
newHtml = '\
|
|
<p class="jukebox-panel">\
|
|
<br><br>\
|
|
<h3>Jukebox Mode allows you to control this page remotely<h3> <br><br>\
|
|
<div class="jukebox_connect button"> CONNECT IT!</div>\
|
|
</p>\
|
|
<img src="public/img/loading.gif" class="hide jukebox-loading">';
|
|
}
|
|
|
|
// Add the content
|
|
$('#filelist').html(newHtml);
|
|
}
|
|
|
|
// The jukebox panel
|
|
$('#jukebox_mode').on('click', function(){
|
|
setupJukeboxPanel();
|
|
});
|
|
|
|
// Setup Jukebox
|
|
$('body').on('click', '.jukebox_connect', function(){
|
|
$(this).prop("disabled", true);
|
|
$(this).hide();
|
|
$('.jukebox-loading').toggleClass('hide');
|
|
|
|
JUKEBOX.createWebsocket( MSTREAMAPI.currentServer.token, function(){
|
|
// Wait a while and display the status
|
|
setTimeout(function(){
|
|
// TODO: Check that status has changed
|
|
setupJukeboxPanel();
|
|
},1800);
|
|
});
|
|
});
|
|
|
|
function createJukeboxPanel(){
|
|
var returnHtml = '<p class="jukebox-panel">';
|
|
|
|
if(JUKEBOX.stats.error !== false){
|
|
return returnHtml + 'An error occurred. Please refresh the page and try again</p>';
|
|
}
|
|
|
|
if(JUKEBOX.stats.adminCode){
|
|
returnHtml += '<h1>Code: ' + JUKEBOX.stats.adminCode + '</h1>';
|
|
}
|
|
if(JUKEBOX.stats.guestCode){
|
|
returnHtml += '<h2>Guest Code: ' + JUKEBOX.stats.guestCode + '</h2>';
|
|
}
|
|
|
|
var adrs = window.location.protocol + '//' + window.location.host + '/remote';
|
|
returnHtml += '<br><h4>Remote Jukebox Controls: <a target="_blank" href="' + adrs + '"> ' + adrs + '</a><h4>';
|
|
|
|
return returnHtml + '</p>';
|
|
}
|
|
|
|
});
|