Merge branch 'devel' of dev.sourcefabric.org:airtime into devel

airtime_mvc/application/views/scripts/library/library.phtml

@@ -1,4 +1,7 @@
 <div id="import_status" class="library_import" style="display:none">File import in progress... <img src="/css/images/file_import_loader.gif"></img></div>
-<div id="advanced_search"></div>
+<fieldset class="toggle" id="filter_options">
+    <legend style="cursor: pointer;"><span class="ui-icon ui-icon-triangle-2-n-s"></span>Advanced Search Options</legend>
+    <div id="advanced_search" class="advanced_search form-horizontal"></div>
+</fieldset>
 <table id="library_display" cellpadding="0" cellspacing="0" class="datatable">
 </table>

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

@@ -1,7 +1,7 @@
 <div class="wrapper">
     <div id="library_content" class="lib-content tabs ui-widget ui-widget-content block-shadow alpha-block padded">
         <div id="import_status" style="display:none">File import in progress...</div>
-        <div id="advanced_search"></div>
+        <div id="advanced_search" class="advanced_search form-horizontal"></div>
         <table id="library_display" cellpadding="0" cellspacing="0" class="datatable"></table>
     </div>
     <div id="show_builder" class="sb-content ui-widget ui-widget-content block-shadow omega-block padded">

airtime_mvc/public/css/playlist_builder.css

@@ -84,15 +84,27 @@
 	text-align:right;
 }
 
-.spl_block_expand {
+.spl_block_expand, .spl_block_expand.close {
 	float:right;
     font-size: 9px;
     height: 15px;
-    right: 35px;
+    /*right: 35px;*/
-    width: 100px;
+    width: 120px;
     margin-top:2px;
     cursor:pointer;
-}
+    color:#fff;
+    font-weight: normal;
+    text-shadow:none;
+    opacity:1;
+	}
+	.spl_block_expand:hover, .spl_block_expand.close:hover {
+	    color:#FF611F;
+	    text-shadow:none;
+	    opacity:1;
+		}
+	.spl_block_expand .ui-icon {
+		float:left;
+	}	
 
 .spl_artist {
 	font-size:12px;
@@ -495,11 +507,21 @@ li.spl_empty {
 		float: none;
 		margin-bottom: 4px;
 		width: 100%;
+		font-size: 13px;
 		}
-		.smart-block-info > li span {
+		.smart-block-info > li span.block-item-time {
 			text-align: right;
 			float: right;
 			color: #D5D5D5;
 			font-size: 12px;
 			}
+		.smart-block-info > li span.block-item-title {
+			font-weight: bold;
+			display: inline-block;
+			padding-right: 6px;
+			}
+		.smart-block-info > li span.block-item-author {
+			font-weight: normal;
+			display: inline-block;
+			}
 

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

@@ -381,11 +381,17 @@ var AIRTIME = (function(AIRTIME) {
                         label = " (Hz)";
                     }
                     
-                    if (ele.bVisible) {
+                    var inputClass = 'filter_column filter_number_text'; 
-                        advanceSearchDiv.append("<div id='advanced_search_col_"+currentColId+"'><span>"+ele.sTitle+label+"</span> : <span id='"+ele.mDataProp+"'></span></div>");
+                    if (criteriaTypes[ele.mDataProp] != "s") {
-                    } else {
+                        inputClass = 'filterColumn filter_number_range';
-                        advanceSearchDiv.append("<div id='advanced_search_col_"+currentColId+"' style='display:none;'><span>"+ele.sTitle+label+"</span> : <span id='"+ele.mDataProp+"'></span></div>");
                     }
+                    
+                    if (ele.bVisible) {
+                        advanceSearchDiv.append("<div id='advanced_search_col_"+currentColId+" class='control-group'><label class='control-label'>"+ele.sTitle+label+" : </label><div id='"+ele.mDataProp+"' class='controls "+inputClass+"'></div></div>");
+                    } else {
+                        advanceSearchDiv.append("<div id='advanced_search_col_"+currentColId+"' class='control-group' style='display:none;'><label class='control-label'>"+ele.sTitle+label+"</label><div id='"+ele.mDataProp+"' class='controls "+inputClass+"'></div></div>");
+                    }
+                    
                     if (criteriaTypes[ele.mDataProp] == "s") {
                         var obj = { sSelector: "#"+ele.mDataProp }
                     } else {
@@ -650,6 +656,17 @@ var AIRTIME = (function(AIRTIME) {
 
         setColumnFilter(oTable);
         oTable.fnSetFilteringDelay(350);
+        
+        $libContent.on("click", "legend", function(){
+            var $fs = $(this).parents("fieldset");
+
+            if ($fs.hasClass("closed")) {
+                $fs.removeClass("closed");
+            }
+            else {
+                $fs.addClass("closed");
+            }
+        });
        
         $libContent.find(".dataTables_scrolling").css("max-height", tableHeight);
         

airtime_mvc/public/js/airtime/showbuilder/builder.js

@@ -330,28 +330,6 @@ var AIRTIME = (function(AIRTIME){
         $lib = $("#library_content"),
         $sbTable = $sbContent.find('table');
         
-        /*
-         * Icon hover states in the toolbar.
-         */
-        $sbContent.on("mouseenter", "#timeline-select .dropdown-toggle", function(ev) {
-            $el = $(this);
-            
-            if (!$el.hasClass("ui-state-disabled")) {
-                $el.addClass("ui-state-hover");
-                $("#timeline-select .caret").contextMenu(true);
-            }
-            else {
-                $("#timeline-select .caret").contextMenu(false);
-            }       
-        });
-        $sbContent.on("mouseleave", ".fg-toolbar ul li", function(ev) {
-            $el = $(this);
-            
-            if (!$el.hasClass("ui-state-disabled")) {
-                $el.removeClass("ui-state-hover");
-            } 
-        });
-        
         oSchedTable = $sbTable.dataTable( {
             "aoColumns": [
             /* checkbox */ {"mDataProp": "allowed", "sTitle": "", "sWidth": "15px", "sClass": "sb-checkbox"},
@@ -1090,6 +1068,29 @@ var AIRTIME = (function(AIRTIME){
             return false;
         });
         
+        /*
+         * Icon hover states in the toolbar.
+         */
+        $sbContent.on("mouseenter", ".btn-group #timeline-select", function(ev) {
+            $el = $(this).parent(),
+            $ch = $el.children('#timeline-select');
+            
+            if ($el.hasClass("ui-state-disabled")) {
+                $ch.attr("disabled", "disabled");
+            }
+            else {
+                $ch.removeAttr("disabled");
+            }       
+        });
+        $sbContent.on("mouseleave", ".btn-group #timeline-select", function(ev) {
+            $el = $(this).parent();
+            
+            if (!$el.hasClass("ui-state-disabled")) {
+                $el.removeClass("ui-state-hover");
+            } 
+        });
+        
+        
         //begin context menu initialization.
         $.contextMenu({
             selector: '.sb-content table tbody tr:not(.sb-empty, .sb-footer, .sb-header, .sb-record) td:not(.sb-checkbox, .sb-image)',