Infra-Mirrors/BookStack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2024-09-13 13:04:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated dropdowns to hide after option click

Browse Source 
Fixes #429
This commit is contained in:
Dan Brown 2017-07-22 14:02:47 +01:00
parent 2ea7e10923
commit bc067e9ad4
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
2 changed files with 24 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/controllers.js
View File

@ -379,7 +379,7 @@ module.exports = function (ngApp, events) {
*/ */
$scope.discardDraft = function () { $scope.discardDraft = function () {
let url = window.baseUrl('/ajax/page/' + pageId); let url = window.baseUrl('/ajax/page/' + pageId);
$http.get(url).then((responseData) => { $http.get(url).then(responseData => {
if (autoSave) $interval.cancel(autoSave); if (autoSave) $interval.cancel(autoSave);
$scope.draftText = trans('entities.pages_editing_page'); $scope.draftText = trans('entities.pages_editing_page');
$scope.isUpdateDraft = false; $scope.isUpdateDraft = false;

40
resources/assets/js/directives.js
View File

@ -123,25 +123,31 @@ module.exports = function (ngApp, events) {
restrict: 'A', restrict: 'A',
link: function (scope, element, attrs) { link: function (scope, element, attrs) {
const menu = element.find('ul'); const menu = element.find('ul');
element.find('[dropdown-toggle]').on('click', function () {
function hide() {
menu.hide();
menu.removeClass('anim menuIn');
}
function show() {
menu.show().addClass('anim menuIn'); menu.show().addClass('anim menuIn');
element.mouseleave(hide);
// Focus on input if exist in dropdown and hide on enter press
let inputs = menu.find('input'); let inputs = menu.find('input');
let hasInput = inputs.length > 0; if (inputs.length > 0) inputs.first().focus();
if (hasInput) { }
inputs.first().focus();
element.on('keypress', 'input', event => { // Hide menu on option click
if (event.keyCode === 13) { element.on('click', '> ul a', hide);
event.preventDefault(); // Show dropdown on toggle click.
menu.hide(); element.find('[dropdown-toggle]').on('click', show);
menu.removeClass('anim menuIn'); // Hide menu on enter press in inputs
return false; element.on('keypress', 'input', event => {
} if (event.keyCode !== 13) return true;
}); event.preventDefault();
} hide();
element.mouseleave(function () { return false;
menu.hide();
menu.removeClass('anim menuIn');
});
}); });
} }
}; };