@oat-sa/tao-test-runner-qti
Version:
TAO Test Runner QTI implementation
109 lines (101 loc) • 4.41 kB
JavaScript
define(['lodash', 'jquery', 'ui/keyNavigation/navigator', 'ui/keyNavigation/navigableDomElement', 'taoQtiTest/runner/plugins/content/accessibility/keyNavigation/helpers'], function (_, $, keyNavigator, navigableDomElement, helpers) { 'use strict';
_ = _ && Object.prototype.hasOwnProperty.call(_, 'default') ? _['default'] : _;
$ = $ && Object.prototype.hasOwnProperty.call($, 'default') ? $['default'] : $;
keyNavigator = keyNavigator && Object.prototype.hasOwnProperty.call(keyNavigator, 'default') ? keyNavigator['default'] : keyNavigator;
navigableDomElement = navigableDomElement && Object.prototype.hasOwnProperty.call(navigableDomElement, 'default') ? navigableDomElement['default'] : navigableDomElement;
/**
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public License
* as published by the Free Software Foundation; under version 2
* of the License (non-upgradable).
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program; if not, write to the Free Software
* Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*
* Copyright (c) 2020 Open Assessment Technologies SA ;
*/
/**
* The identifier the keyNavigator group
* @type {String}
*/
const groupId = 'bottom-toolbar';
/**
* Key navigator strategy applying onto the tools bar
* @type {Object} keyNavigationStrategy
*/
var toolbarNavigation = {
name: 'toolbar',
/**
* Builds the toolbar navigation strategy.
*
* @returns {keyNavigationStrategy}
*/
init() {
const config = this.getConfig();
const $navigationBar = this.getTestRunner().getAreaBroker().getContainer().find('.bottom-action-bar');
let $toolbarElements = $navigationBar.find('.action:not(.btn-group):visible, .action.btn-group .li-inner:visible');
if (config.reverseBottomToolbar) {
$toolbarElements = $($toolbarElements.get().reverse());
}
const registerToolbarNavigator = (id, group, $elements) => {
const elements = navigableDomElement.createFromDoms($elements);
if (elements.length) {
const navigator = keyNavigator({
id,
group,
elements,
propagateTab: false,
defaultPosition(navigableElements) {
let pos = 0;
// search for the position of the "Next" button if any,
// otherwise take the position of the last element
if (config.autoFocus) {
pos = navigableElements.length - 1;
_.forEach(navigableElements, (navigable, i) => {
const $element = navigable.getElement();
if ($element.data('control') === 'move-forward' || $element.data('control') === 'move-end') {
pos = i;
}
});
}
return pos;
}
});
helpers.setupItemsNavigator(navigator, config);
helpers.setupClickableNavigator(navigator);
this.keyNavigators.push(navigator);
}
};
this.keyNavigators = [];
if (config.flatNavigation) {
$toolbarElements.each((index, element) => registerToolbarNavigator(`${groupId}-${index}`, $navigationBar, $(element)));
} else {
registerToolbarNavigator(groupId, $navigationBar, $toolbarElements);
}
return this;
},
/**
* Gets the list of applied navigators
* @returns {keyNavigator[]}
*/
getNavigators() {
return this.keyNavigators;
},
/**
* Tears down the keyNavigator strategy
* @returns {keyNavigationStrategy}
*/
destroy() {
this.keyNavigators.forEach(navigator => navigator.destroy());
this.keyNavigators = [];
return this;
}
};
return toolbarNavigation;
});