Tooltip for track type column in track library

This commit is contained in:
Codenift 2020-03-11 21:05:47 -04:00
parent e56a1b60f4
commit 4002c4ee05
2 changed files with 71 additions and 0 deletions

View File

@ -142,6 +142,40 @@ tr.lib-selected > td > div.library_actions_btn:hover {
color: #eee;
}
td.library_track_type
{
padding: 0px !important;
}
.library_track_type_btn {
float: left;
font-weight: bold;
white-space: nowrap;
border: 1px solid #ccc;
border-radius: 2px;
padding: 0px !important;
margin: 0px !important;
margin-right: 6px !important;
line-height: 17px !important;
padding: 3px !important;
}
.library_track_type_btn:hover {
background: #555;
}
tr.lib-selected > td > div.library_track_type_btn {
border-color: #000;
}
tr.lib-selected > td > div.library_track_type_btn:hover {
background: #000;
color: #eee;
}
.track-type-tip{
margin-left: -50px;
margin-top: -68px;
z-index: 1000 !important;
}
.library_import {
padding-bottom: 5px;
}

View File

@ -766,6 +766,43 @@ var AIRTIME = (function(AIRTIME) {
.on('click', function (e) {
$(this).contextMenu({x: $(e.target).offset().left, y: $(e.target).offset().top})
}).html("<div class='library_actions_btn'>...</div>");
$(nRow).find('td.library_track_type')
.on('click', function (e) {
$.getJSON(
baseUrl + "api/track-types",
function(json){
var type_enabled = false;
$.each(json, function(key, value) {
if(value['code'] == aData.track_type){
$("#au_"+aData.id+" td.library_track_type div.library_track_type_btn").qtip({
content: {
text: value['type_name']
},
style: {
classes: 'track-type-tip'
},
show: {
ready: true
},
hide: {
distance: 30,
fixed: true,
}
});
type_enabled = true;
}
});
if(type_enabled == false){
alert("This type is disabled.");
}
});
}).html("<div class='library_track_type_btn'>"+aData.track_type+"</div>");
}
// add audio preview image/button