Merge pull request #106 from radiorabe/feature/hideable-scheduled-shows

Hideable Scheduled Shows tab

airtime_mvc/application/views/scripts/showbuilder/index.phtml

@@ -23,9 +23,10 @@
 <div id="show_builder" class="sb-content content-pane wide-panel">
     <div class="panel-header">
         <ul class="nav nav-tabs">
-            <li id="schedule-tab" role="presentation" class="active">
+            <li id="schedule-tab" data-tab-id="0" role="presentation" class="active">
                 <a href="javascript:void(0)" class="tab-name" title="<?php echo _("Scheduled Shows") ?>">
                     <?php echo _("Scheduled Shows") ?>
+                    <span href='#' class='lib_pl_close icon-remove'></span>
                 </a>
             </li>
         </ul>

airtime_mvc/public/css/dashboard.css

@@ -509,7 +509,7 @@ li.ui-state-default {
 
 .tab-name {
     float: left;
-    max-width: 120px;
+    max-width: 160px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;

airtime_mvc/public/js/airtime/library/spl.js

@@ -855,17 +855,20 @@ var AIRTIME = (function(AIRTIME){
 
             tab.close();
 
-            $.ajax( {
+            // save settings if we are not closing the "Scheduled Shows" tab
-                url : baseUrl+"usersettings/set-library-screen-settings",
+            if (tabId != "0") {
-                type : "POST",
+                $.ajax( {
-                data : {
+                    url : baseUrl+"usersettings/set-library-screen-settings",
-                    settings : {
+                    type : "POST",
-                        playlist : false
+                    data : {
+                        settings : {
+                            playlist : false
+                        },
+                        format : "json"
                     },
-                    format : "json"
+                    dataType : "json"
-                },
+                });
-                dataType : "json"
+            }
-            });
         });
 
         $pl.find("#save_button").unbind().on("click", function(event) {

airtime_mvc/public/js/airtime/showbuilder/main_builder.js

@@ -187,6 +187,12 @@ AIRTIME = (function(AIRTIME) {
         //Highlight the media type selector we're currently on.
         highlightMediaTypeSelector();
 
+        // always re-show builder if dashboard button was clicked
+        $('.media_type_selector:first').on('click', function() {
+            $builder.show();
+            AIRTIME.tabs.openScheduleTab();
+        });
+
         /*
          * Icon hover states for search.
          */

airtime_mvc/public/js/airtime/showbuilder/tabs.js

@@ -213,15 +213,26 @@ var AIRTIME = (function(AIRTIME){
         delete $tabMap[self.id];  // Remove this tab from the internal tab mapping
 
         // Remove the relevant DOM elements (the tab and its contents)
-        self.tab.remove();
+        if (self.uid !== 0) {
-        self.contents.remove();
+            self.tab.remove();
+            self.contents.remove();
+        } else {
+            // only hide scheduled shows tab so we can still interact with it.
+            self.tab.hide();
+            self.contents.hide();
+        }
 
-        if (self.isActive()) {  // Closing the current tab, otherwise we don't need to switch tabs
+
+        if (self.isActive() && toTab) {  // Closing the current tab, otherwise we don't need to switch tabs
             toTab.switchTo();
         } else {
             mod.onResize();
         }
 
+        if (Object.keys($openTabs).length < 1) {
+            $('#show_builder').hide();
+        }
+
         self._destroy();
     };
 
@@ -259,6 +270,7 @@ var AIRTIME = (function(AIRTIME){
             pane = $("#show_builder"),
             contents = pane.find(".outer-datatable-wrapper");
         self.id = 0;
+        self.uid = uid;
 
         tab.data("tab-id", self.id);
 
@@ -266,12 +278,16 @@ var AIRTIME = (function(AIRTIME){
         self.contents = contents;
         self.tab = tab;
 
-        tab.on("click", function() {
+        self.assignTabClickHandler(function(e) {
-            if (!$(this).hasClass('active')) {
+            if (!self.isActive()) {
                 self.switchTo();
             }
         });
 
+        self.assignTabCloseClickHandler(function(e) {
+            self.close();
+        });
+
         $openTabs[uid] = self;
         $tabMap[self.id] = uid;
     };
@@ -305,11 +321,29 @@ var AIRTIME = (function(AIRTIME){
      * @returns {Tab}               the created Tab object
      */
     mod.openTab = function(html, uid, callback) {
+        $('#show_builder').show();
         var newTab = new Tab(html, uid);
         if (callback) callback(newTab);
         return newTab;
     };
 
+    /**
+     * open the schedule tab if if was closed
+     *
+     * @returns {Tab}
+     */
+    mod.openScheduleTab = function() {
+        var $scheduleTab = this.getScheduleTab();
+        $('#show_builder').show();
+        $openTabs[0] = $scheduleTab;
+        $scheduleTab.tab.show();
+        $scheduleTab.contents.show();
+        $scheduleTab.switchTo();
+        $scheduleTab.assignTabCloseClickHandler(function(e) {
+            $scheduleTab.close();
+        });
+    };
+
     /**
      * Updates the currently active tab
      *