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);