IntenseWebs/pgadmin4
3
0
Fork 0
mirror of https://github.com/pgadmin-org/pgadmin4.git synced 2025-02-25 18:55:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

Add tab indexes for debugger controls.

Browse Source
This commit is contained in:
Murtuza Zabuawala 2017-12-18 09:23:11 +00:00 committed by Dave Page
parent bceb6aef3c
commit 36d779df5d
2 changed files with 45 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
web/pgadmin/tools/debugger/static/js/debugger_ui.js
View File

@ -1,5 +1,5 @@
define([ define([
'sources/gettext', 'sources/url_for', 'jquery', 'underscore', 'underscore.string', 'alertify', 'sources/gettext', 'sources/url_for', 'jquery', 'underscore', 'underscore.string', 'pgadmin.alertifyjs',
'sources/pgadmin', 'pgadmin.browser', 'backbone', 'backgrid', 'codemirror', 'sources/pgadmin', 'pgadmin.browser', 'backbone', 'backgrid', 'codemirror',
'backform', 'wcdocker', 'pgadmin.backform', 'pgadmin.backgrid', 'backform', 'wcdocker', 'pgadmin.backform', 'pgadmin.backgrid',
'pgadmin.browser.panel' 'pgadmin.browser.panel'
@ -445,12 +445,35 @@ define([
grid.render(); grid.render();
$(this.elements.content).html(grid.el); $(this.elements.content).html(grid.el);
// For keyboard navigation in the grid
// we'll set focus on checkbox from the first row if any
var grid_checkbox = $(grid.el).find('input:checkbox').first();
if (grid_checkbox.length){
setTimeout(function() {
grid_checkbox.click();
}, 250);
}
}, },
setup:function() { setup:function() {
return { return {
buttons:[{ text: "Debug", key: 13, className: "btn btn-primary" }, buttons:[
{ text: "Cancel", key: 27, className: "btn btn-primary" }], { text: "Debug", key: 13, className: "btn btn-primary" },
options: { modal: 0, resizable: true } { text: "Cancel", key: 27, className: "btn btn-primary" }
],
// Set options for dialog
options: {
//disable both padding and overflow control.
padding : !1,
overflow: !1,
model: 0,
resizable: true,
maximizable: true,
pinnable: false,
closableByDimmer: false,
modal: false
}
}; };
}, },
// Callback functions when click on the buttons of the Alertify dialogs // Callback functions when click on the buttons of the Alertify dialogs
@ -727,8 +750,14 @@ define([
} }
}, },
build:function() { build:function() {
Alertify.pgDialogBuild.apply(this);
}, },
prepare:function() { prepare:function() {
// Add our class to alertify
$(this.elements.body.childNodes[0]).addClass(
'alertify_tools_dialog_properties obj_properties'
);
/* /*
If we already have data available in sqlite database then we should enable the debug button otherwise If we already have data available in sqlite database then we should enable the debug button otherwise
disable the debug button. disable the debug button.

18
web/pgadmin/tools/debugger/templates/debugger/direct.html
View File

@ -38,26 +38,32 @@ try {
<nav class="navbar-inverse navbar-fixed-top"> <nav class="navbar-inverse navbar-fixed-top">
<div id="btn-toolbar" class="btn-toolbar pg-prop-btn-group bg-gray-2 border-gray-3" role="toolbar" aria-label=""> <div id="btn-toolbar" class="btn-toolbar pg-prop-btn-group bg-gray-2 border-gray-3" role="toolbar" aria-label="">
<div class="btn-group" role="group" aria-label=""> <div class="btn-group" role="group" aria-label="">
<button type="button" class="btn btn-default btn-step-into" title="{{ _('Step into') }}"> <button type="button" class="btn btn-default btn-step-into" title="{{ _('Step into') }}"
tabindex="1">
<i class="fa fa-indent"></i> <i class="fa fa-indent"></i>
</button> </button>
<button type="button" class="btn btn-default btn-step-over" title="{{ _('Step over') }}"> <button type="button" class="btn btn-default btn-step-over" title="{{ _('Step over') }}"
tabindex="2">
<i class="fa fa-outdent"></i> <i class="fa fa-outdent"></i>
</button> </button>
<button type="button" class="btn btn-default btn-continue" title="{{ _('Continue/Start') }}"> <button type="button" class="btn btn-default btn-continue" title="{{ _('Continue/Start') }}"
tabindex="3">
<i class="fa fa-play-circle"></i> <i class="fa fa-play-circle"></i>
</button> </button>
</div> </div>
<div class="btn-group" role="group" aria-label=""> <div class="btn-group" role="group" aria-label="">
<button type="button" class="btn btn-default btn-toggle-breakpoint" title="{{ _('Toggle breakpoint') }}"> <button type="button" class="btn btn-default btn-toggle-breakpoint" title="{{ _('Toggle breakpoint') }}"
tabindex="4">
<i class="fa fa-circle"></i> <i class="fa fa-circle"></i>
</button> </button>
<button type="button" class="btn btn-default btn-clear-breakpoint" title="{{ _('Clear all breakpoints') }}"> <button type="button" class="btn btn-default btn-clear-breakpoint" title="{{ _('Clear all breakpoints') }}"
tabindex="5">
<i class="fa fa-ban"></i> <i class="fa fa-ban"></i>
</button> </button>
</div> </div>
<div class="btn-group" role="group" aria-label=""> <div class="btn-group" role="group" aria-label="">
<button type="button" class="btn btn-default btn-stop" title="{{ _('Stop') }}"> <button type="button" class="btn btn-default btn-stop" title="{{ _('Stop') }}"
tabindex="6">
<i class="fa fa-stop-circle"></i> <i class="fa fa-stop-circle"></i>
</button> </button>
</div> </div>