CC-2970 : playlist drop indicator

looking into customizing the placeholder, connected library to playlist sortable.

airtime_mvc/public/js/airtime/library/events/library_playlistbuilder.js

@@ -13,8 +13,9 @@ function fnLibraryTableRowCallback( nRow, aData, iDisplayIndex, iDisplayIndexFul
 function fnLibraryTableDrawCallback() {
 	
 	$('#library_display tr[id ^= "au"]').draggable({
-		//helper: 'clone',
-		helper: function(ev, el) {
+		helper: 'clone',
+		/*
+		helper: function(ev) {
 			var data, li;
 			
 			data = $(ev.currentTarget).data("aData");
@@ -24,6 +25,7 @@ function fnLibraryTableDrawCallback() {
 			
 			return li;
 		},
+		*/
 		cursor: 'pointer',
 		connectToSortable: '#spl_sortable'
 	});

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

@@ -458,6 +458,12 @@ function setUpSPL() {
 			placeholder: "placeholder lib-placeholder ui-state-highlight",
 			forcePlaceholderSize: true,
 			handle: 'div.list-item-container',
+			start: function(event, ui) {
+				ui.placeholder.html("PLACE HOLDER")
+					.width("99.5%")
+					.height(56)
+					.append('<div style="clear:both;"/>');
+			},
 			receive: fnReceive,
 			update: fnUpdate
 		};