mirror of https://github.com/rancher/ui.git
65 lines
1.5 KiB
JavaScript
65 lines
1.5 KiB
JavaScript
import Ember from 'ember';
|
|
|
|
const DELAY = 100;
|
|
|
|
export default Ember.Component.extend({
|
|
tooltipService : Ember.inject.service('tooltip'),
|
|
scrolling : Ember.inject.service('scrolling'),
|
|
classNames : ['inline-block'],
|
|
model : null,
|
|
size : 'default',
|
|
|
|
showTimer : null,
|
|
|
|
mouseEnter(evt) {
|
|
if ( !this.get('tooltipService.requireClick') )
|
|
{
|
|
var tgt = Ember.$(evt.currentTarget);
|
|
|
|
// Wait for a little bit of time so that the mouse can pass through
|
|
// another tooltip-element on the way to the dropdown trigger of a
|
|
// tooltip-action-menu without changing the tooltip.
|
|
this.set('showTimer', Ember.run.later(() => {
|
|
this.show(tgt);
|
|
}, DELAY));
|
|
}
|
|
},
|
|
|
|
show(node) {
|
|
if ( this._state === 'destroying' )
|
|
{
|
|
return;
|
|
}
|
|
|
|
var svc = this.get('tooltipService');
|
|
|
|
this.set('showTimer', null);
|
|
svc.cancelTimer();
|
|
|
|
var out = {
|
|
type : this.get('type'),
|
|
eventPosition : node.offset(),
|
|
originalNode : node,
|
|
model : this.get('model'),
|
|
template : this.get('tooltipTemplate'),
|
|
};
|
|
|
|
if ( !svc.get('tooltipOpts') ) {
|
|
this.get('scrolling').disable();
|
|
}
|
|
|
|
svc.set('tooltipOpts', out);
|
|
},
|
|
|
|
mouseLeave: function() {
|
|
if (!this.get('tooltipService.openedViaContextClick')) {
|
|
if ( this.get('showTimer') ) {
|
|
Ember.run.cancel(this.get('showTimer'));
|
|
}
|
|
else {
|
|
this.get('tooltipService').leave();
|
|
}
|
|
}
|
|
},
|
|
});
|