rancher
/
ui
mirror of https://github.com/rancher/ui.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2115 from loganhz/tootip 

Fix the issue that tooltip always shows
This commit is contained in:
Vincent Fiduccia 2018-07-30 10:56:11 -07:00 committed by GitHub
parent b76e1f0a4e 5b376a4968
commit c67ca5e39b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
lib/shared/addon/components/action-menu/component.js
View File

@ -1,7 +1,7 @@
import Component from '@ember/component'; import Component from '@ember/component';
import layout from './template'; import layout from './template';
import { inject as service } from '@ember/service' import { inject as service } from '@ember/service'
import { computed, get } from '@ember/object'; import { computed, get, set } from '@ember/object';
import calculatePosition from 'shared/utils/calculate-position'; import calculatePosition from 'shared/utils/calculate-position';
@ -19,19 +19,20 @@ export default Component.extend({
actions: { actions: {
clickedAction(actionName) { clickedAction(actionName) {
this.get('resourceActions').triggerAction(actionName); get(this, 'resourceActions').triggerAction(actionName);
set(get(this, 'tooltipService'), 'childOpened', false);
}, },
preload() { preload() {
this.get('resourceActions').setActionItems(this.get('model'), this.get('context')); get(this, 'resourceActions').setActionItems(get(this, 'model'), get(this, 'context'));
}, },
actionsOpen() { actionsOpen() {
get(this, 'tooltipService').set('childOpened', true); set(get(this, 'tooltipService'), 'childOpened', true);
}, },
actionsClosed() { actionsClosed() {
get(this, 'tooltipService').set('childOpened', false); set(get(this, 'tooltipService'), 'childOpened', false);
get(this, 'tooltipService').hide(); get(this, 'tooltipService').hide();
}, },
@ -39,7 +40,7 @@ export default Component.extend({
}, },
sizeClass: computed('size', function() { sizeClass: computed('size', function() {
let size = this.get('size'); let size = get(this, 'size');
if ( size && size !== 'md' ) { if ( size && size !== 'md' ) {
return `btn-${ size }`; return `btn-${ size }`;
@ -56,13 +57,13 @@ export default Component.extend({
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
if (this.get('inTooltip')) { if (get(this, 'inTooltip')) {
this.get('resourceActions').set('tooltipActions', true); set(get(this, 'resourceActions'), 'tooltipActions', true);
} else { } else {
this.get('resourceActions').set('tooltipActions', false); set(get(this, 'resourceActions'), 'tooltipActions', false);
} }
this.get('resourceActions').setActionItems(this.get('model'), this.get('context')); get(this, 'resourceActions').setActionItems(get(this, 'model'), get(this, 'context'));
} }
}, },
}); });