diff --git a/airtime_mvc/public/js/airtime/showbuilder/main_builder.js b/airtime_mvc/public/js/airtime/showbuilder/main_builder.js index 392029c5d..74358a99d 100644 --- a/airtime_mvc/public/js/airtime/showbuilder/main_builder.js +++ b/airtime_mvc/public/js/airtime/showbuilder/main_builder.js @@ -1,118 +1,118 @@ AIRTIME = (function(AIRTIME) { - - var viewport, - $lib, - $libWrapper, - $builder, - $fs, - widgetHeight, - screenWidth, - resizeTimeout, - oBaseDatePickerSettings, - oBaseTimePickerSettings, - oRange, - dateStartId = "#sb_date_start", - timeStartId = "#sb_time_start", - dateEndId = "#sb_date_end", - timeEndId = "#sb_time_end", - $toggleLib = $("Add / Remove Content"), - $libClose = $('', { - "class": "close-round", - "href": "#", - "id": "sb_lib_close" - }), - mod; - - if (AIRTIME.builderMain === undefined) { - AIRTIME.builderMain = {}; - } - mod = AIRTIME.builderMain; - - oBaseDatePickerSettings = { - dateFormat: 'yy-mm-dd', - onClick: function(sDate, oDatePicker) { - $(this).datepicker( "setDate", sDate ); - } - }; - - oBaseTimePickerSettings = { - showPeriodLabels: false, - showCloseButton: true, - showLeadingZero: false, - defaultTime: '0:00' - }; - - function setWidgetSize() { - viewport = AIRTIME.utilities.findViewportDimensions(); - widgetHeight = viewport.height - 180; - screenWidth = Math.floor(viewport.width - 40); - - var libTableHeight = widgetHeight - 130, - builderTableHeight = widgetHeight - 95, - oTable; - - if ($fs.is(':visible')) { - builderTableHeight = builderTableHeight - 40; - } - - //set the heights of the main widgets. - $builder.height(widgetHeight) - .find(".dataTables_scrolling") - .css("max-height", builderTableHeight) - .end() - .width(screenWidth); - - $lib.height(widgetHeight) - .find(".dataTables_scrolling") - .css("max-height", libTableHeight) - .end(); - - if ($lib.filter(':visible').length > 0) { - - $lib.width(Math.floor(screenWidth * 0.48)); - - $builder.width(Math.floor(screenWidth * 0.48)) - .find("#sb_edit") - .remove() - .end() - .find("#sb_date_start") - .css("margin-left", 0) - .end(); - - oTable = $('#show_builder_table').dataTable(); - oTable.fnDraw(); - } - } - + + var viewport, + $lib, + $libWrapper, + $builder, + $fs, + widgetHeight, + screenWidth, + resizeTimeout, + oBaseDatePickerSettings, + oBaseTimePickerSettings, + oRange, + dateStartId = "#sb_date_start", + timeStartId = "#sb_time_start", + dateEndId = "#sb_date_end", + timeEndId = "#sb_time_end", + $toggleLib = $("Add / Remove Content"), + $libClose = $('', { + "class": "close-round", + "href": "#", + "id": "sb_lib_close" + }), + mod; + + if (AIRTIME.builderMain === undefined) { + AIRTIME.builderMain = {}; + } + mod = AIRTIME.builderMain; + + oBaseDatePickerSettings = { + dateFormat: 'yy-mm-dd', + onClick: function(sDate, oDatePicker) { + $(this).datepicker( "setDate", sDate ); + } + }; + + oBaseTimePickerSettings = { + showPeriodLabels: false, + showCloseButton: true, + showLeadingZero: false, + defaultTime: '0:00' + }; + + function setWidgetSize() { + viewport = AIRTIME.utilities.findViewportDimensions(); + widgetHeight = viewport.height - 180; + screenWidth = Math.floor(viewport.width - 40); + + var libTableHeight = widgetHeight - 130, + builderTableHeight = widgetHeight - 95, + oTable; + + if ($fs.is(':visible')) { + builderTableHeight = builderTableHeight - 40; + } + + //set the heights of the main widgets. + $builder.height(widgetHeight) + .find(".dataTables_scrolling") + .css("max-height", builderTableHeight) + .end() + .width(screenWidth); + + $lib.height(widgetHeight) + .find(".dataTables_scrolling") + .css("max-height", libTableHeight) + .end(); + + if ($lib.filter(':visible').length > 0) { + + $lib.width(Math.floor(screenWidth * 0.48)); + + $builder.width(Math.floor(screenWidth * 0.48)) + .find("#sb_edit") + .remove() + .end() + .find("#sb_date_start") + .css("margin-left", 0) + .end(); + + oTable = $('#show_builder_table').dataTable(); + oTable.fnDraw(); + } + } + function showSearchSubmit() { var fn, oRange, op, oTable = $('#show_builder_table').dataTable(); - + //reset timestamp value since input values could have changed. AIRTIME.showbuilder.resetTimestamp(); - + oRange = AIRTIME.utilities.fnGetScheduleRange(dateStartId, timeStartId, dateEndId, timeEndId); - + fn = oTable.fnSettings().fnServerData; fn.start = oRange.start; fn.end = oRange.end; - + op = $("div.sb-advanced-options"); if (op.is(":visible")) { - + if (fn.ops === undefined) { fn.ops = {}; } fn.ops.showFilter = op.find("#sb_show_filter").val(); fn.ops.myShows = op.find("#sb_my_shows").is(":checked") ? 1 : 0; } - + oTable.fnDraw(); } - mod.onReady = function() { + mod.onReady = function() { // define module vars. $lib = $("#library_content"); $builder = $("#show_builder"); @@ -287,138 +287,6 @@ AIRTIME = (function(AIRTIME) { return AIRTIME; - $builder.on("click","#sb_edit", function (ev){ - var schedTable = $("#show_builder_table").dataTable(); - - //reset timestamp to redraw the cursors. - AIRTIME.showbuilder.resetTimestamp(); - - $lib.show() - .width(Math.floor(screenWidth * 0.48)); - - $builder.width(Math.floor(screenWidth * 0.48)) - .find("#sb_edit") - .remove() - .end() - .find("#sb_date_start") - .css("margin-left", 0) - .end(); - - schedTable.fnDraw(); - - $.ajax({ - url: baseUrl+"/usersettings/set-now-playing-screen-settings", - type: "POST", - data: {settings : {library : true}, format: "json"}, - dataType: "json", - success: function(){} - }); - }); - - $lib.on("click", "#sb_lib_close", function() { - var schedTable = $("#show_builder_table").dataTable(); - - $lib.hide(); - $builder.width(screenWidth) - .find(".sb-timerange") - .prepend($toggleLib) - .find("#sb_date_start") - .css("margin-left", 30) - .end() - .end(); - - $toggleLib.removeClass("ui-state-hover"); - schedTable.fnDraw(); - - $.ajax({ - url: baseUrl+"/usersettings/set-now-playing-screen-settings", - type: "POST", - data: {settings : {library : false}, format: "json"}, - dataType: "json", - success: function(){} - }); - }); - - $builder.find('legend').click(function(ev, item){ - - if ($fs.hasClass("closed")) { - - $fs.removeClass("closed"); - $builder.find('.dataTables_scrolling').css("max-height", widgetHeight - 150); - } - else { - $fs.addClass("closed"); - - //set defaults for the options. - $fs.find('select').val(0); - $fs.find('input[type="checkbox"]').attr("checked", false); - $builder.find('.dataTables_scrolling').css("max-height", widgetHeight - 110); - } - }); - - //set click event for all my shows checkbox. - $builder.on("click", "#sb_my_shows", function(ev) { - - if ($(this).is(':checked')) { - $(ev.delegateTarget).find('#sb_show_filter').val(0); - } - - showSearchSubmit(); - }); - - //set select event for choosing a show. - $builder.on("change", '#sb_show_filter', function(ev) { - - if ($(this).val() !== 0) { - $(ev.delegateTarget).find('#sb_my_shows').attr("checked", false); - } - - showSearchSubmit(); - - }); - - function checkScheduleUpdates(){ - var data = {}, - oTable = $('#show_builder_table').dataTable(), - fn = oTable.fnSettings().fnServerData, - start = fn.start, - end = fn.end; - - data["format"] = "json"; - data["start"] = start; - data["end"] = end; - data["timestamp"] = AIRTIME.showbuilder.getTimestamp(); - data["instances"] = AIRTIME.showbuilder.getShowInstances(); - - if (fn.hasOwnProperty("ops")) { - data["myShows"] = fn.ops.myShows; - data["showFilter"] = fn.ops.showFilter; - } - - $.ajax( { - "dataType": "json", - "type": "GET", - "url": baseUrl+"/showbuilder/check-builder-feed", - "data": data, - "success": function(json) { - if (json.update === true) { - oTable.fnDraw(); - } - } - } ); - } - - //check if the timeline view needs updating. - setInterval(checkScheduleUpdates, 5 * 1000); //need refresh in milliseconds - }; - - mod.onResize = function() { - - clearTimeout(resizeTimeout); - resizeTimeout = setTimeout(setWidgetSize, 100); - }; - - return AIRTIME; } (AIRTIME || {})); $(document).ready(AIRTIME.builderMain.onReady);