Congegni/sintonia
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

CC-3482: Live Stream: UI Design for Source Stream panel on dashboard

Browse source 
- master panel UI integration
This commit is contained in:
James 2012-03-29 20:49:00 -04:00 • committed by James
parent d2d45dcae6
commit a49a3a1d2e
4 changed files with 85 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

93
airtime_mvc/public/js/airtime/dashboard/playlist.js
View file

@ -75,27 +75,33 @@ function updateProgressBarValue(){
$('#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){
songPercentDone = (estimatedSchedulePosixTime - currentSong.songStartPosixTime)/currentSong.songLengthMs*100;
if (songPercentDone < 0 || songPercentDone > 100){
songPercentDone = 0;
currentSong = null;
} else {
var scheduled_play_line_to_switch = $("#scheduled_play_div").find(".line-to-switch")
} else {
if (currentSong.media_item_played == "t" && currentShow.length > 0){
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_div").find(".line-to-switch").attr("class", "line-to-switch off");
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+"%");
@ -232,19 +238,25 @@ function parseItems(obj){
}
function parseSourceStatus(obj){
var live_div = $("#live_dj_div").find(".line-to-switch")
var master_div = $("#master_dj_div").find(".line-to-switch")
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_div.attr("class", "line-to-switch off")
live_li.find(".line-to-switch").attr("class", "line-to-switch off")
live_div.removeClass("ready")
}else{
live_div.attr("class", "line-to-switch on")
live_li.find(".line-to-switch").attr("class", "line-to-switch on")
live_div.addClass("ready")
}
if(obj.master_dj_source == false){
master_div.attr("class", "line-to-switch off")
master_li.find(".line-to-switch").attr("class", "line-to-switch off")
master_div.removeClass("ready")
}else{
master_div.attr("class", "line-to-switch on")
master_li.find(".line-to-switch").attr("class", "line-to-switch on")
master_div.addClass("ready")
}
}
@ -268,9 +280,30 @@ function parseSwitchStatus(obj){
scheduled_play_on_air = false;
}
$("#scheduled_play.source-switch-button").find("span").html(obj.scheduled_play)
$("#live_dj.source-switch-button").find("span").html(obj.live_dj_source)
$("#master_dj.source-switch-button").find("span").html(obj.master_dj_source)
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(){
@ -282,26 +315,26 @@ function controlOnAirLight(){
}
function controlSwitchLight(){
var live_div = $("#live_dj_div")
var master_div = $("#master_dj_div")
var scheduled_play_div = $("#scheduled_play_div")
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_div.find(".line-to-on-air").attr("class", "line-to-on-air on")
live_div.find(".line-to-on-air").attr("class", "line-to-on-air off")
master_div.find(".line-to-on-air").attr("class", "line-to-on-air off")
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_div.find(".line-to-on-air").attr("class", "line-to-on-air off")
live_div.find(".line-to-on-air").attr("class", "line-to-on-air on")
master_div.find(".line-to-on-air").attr("class", "line-to-on-air off")
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_div.find(".line-to-on-air").attr("class", "line-to-on-air off")
live_div.find(".line-to-on-air").attr("class", "line-to-on-air off")
master_div.find(".line-to-on-air").attr("class", "line-to-on-air on")
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_div.find(".line-to-on-air").attr("class", "line-to-on-air off")
live_div.find(".line-to-on-air").attr("class", "line-to-on-air off")
master_div.find(".line-to-on-air").attr("class", "line-to-on-air off")
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")
}
}
@ -343,12 +376,16 @@ function setSwitchListener(ele){
var sourcename = $(ele).attr('id')
var status_span = $(ele).find("span")
var status = status_span.html()
var source_connection_status = false
$.get("/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)
}
});