diff --git a/airtime_mvc/application/layouts/scripts/builder.phtml b/airtime_mvc/application/layouts/scripts/builder.phtml index 3efba392c..c90f2a277 100644 --- a/airtime_mvc/application/layouts/scripts/builder.phtml +++ b/airtime_mvc/application/layouts/scripts/builder.phtml @@ -20,8 +20,7 @@
- -
layout()->library ?>
+
layout()->builder ?>
diff --git a/airtime_mvc/application/views/scripts/form/showbuilder.phtml b/airtime_mvc/application/views/scripts/form/showbuilder.phtml index 559eb4c5b..173a1f8c0 100644 --- a/airtime_mvc/application/views/scripts/form/showbuilder.phtml +++ b/airtime_mvc/application/views/scripts/form/showbuilder.phtml @@ -4,6 +4,7 @@ element->getElement('sb_date_end') ?> element->getElement('sb_time_end') ?> +
diff --git a/airtime_mvc/public/css/showbuilder.css b/airtime_mvc/public/css/showbuilder.css index 1afa1e7b4..d5f3fbbd4 100644 --- a/airtime_mvc/public/css/showbuilder.css +++ b/airtime_mvc/public/css/showbuilder.css @@ -1,7 +1,11 @@ @CHARSET "UTF-8"; #show_builder { - width:45%; + width:95%; +} + +#show_builder_table th { + text-align: left; } #show_builder input.input_text { diff --git a/airtime_mvc/public/js/airtime/showbuilder/builder.js b/airtime_mvc/public/js/airtime/showbuilder/builder.js index 438aa7d77..dafca8152 100644 --- a/airtime_mvc/public/js/airtime/showbuilder/builder.js +++ b/airtime_mvc/public/js/airtime/showbuilder/builder.js @@ -267,27 +267,32 @@ var AIRTIME = (function(AIRTIME){ "fnDrawCallback": function(oSettings, json) { var wrapperDiv, markerDiv, - td; + td, + $lib = $("#library_content"); - //create cursor arrows. - tableDiv.find("tr.sb-now-playing, tr:not(:first, .sb-footer, .sb-empty, .sb-not-allowed)").each(function(i, el) { - td = $(el).find("td:first"); - if (td.hasClass("dataTables_empty")) { - return false; - } - - wrapperDiv = $("
", { - "class": "innerWrapper", - "css": { - "height": td.height() - } - }); - markerDiv = $("
", { - "class": "marker" - }); - - td.append(markerDiv).wrapInner(wrapperDiv); - }); + //only create the cursor arrows if the library is on the page. + if ($lib.length > 0 && $lib.filter(":visible").length > 0) { + + //create cursor arrows. + tableDiv.find("tr.sb-now-playing, tr:not(:first, .sb-footer, .sb-empty, .sb-not-allowed)").each(function(i, el) { + td = $(el).find("td:first"); + if (td.hasClass("dataTables_empty")) { + return false; + } + + wrapperDiv = $("
", { + "class": "innerWrapper", + "css": { + "height": td.height() + } + }); + markerDiv = $("
", { + "class": "marker" + }); + + td.append(markerDiv).wrapInner(wrapperDiv); + }); + } }, "fnHeaderCallback": function(nHead) { $(nHead).find("input[type=checkbox]").attr("checked", false); diff --git a/airtime_mvc/public/js/airtime/showbuilder/main_builder.js b/airtime_mvc/public/js/airtime/showbuilder/main_builder.js index e1cc1f1c0..aa57bbe31 100644 --- a/airtime_mvc/public/js/airtime/showbuilder/main_builder.js +++ b/airtime_mvc/public/js/airtime/showbuilder/main_builder.js @@ -6,12 +6,8 @@ $(document).ready(function(){ oBaseDatePickerSettings = { dateFormat: 'yy-mm-dd', - onSelect: function(sDate, oDatePicker) { - var oDate, - dInput; - - dInput = $(this); - oDate = dInput.datepicker( "setDate", sDate ); + onSelect: function(sDate, oDatePicker) { + $(this).datepicker( "setDate", sDate ); } }; @@ -120,6 +116,36 @@ $(document).ready(function(){ oTable.fnDraw(); }); + $("#sb_edit").click(function(ev){ + var $button = $(this), + $lib = $("#library_content"), + $builder = $("#show_builder"), + oTable = $("#show_builder_table").dataTable(); + + if ($button.hasClass("sb-edit")) { + + $lib.show(); + $lib.width("45%"); + $builder.width("50%"); + + $button.removeClass("sb-edit"); + $button.addClass("sb-finish-edit"); + $button.val("Close"); + } + else if($button.hasClass("sb-finish-edit")) { + + $lib.hide(); + $builder.width("95%"); + + $button.removeClass("sb-finish-edit"); + $button.addClass("sb-edit"); + $button.val("Edit"); + } + + oTable.fnDraw(); + + }); + oRange = fnGetScheduleRange(); AIRTIME.showbuilder.fnServerData.start = oRange.start; AIRTIME.showbuilder.fnServerData.end = oRange.end;