open-consul/ui-v2/app/components/popover-menu/index.js

51 lines
1.5 KiB
JavaScript
Raw Normal View History

/*eslint ember/closure-actions: "warn"*/
import Component from '@ember/component';
import { inject as service } from '@ember/service';
import Slotted from 'block-slots';
import { set } from '@ember/object';
export default Component.extend(Slotted, {
tagName: '',
dom: service('dom'),
expanded: false,
keyboardAccess: true,
onchange: function() {},
// TODO: this needs to be made dynamic/auto detect
// for now use this to set left/right explicitly
position: '',
init: function() {
this._super(...arguments);
this.guid = this.dom.guid(this);
this.submenus = [];
},
willRender: function() {
set(this, 'hasHeader', this._isRegistered('header'));
},
actions: {
addSubmenu: function(name) {
set(this, 'submenus', this.submenus.concat(name));
},
removeSubmenu: function(name) {
const pos = this.submenus.indexOf(name);
if (pos !== -1) {
this.submenus.splice(pos, 1);
set(this, 'submenus', this.submenus);
}
},
change: function(e) {
if (!e.target.checked) {
[...this.dom.elements(`[id^=popover-menu-${this.guid}]`)].forEach(function($item) {
$item.checked = false;
});
}
this.onchange(e);
},
// Temporary send here so we can send route actions
// easily. It kind of makes sense that you'll want to perform
// route actions from a popup menu for the moment
send: function() {
this.sendAction(...arguments);
},
},
});