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

1) Ensure Boolean columns should be editable using keyboard keys. Fixes #3778

Browse Source 
2) Ensure Boolean columns should be editable in View/Edit data and Query Tool. Fixes #4487
This commit is contained in:
Aditya Toshniwal
2019-08-28 11:09:30 +05:30
committed by Akshay Joshi
parent dbbbb2e5ed
commit 06ad6b8ba8
2 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/pgadmin/static/js/slickgrid/editors.js
View File

@@ -886,27 +886,35 @@ import gettext from 'sources/gettext';
// Custom checkbox editor, We need it for runtime as it does not render
// indeterminate checkbox state
function pgCheckboxEditor(args) {
var $select, el;
var $select;
var defaultValue, previousState;
this.init = function() {
$select = $('<div class=\'multi-checkbox\'><span class=\'check\' hideFocus></span></div>');
$select = $('<div class=\'multi-checkbox\' tabindex="0"><span class=\'check\' hideFocus></span></div>');
$select.appendTo(args.container);
$select.trigger('focus');
// The following code is taken from https://css-tricks.com/indeterminate-checkboxes/
$select.on('click', function() {
el = $(this);
var states = ['unchecked', 'partial', 'checked'];
var curState = el.find('.check').data('state');
curState++;
el.find('.check')
.removeClass('unchecked partial checked')
.addClass(states[curState % states.length])
.data('state', curState % states.length);
$select.on('click', this.changeValue);
$select.on('keydown', (e) => {
if (e.which == $.ui.keyCode.SPACE) {
e.preventDefault();
this.changeValue(e);
}
});
};
this.changeValue = function() {
// The following code is taken from https://css-tricks.com/indeterminate-checkboxes/
var states = ['unchecked', 'partial', 'checked'];
var curState = $select.find('.check').data('state') || 0;
curState++;
$select.find('.check')
.removeClass('unchecked partial checked')
.addClass(states[curState % states.length])
.data('state', curState % states.length);
};
this.destroy = function() {
$select.remove();
};