Congegni/sintonia
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

CC-2872: Playlist builder: Metadata tooltip displays in upper left

Browse source 
hand corner when changing number of rows to display on the screen

- The metadata is now displayed on right click
This commit is contained in:
James 2011-10-12 16:38:07 -04:00
parent ba6b4ed1f6
commit 1d2a9709a8
3 changed files with 1567 additions and 945 deletions
Download patch file Download diff file Expand all files Collapse all files

89
airtime_mvc/public/js/airtime/library/library.js
View file

@ -111,46 +111,13 @@ function dtRowCallback( nRow, aData, iDisplayIndex, iDisplayIndexFull ) {
// insert id on lenth field
$('td:eq(4)', nRow).attr("id", "length");
$('td:gt(0)', nRow).qtip({
content: {
text: "Loading...",
title: {
text: aData[1]
},
ajax: {
url: "/Library/get-file-meta-data",
type: "post",
data: ({format: "html", id : id, type: type}),
success: function(data, status){
this.set('content.text', data)
}
}
},
position: {
adjust: {
resize: true,
method: "flip flip"
},
at: "right center",
my: "left top",
viewport: $(window)
},
style: {
width: 570,
classes: "ui-tooltip-dark"
},
show: {
delay: 700
}
}
);
return nRow;
}
function dtDrawCallback() {
addLibraryItemEvents();
addMetadataQtip();
}
function addProgressIcon(id) {
@ -254,6 +221,60 @@ function addQtipToSCIcons(){
});
}
function addMetadataQtip(){
var tableRow = $('#library_display tbody tr');
tableRow.each(function(){
var title = $(this).find('td:eq(0)').html()
var info = $(this).attr("id")
info = info.split("_");
var id = info[1];
var type = info[0];
$(this).qtip({
content: {
text: "Loading...",
title: {
text: title
},
ajax: {
url: "/Library/get-file-meta-data",
type: "post",
data: ({format: "html", id : id, type: type}),
success: function(data, status){
this.set('content.text', data)
}
}
},
position: {
target: 'event',
adjust: {
resize: true,
method: "flip flip"
},
at: "right center",
my: "left top",
viewport: $(window)
},
style: {
width: 570,
classes: "ui-tooltip-dark"
},
show: 'mousedown',
events: {
show: function(event, api) {
// Only show the tooltip if it was a right-click
if(event.originalEvent.button !== 2) {
event.preventDefault();
}
}
}
})
})
tableRow.bind('contextmenu', function(e){
return false;
})
}
$(document).ready(function() {
$('.tabs').tabs();