a0bf7c90ba
Fixing the issue of "show entries" dropdown setting not being saved. After some investigation, it seems like we're destroying the calendar everytime we modify the dropdown value, and create a new one, which explains why the new setting is not being saved. Fixed by moving the code that handles the updating to the place after we create the new calendar. This makes the code cleaner as well.
458 lines
14 KiB
JavaScript
458 lines
14 KiB
JavaScript
/**
|
|
*
|
|
* Full Calendar callback methods.
|
|
*
|
|
*/
|
|
|
|
function scheduleRefetchEvents(json) {
|
|
if(json.show_error == true){
|
|
alert("The show instance doesn't exist anymore!")
|
|
}
|
|
$("#schedule_calendar").fullCalendar( 'refetchEvents' );
|
|
}
|
|
|
|
function openAddShowForm() {
|
|
|
|
if($("#add-show-form").length == 1) {
|
|
if( ($("#add-show-form").css('display')=='none')) {
|
|
$("#add-show-form").show();
|
|
var windowWidth = $(window).width();
|
|
// margin on showform are 16 px on each side
|
|
var calendarWidth = 100-(($("#schedule-add-show").width() + (16 * 4))/windowWidth*100);
|
|
var widthPercent = parseInt(calendarWidth)+"%";
|
|
$("#schedule_calendar").css("width", widthPercent);
|
|
$("#schedule_calendar").fullCalendar('render');
|
|
}
|
|
$("#schedule-show-what").show(0, function(){
|
|
$add_show_name = $("#add_show_name");
|
|
$add_show_name.focus();
|
|
$add_show_name.select();
|
|
});
|
|
}
|
|
}
|
|
|
|
function makeAddShowButton(){
|
|
$('.fc-header-left')
|
|
.append('<span class="fc-header-space"></span>')
|
|
.append('<span class="fc-button"><a href="#" class="add-button"><span class="add-icon"></span>Show</a></span>')
|
|
.find('span.fc-button:last > a')
|
|
.click(function(){
|
|
openAddShowForm();
|
|
removeAddShowButton();
|
|
});
|
|
}
|
|
|
|
function removeAddShowButton(){
|
|
var aTag = $('.fc-header-left')
|
|
.find("span.fc-button:last > a");
|
|
|
|
var span = aTag.parent();
|
|
span.prev().remove();
|
|
span.remove();
|
|
}
|
|
|
|
function pad(number, length) {
|
|
|
|
var str = '' + number;
|
|
while (str.length < length) {
|
|
str = '0' + str;
|
|
}
|
|
|
|
return str;
|
|
|
|
}
|
|
|
|
function makeTimeStamp(date){
|
|
var sy, sm, sd, h, m, s, timestamp;
|
|
sy = date.getFullYear();
|
|
sm = date.getMonth() + 1;
|
|
sd = date.getDate();
|
|
h = date.getHours();
|
|
m = date.getMinutes();
|
|
s = date.getSeconds();
|
|
|
|
timestamp = sy+"-"+ pad(sm, 2) +"-"+ pad(sd, 2) +" "+ pad(h, 2) +":"+ pad(m, 2) +":"+ pad(s, 2);
|
|
return timestamp;
|
|
}
|
|
|
|
function adjustDateToServerDate(date, serverTimezoneOffset){
|
|
//date object stores time in the browser's localtime. We need to artificially shift
|
|
//it to
|
|
var timezoneOffset = date.getTimezoneOffset()*60*1000;
|
|
|
|
date.setTime(date.getTime() + timezoneOffset + serverTimezoneOffset*1000);
|
|
|
|
/* date object has been shifted to artificial UTC time. Now let's
|
|
* shift it to the server's timezone */
|
|
|
|
return date;
|
|
}
|
|
|
|
function dayClick(date, allDay, jsEvent, view) {
|
|
var now, today, selected, chosenDate, chosenTime;
|
|
|
|
now = adjustDateToServerDate(new Date(), serverTimezoneOffset);
|
|
|
|
if(view.name === "month") {
|
|
today = new Date(now.getFullYear(), now.getMonth(), now.getDate());
|
|
selected = new Date(date.getFullYear(), date.getMonth(), date.getDate());
|
|
}
|
|
else {
|
|
today = new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours(), now.getMinutes());
|
|
selected = new Date(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes());
|
|
}
|
|
|
|
if(selected >= today) {
|
|
var addShow = $('.add-button');
|
|
|
|
//remove the +show button if it exists.
|
|
if(addShow.length == 1){
|
|
var span = $(addShow).parent();
|
|
$(span).prev().remove();
|
|
$(span).remove();
|
|
}
|
|
|
|
chosenDate = selected.getFullYear();
|
|
|
|
var month = selected.getMonth() + 1;
|
|
if(month < 10) {
|
|
chosenDate = chosenDate+'-0'+month;
|
|
}
|
|
else {
|
|
chosenDate = chosenDate+'-'+month;
|
|
}
|
|
|
|
var day = selected.getDate();
|
|
if(day < 10) {
|
|
chosenDate = chosenDate+'-0'+day;
|
|
}
|
|
else {
|
|
chosenDate = chosenDate+'-'+day;
|
|
}
|
|
|
|
var min = selected.getMinutes();
|
|
var hours = selected.getHours();
|
|
if(min < 10){
|
|
chosenTime = hours+":0"+min;
|
|
}
|
|
else {
|
|
chosenTime = hours+":"+min;
|
|
}
|
|
|
|
if(hours < 10){
|
|
chosenTime = "0"+chosenTime;
|
|
}
|
|
|
|
var endHour = hours + 1;
|
|
var chosenEndTime;
|
|
|
|
if(min < 10){
|
|
chosenEndTime = endHour+":0"+min;
|
|
}
|
|
else {
|
|
chosenEndTime = endHour+":"+min;
|
|
}
|
|
|
|
if(endHour < 10){
|
|
chosenEndTime = "0"+chosenEndTime;
|
|
}
|
|
|
|
$("#add_show_start_date").val(chosenDate);
|
|
$("#add_show_end_date_no_repeat").val(chosenDate);
|
|
$("#add_show_end_date").datepicker("option", "minDate", chosenDate);
|
|
$("#add_show_end_date").val(chosenDate);
|
|
$("#add_show_start_time").val(chosenTime);
|
|
$("#add_show_end_time").val(chosenEndTime);
|
|
$("#add_show_duration").val('1h');
|
|
$("#schedule-show-when").show();
|
|
|
|
openAddShowForm();
|
|
}
|
|
}
|
|
|
|
function viewDisplay( view ) {
|
|
|
|
if(view.name === 'agendaDay' || view.name === 'agendaWeek') {
|
|
|
|
var calendarEl = this;
|
|
|
|
var select = $('<select class="schedule_change_slots input_select"/>')
|
|
.append('<option value="1">1m</option>')
|
|
.append('<option value="5">5m</option>')
|
|
.append('<option value="10">10m</option>')
|
|
.append('<option value="15">15m</option>')
|
|
.append('<option value="30">30m</option>')
|
|
.append('<option value="60">60m</option>')
|
|
.change(function(){
|
|
var slotMin = $(this).val();
|
|
var opt = view.calendar.options;
|
|
var date = $(calendarEl).fullCalendar('getDate');
|
|
|
|
opt.slotMinutes = parseInt(slotMin);
|
|
opt.events = getFullCalendarEvents;
|
|
opt.defaultView = view.name;
|
|
|
|
//re-initialize calendar with new slotmin options
|
|
$(calendarEl)
|
|
.fullCalendar('destroy')
|
|
.fullCalendar(opt)
|
|
.fullCalendar( 'gotoDate', date );
|
|
|
|
//save slotMin value to db
|
|
var url = '/Schedule/set-time-interval/format/json';
|
|
$.post(url, {timeInterval: slotMin});
|
|
});
|
|
|
|
var topLeft = $(view.element).find("table.fc-agenda-days > thead th:first");
|
|
|
|
select.width(topLeft.width())
|
|
.height(topLeft.height());
|
|
|
|
topLeft.empty()
|
|
.append(select);
|
|
|
|
var slotMin = view.calendar.options.slotMinutes;
|
|
$('.schedule_change_slots option[value="'+slotMin+'"]').attr('selected', 'selected');
|
|
}
|
|
|
|
if(($("#add-show-form").length == 1) && ($("#add-show-form").css('display')=='none') && ($('.fc-header-left > span').length == 5)) {
|
|
makeAddShowButton();
|
|
}
|
|
|
|
//save view name to db
|
|
var url = '/Schedule/set-time-scale/format/json';
|
|
$.post(url, {timeScale: view.name});
|
|
}
|
|
|
|
function eventRender(event, element, view) {
|
|
|
|
//only put progress bar on shows that aren't being recorded.
|
|
if((view.name === 'agendaDay' || view.name === 'agendaWeek') && event.record === 0) {
|
|
var div = $('<div/>');
|
|
div
|
|
.height('5px')
|
|
.width('95%')
|
|
.css('margin-top', '1px')
|
|
.css('margin-left', 'auto')
|
|
.css('margin-right', 'auto')
|
|
.progressbar({
|
|
value: event.percent
|
|
});
|
|
|
|
$(element).find(".fc-event-content").append(div);
|
|
}
|
|
|
|
//add the record/rebroadcast icons if needed.
|
|
//record icon (only if not on soundcloud, will always be true for future events)
|
|
if((view.name === 'agendaDay' || view.name === 'agendaWeek') && event.record === 1 && event.soundcloud_id === -1) {
|
|
|
|
$(element).find(".fc-event-time").before('<span id="'+event.id+'" class="small-icon recording"></span>');
|
|
}
|
|
if(view.name === 'month' && event.record === 1 && event.soundcloud_id === -1) {
|
|
|
|
$(element).find(".fc-event-title").after('<span id="'+event.id+'" class="small-icon recording"></span>');
|
|
}
|
|
//rebroadcast icon
|
|
if((view.name === 'agendaDay' || view.name === 'agendaWeek') && event.rebroadcast === 1) {
|
|
|
|
$(element).find(".fc-event-time").before('<span id="'+event.id+'" class="small-icon rebroadcast"></span>');
|
|
}
|
|
if(view.name === 'month' && event.rebroadcast === 1) {
|
|
|
|
$(element).find(".fc-event-title").after('<span id="'+event.id+'" class="small-icon rebroadcast"></span>');
|
|
}
|
|
//soundcloud icon
|
|
if((view.name === 'agendaDay' || view.name === 'agendaWeek') && event.soundcloud_id > 0 && event.record === 1) {
|
|
|
|
$(element).find(".fc-event-time").before('<span id="'+event.id+'" class="small-icon soundcloud"></span>');
|
|
}
|
|
if(view.name === 'month' && event.soundcloud_id > 0 && event.record === 1) {
|
|
|
|
$(element).find(".fc-event-title").after('<span id="'+event.id+'" class="small-icon soundcloud"></span>');
|
|
}
|
|
|
|
//progress icon
|
|
if((view.name === 'agendaDay' || view.name === 'agendaWeek') && event.soundcloud_id === -2 && event.record === 1) {
|
|
|
|
$(element).find(".fc-event-time").before('<span id="'+event.id+'" class="small-icon progress"></span>');
|
|
}
|
|
if(view.name === 'month' && event.soundcloud_id === -2 && event.record === 1) {
|
|
|
|
$(element).find(".fc-event-title").after('<span id="'+event.id+'" class="small-icon progress"></span>');
|
|
}
|
|
|
|
//error icon
|
|
if((view.name === 'agendaDay' || view.name === 'agendaWeek') && event.soundcloud_id === -3 && event.record === 1) {
|
|
|
|
$(element).find(".fc-event-time").before('<span id="'+event.id+'" class="small-icon sc-error"></span>');
|
|
}
|
|
if(view.name === 'month' && event.soundcloud_id === -3 && event.record === 1) {
|
|
|
|
$(element).find(".fc-event-title").after('<span id="'+event.id+'" class="small-icon sc-error"></span>');
|
|
}
|
|
}
|
|
|
|
function eventAfterRender( event, element, view ) {
|
|
$(element)
|
|
.jjmenu("click",
|
|
[{get:"/Schedule/make-context-menu/format/json/id/#id#"}],
|
|
{id: event.id},
|
|
{xposition: "mouse", yposition: "mouse"});
|
|
$(element).find(".small-icon").live('mouseover',function(){
|
|
addQtipToSCIcons($(this));
|
|
})
|
|
}
|
|
|
|
function eventDrop(event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) {
|
|
var url;
|
|
|
|
url = '/Schedule/move-show/format/json';
|
|
|
|
$.post(url,
|
|
{day: dayDelta, min: minuteDelta, showInstanceId: event.id},
|
|
function(json){
|
|
if(json.show_error == true){
|
|
alertShowErrorAndReload();
|
|
}
|
|
if(json.error) {
|
|
alert(json.error);
|
|
revertFunc();
|
|
}
|
|
});
|
|
}
|
|
|
|
function eventResize( event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view ) {
|
|
var url;
|
|
|
|
url = '/Schedule/resize-show/format/json';
|
|
|
|
$.post(url,
|
|
{day: dayDelta, min: minuteDelta, showId: event.showId},
|
|
function(json){
|
|
if(json.show_error == true){
|
|
alertShowErrorAndReload();
|
|
}
|
|
if(json.error) {
|
|
alert(json.error);
|
|
revertFunc();
|
|
}
|
|
|
|
scheduleRefetchEvents(json);
|
|
});
|
|
}
|
|
|
|
function getFullCalendarEvents(start, end, callback) {
|
|
var url, start_date, end_date;
|
|
|
|
start_date = makeTimeStamp(start);
|
|
end_date = makeTimeStamp(end);
|
|
|
|
url = '/Schedule/event-feed';
|
|
|
|
var d = new Date();
|
|
|
|
$.post(url, {format: "json", start: start_date, end: end_date, cachep: d.getTime()}, function(json){
|
|
callback(json.events);
|
|
});
|
|
}
|
|
|
|
function checkSCUploadStatus(){
|
|
var url = '/Library/get-upload-to-soundcloud-status/format/json';
|
|
$("span[class*=progress]").each(function(){
|
|
var id = $(this).attr("id");
|
|
$.post(url, {format: "json", id: id, type:"show"}, function(json){
|
|
if(json.sc_id > 0){
|
|
$("span[id="+id+"]").removeClass("progress").addClass("soundcloud");
|
|
}else if(json.sc_id == "-3"){
|
|
$("span[id="+id+"]").removeClass("progress").addClass("sc-error");
|
|
}
|
|
});
|
|
})
|
|
}
|
|
|
|
function addQtipToSCIcons(ele){
|
|
var id = $(ele).attr("id");
|
|
if($(ele).hasClass("progress")){
|
|
$(ele).qtip({
|
|
content: {
|
|
text: "Uploading in progress..."
|
|
},
|
|
position:{
|
|
adjust: {
|
|
resize: true,
|
|
method: "flip flip"
|
|
},
|
|
at: "right center",
|
|
my: "left top",
|
|
viewport: $(window)
|
|
},
|
|
show: {
|
|
ready: true // Needed to make it show on first mouseover event
|
|
}
|
|
})
|
|
}else if($(ele).hasClass("soundcloud")){
|
|
$(ele).qtip({
|
|
content: {
|
|
text: "Retreiving data from the server...",
|
|
ajax: {
|
|
url: "/Library/get-upload-to-soundcloud-status",
|
|
type: "post",
|
|
data: ({format: "json", id : id, type: "file"}),
|
|
success: function(json, status){
|
|
this.set('content.text', "The soundcloud id for this file is: "+json.sc_id)
|
|
}
|
|
}
|
|
},
|
|
position:{
|
|
adjust: {
|
|
resize: true,
|
|
method: "flip flip"
|
|
},
|
|
at: "right center",
|
|
my: "left top",
|
|
viewport: $(window)
|
|
},
|
|
show: {
|
|
ready: true // Needed to make it show on first mouseover event
|
|
}
|
|
})
|
|
}else if($(ele).hasClass("sc-error")){
|
|
$(ele).qtip({
|
|
content: {
|
|
text: "Retreiving data from the server...",
|
|
ajax: {
|
|
url: "/Library/get-upload-to-soundcloud-status",
|
|
type: "post",
|
|
data: ({format: "json", id : id, type: "show"}),
|
|
success: function(json, status){
|
|
this.set('content.text', "There was error while uploading to soundcloud.<br>"+"Error code: "+json.error_code+
|
|
"<br>"+"Error msg: "+json.error_msg+"<br>")
|
|
}
|
|
}
|
|
},
|
|
position:{
|
|
adjust: {
|
|
resize: true,
|
|
method: "flip flip"
|
|
},
|
|
at: "right center",
|
|
my: "left top",
|
|
viewport: $(window)
|
|
},
|
|
show: {
|
|
ready: true // Needed to make it show on first mouseover event
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
//Alert the error and reload the page
|
|
//this function is used to resolve concurrency issue
|
|
function alertShowErrorAndReload(){
|
|
alert("The show instance doesn't exist anymore!");
|
|
window.location.reload();
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
setInterval( "checkSCUploadStatus()", 5000 );
|
|
})
|