mirror of
https://git.yoctoproject.org/poky
synced 2026-04-24 12:32:11 +02:00
Table popovers should be mutually exclusive (only one of them should be open at any given time), and should close when you click outside their area. But this is not the default popover behaviour in Bootstrap, so some additional javascript is needed. The code in main.js taking care of this in the design prototype was quite ugly and didn't get on well with certain browsers. I have replaced it with a better solution (although still not ideal). (Bitbake rev: d56633c00f6730c053f355570211eba1bdc41b62) Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com> Signed-off-by: Alexandru DAMIAN <alexandru.damian@intel.com> Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
74 lines
1.9 KiB
JavaScript
74 lines
1.9 KiB
JavaScript
$(document).ready(function() {
|
|
|
|
/*
|
|
* PrettyPrint plugin.
|
|
*
|
|
*/
|
|
// Init
|
|
prettyPrint();
|
|
|
|
// Prevent invalid links from jumping page scroll
|
|
$('a[href=#]').click(function() {
|
|
return false;
|
|
});
|
|
|
|
|
|
/* Belen's additions */
|
|
|
|
// turn Edit columns dropdown into a multiselect menu
|
|
$('.dropdown-menu input, .dropdown-menu label').click(function(e) {
|
|
e.stopPropagation();
|
|
});
|
|
|
|
// enable popovers in any table cells that contain an anchor with the
|
|
// .btn class applied, and make sure popovers work on click, are mutually
|
|
// exclusive and they close when your click outside their area
|
|
|
|
$('html').click(function(e){
|
|
$('td > a.btn').popover('hide');
|
|
});
|
|
|
|
$('td > a.btn').popover({
|
|
html:true,
|
|
placement:'left',
|
|
container:'body',
|
|
trigger:'manual'
|
|
}).click(function(e){
|
|
$('td > a.btn').not(this).popover('hide');
|
|
// ideally we would use 'toggle' here
|
|
// but it seems buggy in our Bootstrap version
|
|
$(this).popover('show');
|
|
e.stopPropagation();
|
|
});
|
|
|
|
// enable tooltips for applied filters
|
|
$('th a.btn-primary').tooltip({container:'body', html:true, placement:'bottom', delay:{hide:1500}});
|
|
|
|
// enable help information tooltip
|
|
$(".get-help").tooltip({container:'body', html:true, delay:{show:300}});
|
|
|
|
// show help bubble only on hover inside tables
|
|
$(".hover-help").css("visibility","hidden");
|
|
$("th, td").hover(function () {
|
|
$(this).find(".hover-help").css("visibility","visible");
|
|
});
|
|
$("th, td").mouseleave(function () {
|
|
$(this).find(".hover-help").css("visibility","hidden");
|
|
});
|
|
|
|
// show task type and outcome in task details pages
|
|
$(".task-info").tooltip({ container: 'body', html: true, delay: {show: 200}, placement: 'right' });
|
|
|
|
// linking directly to tabs
|
|
$(function(){
|
|
var hash = window.location.hash;
|
|
hash && $('ul.nav a[href="' + hash + '"]').tab('show');
|
|
|
|
$('.nav-tabs a').click(function (e) {
|
|
$(this).tab('show');
|
|
$('body').scrollTop();
|
|
});
|
|
});
|
|
|
|
});
|