Make the timeout to dismiss dropdown configurable with 'dismissTimeout' flag (500ms by default)
This commit is contained in:
parent
057735aab3
commit
e839619493
@ -3,6 +3,7 @@ import { Template } from 'meteor/templating';
|
|||||||
import { Blaze } from 'meteor/blaze';
|
import { Blaze } from 'meteor/blaze';
|
||||||
import { ReactiveVar } from 'meteor/reactive-var';
|
import { ReactiveVar } from 'meteor/reactive-var';
|
||||||
import { $ } from 'meteor/jquery';
|
import { $ } from 'meteor/jquery';
|
||||||
|
import { _ } from 'meteor/underscore';
|
||||||
import { OHIF } from 'meteor/ohif:core';
|
import { OHIF } from 'meteor/ohif:core';
|
||||||
|
|
||||||
/*
|
/*
|
||||||
@ -19,6 +20,12 @@ OHIF.mixins.dropdown = new OHIF.Mixin({
|
|||||||
const dropdown = $dropdown[0];
|
const dropdown = $dropdown[0];
|
||||||
const $dropdownMenu = $dropdown.children('.dropdown-menu');
|
const $dropdownMenu = $dropdown.children('.dropdown-menu');
|
||||||
|
|
||||||
|
// Get the timeout to dismiss the dropdown form
|
||||||
|
let { dismissTimeout } = instance.data.options;
|
||||||
|
if (_.isUndefined(dismissTimeout)) {
|
||||||
|
dismissTimeout = 500;
|
||||||
|
}
|
||||||
|
|
||||||
// Set a opening state to the component
|
// Set a opening state to the component
|
||||||
instance.opening = true;
|
instance.opening = true;
|
||||||
|
|
||||||
@ -32,7 +39,7 @@ OHIF.mixins.dropdown = new OHIF.Mixin({
|
|||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const timeout = setTimeout(destroyHandle, 500);
|
const timeout = setTimeout(destroyHandle, dismissTimeout);
|
||||||
$dropdownMenu.one('transitionend', () => {
|
$dropdownMenu.one('transitionend', () => {
|
||||||
destroyHandle();
|
destroyHandle();
|
||||||
clearTimeout(timeout);
|
clearTimeout(timeout);
|
||||||
@ -209,7 +216,8 @@ OHIF.mixins.dropdown = new OHIF.Mixin({
|
|||||||
event,
|
event,
|
||||||
reactiveClose: instance.reactiveClose,
|
reactiveClose: instance.reactiveClose,
|
||||||
$parentLi,
|
$parentLi,
|
||||||
parentInstance: instance
|
parentInstance: instance,
|
||||||
|
dismissTimeout: instance.data.options && instance.data.options.dismissTimeout
|
||||||
}).then(instance.data.promiseResolve).catch(() => {});
|
}).then(instance.data.promiseResolve).catch(() => {});
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user