diff --git a/web/pgadmin/misc/static/explain/js/explain.js b/web/pgadmin/misc/static/explain/js/explain.js
index e783afa9f..c32d2d4cd 100644
--- a/web/pgadmin/misc/static/explain/js/explain.js
+++ b/web/pgadmin/misc/static/explain/js/explain.js
@@ -1283,7 +1283,8 @@ define('pgadmin.misc.explain', [
}).appendTo(graphicalContainer),
zoomInBtn = $('', {
class: 'btn btn-secondary pg-explain-zoom-btn',
- title: 'Zoom in',
+ title: gettext('Zoom in'),
+ 'aria-label': gettext('Zoom in'),
tabindex: 0,
}).appendTo(zoomArea).append(
$('', {
@@ -1291,7 +1292,8 @@ define('pgadmin.misc.explain', [
})),
zoomToNormal = $('', {
class: 'btn btn-secondary pg-explain-zoom-btn',
- title: 'Zoom to original',
+ title: gettext('Zoom to original'),
+ 'aria-label': gettext('Zoom to original'),
tabindex: 0,
}).appendTo(zoomArea).append(
$('', {
@@ -1299,7 +1301,8 @@ define('pgadmin.misc.explain', [
})),
zoomOutBtn = $('', {
class: 'btn btn-secondary pg-explain-zoom-btn',
- title: 'Zoom out',
+ title: gettext('Zoom out'),
+ 'aria-label': gettext('Zoom out'),
tabindex: 0,
}).appendTo(zoomArea).append(
$('', {
@@ -1313,7 +1316,8 @@ define('pgadmin.misc.explain', [
downloadBtn = $('', {
id: 'btn-explain-download',
class: 'btn btn-secondary pg-explain-download-btn',
- title: 'Download',
+ title: gettext('Download'),
+ 'aria-label': gettext('Download'),
tabindex: 0,
disabled: function() {
var current_browser = pgAdmin.Browser.get_browser();
@@ -1341,7 +1345,8 @@ define('pgadmin.misc.explain', [
$('', {
id: 'btn-explain-stats',
class: 'btn btn-secondary pg-explain-stats-btn',
- title: 'Statistics',
+ title: gettext('Statistics'),
+ 'aria-label': gettext('Statistics'),
tabindex: 0,
}).appendTo(statsArea).append(
$('', {
@@ -1380,7 +1385,6 @@ define('pgadmin.misc.explain', [
var today = new Date();
var filename = 'explain_plan_' + today.getTime() + '.svg';
svgDownloader.downloadSVG(s.toString(), filename);
- downloadBtn.trigger('blur');
}
};
@@ -1450,7 +1454,6 @@ define('pgadmin.misc.explain', [
'height': h * curr_zoom_factor,
});
planDiv.data('zoom-factor', curr_zoom_factor);
- zoomInBtn.trigger('blur');
});
zoomOutBtn.on('click', function() {
@@ -1466,7 +1469,6 @@ define('pgadmin.misc.explain', [
'height': h * curr_zoom_factor,
});
planDiv.data('zoom-factor', curr_zoom_factor);
- zoomOutBtn.trigger('blur');
});
zoomToNormal.on('click', function() {
@@ -1482,7 +1484,6 @@ define('pgadmin.misc.explain', [
'height': h * curr_zoom_factor,
});
planDiv.data('zoom-factor', curr_zoom_factor);
- zoomToNormal.trigger('blur');
});
downloadBtn.on('click', function() {
@@ -1495,7 +1496,6 @@ define('pgadmin.misc.explain', [
var today = new Date();
var filename = 'explain_plan_' + today.getTime() + '.svg';
svgDownloader.downloadSVG(s.toString(), filename);
- downloadBtn.trigger('blur');
}
});
});
diff --git a/web/pgadmin/static/js/dialog_tab_navigator.js b/web/pgadmin/static/js/dialog_tab_navigator.js
index 594371159..b3ffc996f 100644
--- a/web/pgadmin/static/js/dialog_tab_navigator.js
+++ b/web/pgadmin/static/js/dialog_tab_navigator.js
@@ -19,7 +19,7 @@ class dialogTabNavigator {
this.tabSwitching = false;
- this.tabs = this.dialogContainer.find('.nav-tabs');
+ this.tabs = this.dialogContainer.find('.nav-tabs:visible');
if (this.tabs.length > 0 ) {
this.tabs = this.tabs[0];
@@ -35,7 +35,7 @@ class dialogTabNavigator {
onKeyboardEvent(event, shortcut) {
var currentTabPane = this.dialogContainer
- .find('.tab-content:first > .tab-pane.active:first'),
+ .find('.tab-content:first > .tab-pane.active:first:visible'),
childTabData = this.isActivePaneHasChildTabs(currentTabPane);
if (this.tabSwitching) {
@@ -57,12 +57,12 @@ class dialogTabNavigator {
}
isActivePaneHasChildTabs(currentTabPane) {
- var childTab = currentTabPane.find('.nav-tabs:first'),
+ var childTab = currentTabPane.find('.nav-tabs:first:visible'),
childTabPane;
if (childTab.length > 0) {
childTabPane = currentTabPane
- .find('.tab-content:first > .tab-pane.active:first');
+ .find('.tab-content:first > .tab-pane.active:first:visible');
return {
'childTab': childTab,
@@ -93,7 +93,7 @@ class dialogTabNavigator {
nextTabPane = tab_pane.prev();
innerTabContainer = nextTabPane
- .find('.tab-content:first > .tab-pane.active:first');
+ .find('.tab-content:first > .tab-pane.active:first:visible');
if (innerTabContainer.length > 0) {
findAndSetFocus(innerTabContainer);
@@ -124,7 +124,7 @@ class dialogTabNavigator {
nextTabPane = tab_pane.next();
innerTabContainer = nextTabPane
- .find('.tab-content:first > .tab-pane.active:first');
+ .find('.tab-content:first > .tab-pane.active:first:visible');
if (innerTabContainer.length > 0) {
findAndSetFocus(innerTabContainer);