CC-84: Smart Playlists

- added scrolling on qtip

airtime_mvc/application/views/scripts/library/get-file-metadata.ajax.phtml

@@ -55,10 +55,14 @@
         <table class='library-get-file-md'>
         <?php foreach($this->contents as $row) : ?>
             <?php
-            $maxStrLen = 35;
-            if (strlen($row["track_title"]) > $maxStrLen) {
+            $titleMaxStrLen = 35;
+            if (strlen($row["track_title"]) > $titleMaxStrLen) {
                 $row["track_title"] = substr($row["track_title"], 0, 34)."...";
             }
+            $artistMaxStrLen = 22;
+            if (strlen($row["creator"]) > $artistMaxStrLen) {
+                $row["creator"] = substr($row["creator"], 0, 21)."...";
+            }
             ?>
             <?php if ($row["type"] == 2) {
                 $bl = new Application_Model_Block($row["item_id"]);

airtime_mvc/public/css/styles.css

@@ -418,6 +418,10 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input_t
 }
 
 /***** LIBRARY QTIP METADATA SPECIFIC STYLES BEGIN *****/
+.ui-tooltip-dark.file-md-long{ 
+    max-width: 415px !important;
+}
+
 .library-get-file-md tr td{
     font-size:10px;
     padding: 0px;
@@ -426,6 +430,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input_t
 
 table.library-get-file-md{
     margin-left:15px;
+    margin-right:15px;
     width:350px;
 }
 
@@ -447,11 +452,11 @@ table.library-get-file-md.table-small{
 }
 
 .file-md-qtip-row-width-artist{
-    width:100px;
+    width:110px;
 }
 
 .file-md-qtip-row-width-small{
-    width:50x;
+    width:40x;
     text-align:right;
 }
 

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

@@ -484,7 +484,7 @@ var AIRTIME = (function(AIRTIME) {
                         effect: false // Disable positioning animation
                     },
                     style: {
-                        classes: "ui-tooltip-dark"
+                        classes: "ui-tooltip-dark file-md-long"
                     },
                     show: 'mousedown',
                     events: {
@@ -495,7 +495,7 @@ var AIRTIME = (function(AIRTIME) {
                          }
                        }
                     },
-                    hide: 'mouseout'  
+                    hide: {event:'mouseout', delay: 50, fixed:true}  
                 });
             },
            //remove any selected nodes before the draw.