sintonia/legacy/public/js/airtime/dashboard/dashboard.js

625 lines
18 KiB
JavaScript

//approximate server time, because once we receive it from the server,
//there way have been a great amount of latency and it is no longer accurate.
var approximateServerTime = null;
var localRemoteTimeOffset = null;
var previousSong = null;
var currentSong = null;
var nextSong = null;
var currentShow = new Array();
var nextShow = new Array();
var showName = null;
var currentElem;
var serverUpdateInterval = 5000;
var uiUpdateInterval = 200;
var master_dj_on_air = false;
var live_dj_on_air = false;
var scheduled_play_on_air = false;
var scheduled_play_source = false;
//a reference returned by setTimeout. Useful for when we want clearTimeout()
var newSongTimeoutId = null;
//a reference returned by setTimeout. Useful for when we want clearTimeout()
var newShowTimeoutId = null;
//keep track of how many UI refreshes the ON-AIR light has been off for.
//For example, the uiUpdateInterval is every 200ms, so if onAirOffIterations
//is 25, then that means 5 seconds have gone by.
var onAirOffIterations = 0;
/* boolean flag to let us know if we should prepare to execute a function
* that flips the playlist to the next song. This flag's purpose is to
* make sure the function is only executed once*/
var nextSongPrepare = true;
var nextShowPrepare = true;
function secondsTimer() {
/* This function constantly calls itself every 'uiUpdateInterval'
* micro-seconds and is responsible for updating the UI. */
if (localRemoteTimeOffset !== null) {
var date = new Date();
approximateServerTime = date.getTime() - localRemoteTimeOffset;
updateProgressBarValue();
updatePlaybar();
controlOnAirLight();
controlSwitchLight();
}
setTimeout(secondsTimer, uiUpdateInterval);
}
function newSongStart() {
nextSongPrepare = true;
if (nextSong.type == "track") {
currentSong = nextSong;
nextSong = null;
}
}
function nextShowStart() {
nextShowPrepare = true;
currentShow[0] = nextShow.shift();
}
/* Called every "uiUpdateInterval" mseconds. */
function updateProgressBarValue() {
var showPercentDone = 0;
if (currentShow.length > 0) {
showPercentDone =
((approximateServerTime - currentShow[0].showStartPosixTime) /
currentShow[0].showLengthMs) *
100;
if (showPercentDone < 0 || showPercentDone > 100) {
showPercentDone = 0;
currentShow = new Array();
currentSong = null;
}
}
$("#progress-show").attr("style", "width:" + showPercentDone + "%");
var songPercentDone = 0;
var scheduled_play_div = $("#scheduled_play_div");
var scheduled_play_line_to_switch = scheduled_play_div
.parent()
.find(".line-to-switch");
if (currentSong !== null) {
var songElapsedTime = 0;
songPercentDone =
((approximateServerTime - currentSong.songStartPosixTime) /
currentSong.songLengthMs) *
100;
songElapsedTime = approximateServerTime - currentSong.songStartPosixTime;
if (songPercentDone < 0) {
songPercentDone = 0;
//currentSong = null;
} else if (songPercentDone > 100) {
songPercentDone = 100;
} else {
if (
(currentSong.media_item_played == true && currentShow.length > 0) ||
(songElapsedTime < 5000 && currentShow[0].record != 1)
) {
scheduled_play_line_to_switch.attr("class", "line-to-switch on");
scheduled_play_div.addClass("ready");
scheduled_play_source = true;
} else {
scheduled_play_source = false;
scheduled_play_line_to_switch.attr("class", "line-to-switch off");
scheduled_play_div.removeClass("ready");
}
$("#progress-show").attr("class", "progress-show");
}
} else {
scheduled_play_source = false;
scheduled_play_line_to_switch.attr("class", "line-to-switch off");
scheduled_play_div.removeClass("ready");
$("#progress-show").attr("class", "progress-show-error");
}
$("#progress-bar").attr("style", "width:" + songPercentDone + "%");
}
function updatePlaybar() {
/* Column 0 update */
if (previousSong !== null) {
$("#previous").text(previousSong.name + ",");
$("#prev-length").text(convertToHHMMSSmm(previousSong.songLengthMs));
} else {
$("#previous").empty();
$("#prev-length").empty();
}
if (currentSong !== null && !master_dj_on_air && !live_dj_on_air) {
if (currentSong.record == "1") {
$("#current").html(
"<span style='color:red; font-weight:bold'>" +
$.i18n._("Recording:") +
"</span>" +
currentSong.name +
",",
);
} else {
$("#current").text(currentSong.name + ",");
if (currentSong.metadata && currentSong.metadata.artwork_data) {
var check_current_song = Cookies.get("current_track");
var loaded = Cookies.get("loaded");
if (check_current_song != currentSong.name) {
$("#now-playing-artwork_containter").html(
"<img height='75' width='75' class'artwork' src='" +
currentSong.metadata.artwork_data +
"' />",
);
Cookies.remove("current_track");
Cookies.set("current_track", currentSong.name);
}
// makes sure it stays updated with current track if page loads
if (loaded != UNIQID) {
Cookies.remove("current_track");
Cookies.remove("loaded");
Cookies.set("loaded", UNIQID);
}
}
}
} else {
if (master_dj_on_air) {
if (showName) {
$("#current").html(
$.i18n._("Current") +
": <span style='color:red; font-weight:bold'>" +
showName +
" - " +
$.i18n._("Master Stream") +
"</span>",
);
} else {
$("#current").html(
$.i18n._("Current") +
": <span style='color:red; font-weight:bold'>" +
$.i18n._("Master Stream") +
"</span>",
);
}
} else if (live_dj_on_air) {
if (showName) {
$("#current").html(
$.i18n._("Current") +
": <span style='color:red; font-weight:bold'>" +
showName +
" - " +
$.i18n._("Live Stream") +
"</span>",
);
} else {
$("#current").html(
$.i18n._("Current") +
": <span style='color:red; font-weight:bold'>" +
$.i18n._("Live Stream") +
"</span>",
);
}
} else {
$("#current").html(
$.i18n._("Current") +
": <span style='color:red; font-weight:bold'>" +
$.i18n._("Nothing Scheduled") +
"</span>",
);
}
}
if (nextSong !== null) {
$("#next").text(nextSong.name + ",");
$("#next-length").text(convertToHHMMSSmm(nextSong.songLengthMs));
} else {
$("#next").empty();
$("#next-length").empty();
}
$("#start").empty();
$("#end").empty();
$("#time-elapsed").empty();
$("#time-remaining").empty();
$("#song-length").empty();
if (currentSong !== null && !master_dj_on_air && !live_dj_on_air) {
$("#start").text(currentSong.starts.split(" ")[1]);
$("#end").text(currentSong.ends.split(" ")[1]);
/* Get rid of the millisecond accuracy so that the second counters for both
* show and song change at the same time. */
var songStartRoughly =
parseInt(Math.round(currentSong.songStartPosixTime / 1000), 10) * 1000;
var songEndRoughly =
parseInt(Math.round(currentSong.songEndPosixTime / 1000), 10) * 1000;
$("#time-elapsed").text(
convertToHHMMSS(approximateServerTime - songStartRoughly),
);
$("#time-remaining").text(
convertToHHMMSS(songEndRoughly - approximateServerTime),
);
$("#song-length").text(convertToHHMMSS(currentSong.songLengthMs));
}
/* Column 1 update */
$("#playlist").text($.i18n._("Current Show:"));
var recElem = $(".recording-show");
if (currentShow.length > 0) {
$("#playlist").text(currentShow[0].name);
currentShow[0].record == "1" ? recElem.show() : recElem.hide();
} else {
recElem.hide();
}
$("#show-length").empty();
if (currentShow.length > 0) {
$("#show-length").text(
convertDateToHHMM(currentShow[0].showStartPosixTime) +
" - " +
convertDateToHHMM(currentShow[0].showEndPosixTime),
);
}
/* Column 2 update */
$("#time").text(convertDateToHHMMSS(approximateServerTime));
}
function calcAdditionalData(currentItem) {
currentItem.songStartPosixTime = convertDateToPosixTime(currentItem.starts);
currentItem.songEndPosixTime = convertDateToPosixTime(currentItem.ends);
currentItem.songLengthMs =
currentItem.songEndPosixTime - currentItem.songStartPosixTime;
}
function calcAdditionalShowData(show) {
if (show.length > 0) {
show[0].showStartPosixTime = convertDateToPosixTime(
show[0].start_timestamp,
);
show[0].showEndPosixTime = convertDateToPosixTime(show[0].end_timestamp);
show[0].showLengthMs =
show[0].showEndPosixTime - show[0].showStartPosixTime;
}
}
function calculateTimeToNextSong() {
if (approximateServerTime === null) {
return;
}
if (newSongTimeoutId !== null) {
/* We have a previous timeout set, let's unset it */
clearTimeout(newSongTimeoutId);
newSongTimeoutId = null;
}
var diff = nextSong.songStartPosixTime - approximateServerTime;
if (diff < 0) diff = 0;
nextSongPrepare = false;
newSongTimeoutId = setTimeout(newSongStart, diff);
}
function calculateTimeToNextShow() {
if (approximateServerTime === null) {
return;
}
if (newShowTimeoutId !== null) {
/* We have a previous timeout set, let's unset it */
clearTimeout(newShowTimeoutId);
newShowTimeoutId = null;
}
var diff = nextShow[0].showStartPosixTime - approximateServerTime;
if (diff < 0) diff = 0;
nextShowPrepare = false;
newShowTimeoutId = setTimeout(nextShowStart, diff);
}
function parseItems(obj) {
previousSong = obj.previous;
currentSong = obj.current;
nextSong = obj.next;
if (previousSong !== null) {
calcAdditionalData(previousSong);
}
if (currentSong !== null) {
calcAdditionalData(currentSong);
}
if (nextSong !== null) {
calcAdditionalData(nextSong);
calculateTimeToNextSong();
}
currentShow = new Array();
if (obj.currentShow.length > 0) {
calcAdditionalShowData(obj.currentShow);
currentShow = obj.currentShow;
}
nextShow = new Array();
if (obj.nextShow.length > 0) {
calcAdditionalShowData(obj.nextShow);
nextShow = obj.nextShow;
calculateTimeToNextShow();
}
var schedulePosixTime = convertDateToPosixTime(obj.schedulerTime);
var date = new Date();
localRemoteTimeOffset = date.getTime() - schedulePosixTime;
}
function parseSourceStatus(obj) {
var live_div = $("#live_dj_div");
var master_div = $("#master_dj_div");
var live_li = live_div.parent();
var master_li = master_div.parent();
if (obj.live_dj_source == false) {
live_li.find(".line-to-switch").attr("class", "line-to-switch off");
live_div.removeClass("ready");
} else {
live_li.find(".line-to-switch").attr("class", "line-to-switch on");
live_div.addClass("ready");
}
if (obj.master_dj_source == false) {
master_li.find(".line-to-switch").attr("class", "line-to-switch off");
master_div.removeClass("ready");
} else {
master_li.find(".line-to-switch").attr("class", "line-to-switch on");
master_div.addClass("ready");
}
}
function parseSwitchStatus(obj) {
if (obj.live_dj_source == "on") {
live_dj_on_air = true;
} else {
live_dj_on_air = false;
}
if (obj.master_dj_source == "on") {
master_dj_on_air = true;
} else {
master_dj_on_air = false;
}
if (obj.scheduled_play == "on") {
scheduled_play_on_air = true;
} else {
scheduled_play_on_air = false;
}
var scheduled_play_switch = $("#scheduled_play.source-switch-button");
var live_dj_switch = $("#live_dj.source-switch-button");
var master_dj_switch = $("#master_dj.source-switch-button");
scheduled_play_switch.find("span").html(obj.scheduled_play);
if (scheduled_play_on_air) {
scheduled_play_switch.addClass("active");
} else {
scheduled_play_switch.removeClass("active");
}
live_dj_switch.find("span").html(obj.live_dj_source);
if (live_dj_on_air) {
live_dj_switch.addClass("active");
} else {
live_dj_switch.removeClass("active");
}
master_dj_switch.find("span").html(obj.master_dj_source);
if (master_dj_on_air) {
master_dj_switch.addClass("active");
} else {
master_dj_switch.removeClass("active");
}
}
function controlOnAirLight() {
if (
(scheduled_play_on_air && scheduled_play_source) ||
live_dj_on_air ||
master_dj_on_air
) {
$("#on-air-info").attr("class", "on-air-info on");
onAirOffIterations = 0;
} else if (onAirOffIterations < 20) {
//if less than 4 seconds have gone by (< 20 executions of this function)
//then keep the ON-AIR light on. Only after at least 3 seconds have gone by,
//should we be allowed to turn it off. This is to stop the light from temporarily turning
//off between tracks: CC-3725
onAirOffIterations++;
} else {
$("#on-air-info").attr("class", "on-air-info off");
}
}
function controlSwitchLight() {
var live_li = $("#live_dj_div").parent();
var master_li = $("#master_dj_div").parent();
var scheduled_play_li = $("#scheduled_play_div").parent();
if (
scheduled_play_on_air &&
scheduled_play_source &&
!live_dj_on_air &&
!master_dj_on_air
) {
scheduled_play_li
.find(".line-to-on-air")
.attr("class", "line-to-on-air on");
live_li.find(".line-to-on-air").attr("class", "line-to-on-air off");
master_li.find(".line-to-on-air").attr("class", "line-to-on-air off");
} else if (live_dj_on_air && !master_dj_on_air) {
scheduled_play_li
.find(".line-to-on-air")
.attr("class", "line-to-on-air off");
live_li.find(".line-to-on-air").attr("class", "line-to-on-air on");
master_li.find(".line-to-on-air").attr("class", "line-to-on-air off");
} else if (master_dj_on_air) {
scheduled_play_li
.find(".line-to-on-air")
.attr("class", "line-to-on-air off");
live_li.find(".line-to-on-air").attr("class", "line-to-on-air off");
master_li.find(".line-to-on-air").attr("class", "line-to-on-air on");
} else {
scheduled_play_li
.find(".line-to-on-air")
.attr("class", "line-to-on-air off");
live_li.find(".line-to-on-air").attr("class", "line-to-on-air off");
master_li.find(".line-to-on-air").attr("class", "line-to-on-air off");
}
}
function getScheduleFromServer() {
$.ajax({
url: baseUrl + "Schedule/get-current-playlist/format/json",
dataType: "json",
success: function (data) {
parseItems(data.entries);
parseSourceStatus(data.source_status);
parseSwitchStatus(data.switch_status);
showName = data.show_name;
},
error: function (jqXHR, textStatus, errorThrown) {},
});
}
function setupQtip() {
var qtipElem = $("#about-link");
if (qtipElem.length > 0) {
qtipElem.qtip({
content: $("#about-txt").html(),
show: "mouseover",
hide: { when: "mouseout", fixed: true },
position: {
corner: {
target: "center",
tooltip: "topRight",
},
},
style: {
border: {
width: 0,
radius: 4,
},
name: "light", // Use the default light style
},
});
}
}
function setSwitchListener(ele) {
var sourcename = $(ele).attr("id");
var status_span = $(ele).find("span");
var status = status_span.html();
$.get(
baseUrl +
"Dashboard/switch-source/format/json/sourcename/" +
sourcename +
"/status/" +
status,
function (data) {
if (data.error) {
alert(data.error);
} else {
if (data.status == "ON") {
$(ele).addClass("active");
} else {
$(ele).removeClass("active");
}
status_span.html(data.status);
}
},
);
}
function kickSource(ele) {
var sourcename = $(ele).attr("id");
$.get(
baseUrl +
"Dashboard/disconnect-source/format/json/sourcename/" +
sourcename,
function (data) {
if (data.error) {
alert(data.error);
}
},
);
}
var stream_window = null;
function init() {
//begin producer "thread"
setInterval(getScheduleFromServer, serverUpdateInterval);
//begin consumer "thread"
secondsTimer();
setupQtip();
$(".listen-control-button").click(function () {
if (stream_window == null || stream_window.closed)
stream_window = window.open(
baseUrl + "Dashboard/stream-player",
"name",
"width=400,height=158",
);
stream_window.focus();
return false;
});
}
/* We never retrieve the user's password from the db
* and when we call isValid($params) the form values are cleared
* and repopulated with $params which does not have the password
* field. Therefore, we fill the password field with 6 x's
*/
function setCurrentUserPseudoPassword() {
$("#cu_password").val("xxxxxx");
$("#cu_passwordVerify").val("xxxxxx");
}
/*$(window).resize(function() {
*/ /* If we don't do this, the menu can stay hidden after resizing */ /*
if ($(this).width() > 970) {
$("#nav .responsive-menu").show();
}
});*/
$(document).ready(function () {
if ($("#master-panel").length > 0) init();
if ($(".errors").length === 0) {
setCurrentUserPseudoPassword();
}
$("body").on("click", "#current-user", function () {
$.ajax({
url: baseUrl + "user/edit-user/format/json",
});
});
$("body").on("click", "#cu_save_user", function () {
Cookies.set("airtime_locale", $("#cu_locale").val(), { path: "/" });
});
// When the 'Listen' button is clicked we set the width
// of the share button to the width of the 'Live Stream'
// text. This differs depending on the language setting
$("#popup-link").css("width", $(".jp-container h1").css("width"));
/*$('#menu-btn').click(function() {
$('#nav .responsive-menu').slideToggle();
});*/
});