External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-03-07 11:41:08 -03:30
Code Issues Packages Projects Releases Wiki Activity

initial commit of the click-off popOver bug

Browse Source
This commit is contained in:
John Mitchell
2015-02-02 23:31:14 -05:00
parent f1ba8273be
commit f0a2ce2c67
1 changed files with 43 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
awx/ui/static/lib/ansible/directives.js
View File

@@ -488,7 +488,9 @@ angular.module('AWDirectives', ['RestServices', 'Utilities', 'AuthService', 'Job
title = (attrs.title) ? attrs.title : (attrs.popoverTitle) ? attrs.popoverTitle : 'Help', title = (attrs.title) ? attrs.title : (attrs.popoverTitle) ? attrs.popoverTitle : 'Help',
container = (attrs.container !== undefined) ? attrs.container : false, container = (attrs.container !== undefined) ? attrs.container : false,
trigger = (attrs.trigger !== undefined) ? attrs.trigger : 'manual', trigger = (attrs.trigger !== undefined) ? attrs.trigger : 'manual',
template = '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'; template = '<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
id_to_close = "",
body_click_count;
if (element[0].id) { if (element[0].id) {
template = '<div id="' + element[0].id + '_popover_container" class="popover" role="tooltip"><div class="arrow"></div><h3 id="' + element[0].id + '_popover_title" class="popover-title"></h3><div id="' + element[0].id + '_popover_content" class="popover-content"></div></div>'; template = '<div id="' + element[0].id + '_popover_container" class="popover" role="tooltip"><div class="arrow"></div><h3 id="' + element[0].id + '_popover_title" class="popover-title"></h3><div id="' + element[0].id + '_popover_content" class="popover-content"></div></div>';
@@ -522,15 +524,20 @@ angular.module('AWDirectives', ['RestServices', 'Utilities', 'AuthService', 'Job
$(element).attr('tabindex',-1); $(element).attr('tabindex',-1);
$(element).click(function() { $(element).click(function() {
var self = $(this); var self = $(this);
// remove tool-tip
try { try {
self.tooltip('hide'); element.tooltip('hide');
} }
catch(e) { catch(e) {
// ignore // ignore
} }
// this is called on the help-link (over and over again)
$('.help-link, .help-link-white').each( function() { $('.help-link, .help-link-white').each( function() {
if (self.attr('id') !== $(this).attr('id')) { if (self.attr('id') !== $(this).attr('id')) {
try { try {
// not sure what this does different than the method above
$(this).popover('hide'); $(this).popover('hide');
} }
catch(e) { catch(e) {
@@ -543,16 +550,46 @@ angular.module('AWDirectives', ['RestServices', 'Utilities', 'AuthService', 'Job
$(this).remove(); $(this).remove();
}); });
$('.tooltip').each( function() { $('.tooltip').each( function() {
// close any lingering tool tipss // close any lingering tool tips
$(this).hide(); $(this).hide();
}); });
// set id_to_close of the actual open element
id_to_close = "#" + $(element).attr('id') + "_popover_container";
// set the number of times the body has been clicked since the popover has been opened
body_click_count = 0;
if ($._data(document.body, "events")) {
// in the case that the popOver is retriggered (ie: you click the question mark
// again for that popover. tread this as a toggle and do not bind another
// click event.
// PROBLEM NOTE: if things are bound to the body this might break.
$('body').off('click');
} else {
$('body').on('click', function(e) {
if ($(e.target).parents(id_to_close).length === 0) {
// if you click outside the popover
// increment the body click counter
body_click_count++;
if (body_click_count === 2) {
// if that counter was incremented to 2
// note this value is 2 because an initial fire
// needs to be taken into account when the modal opens...
// toggle the tooltip because this is actually
// the first click outside of the popOver since it has been open
$(element).popover('toggle');
$('body').off('click');
}
}
});
}
$(this).popover('toggle'); $(this).popover('toggle');
$('.popover').each(function() { $('.popover').each(function() {
$compile($(this))(scope); //make nested directives work! $compile($(this))(scope); //make nested directives work!
}); });
$('.popover-content, .popover-title').click(function() {
$(self).popover('hide');
});
}); });
$(document).bind('keydown', function(e) { $(document).bind('keydown', function(e) {