51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
/*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);
|
|
},
|
|
},
|
|
});
|