c98130cc08
* ui: Add the most basic workspace root in /ui * We already have a LICENSE file in the repository root * Change directory path in build scripts ui-v2 -> ui * Make yarn install flags configurable from elsewhere * Minimal workspace root makefile * Call the new docker specific target * Update yarn in the docker build image * Reconfigure the netlify target and move to the higher makefile * Move ui-v2 -> ui/packages/consul-ui * Change repo root to refleect new folder structure * Temporarily don't hoist consul-api-double * Fixup CI configuration * Fixup lint errors * Fixup Netlify target
27 lines
859 B
JavaScript
27 lines
859 B
JavaScript
import Component from '@ember/component';
|
|
import { inject as service } from '@ember/service';
|
|
|
|
import Slotted from 'block-slots';
|
|
|
|
export default Component.extend(Slotted, {
|
|
tagName: '',
|
|
dom: service('dom'),
|
|
actions: {
|
|
change: function(e) {
|
|
const id = e.target.getAttribute('id');
|
|
const $trigger = this.dom.element(`[for='${id}']`);
|
|
const $panel = this.dom.element('[role=menu]', $trigger.parentElement);
|
|
const $menuPanel = this.dom.closest('.menu-panel', $panel);
|
|
if (e.target.checked) {
|
|
$panel.style.display = 'block';
|
|
const height = $panel.offsetHeight + 2;
|
|
$menuPanel.style.maxHeight = $menuPanel.style.minHeight = `${height}px`;
|
|
} else {
|
|
$panel.style.display = null;
|
|
$menuPanel.style.maxHeight = null;
|
|
$menuPanel.style.minHeight = '0';
|
|
}
|
|
},
|
|
},
|
|
});
|