bea-shell
Version:
An angular component for a configurable application shell, consisting of a topbar and sidebar
38 lines • 3.52 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { MenuItem } from '@bea-shell/common/objects';
export class TopbarItemComponent {
constructor() { }
/**
* @return {?}
*/
ngOnInit() {
}
/**
* @param {?} menuItem
* @return {?}
*/
select(menuItem) {
console.log(menuItem);
}
}
TopbarItemComponent.decorators = [
{ type: Component, args: [{
selector: 'topbar-item',
template: "<div class=\"item-group\" [ngClass]=\"menuItem.class\">\r\n <div *ngIf=\"menuItem.html\">{{menuItem.html}}</div>\r\n <menu-item [barClass]=\"'topbar-item'\" [menuItem]=\"menuItem\" (click)=select(menuItem)></menu-item>\r\n <div class=\"subitems\" *ngIf=\"menuItem.subitems\">\r\n <menu-item *ngFor=\"let menuItem of menuItem.subitems\" [barClass]=\"'topbar-subitem'\" [menuItem]=\"menuItem\" (click)=select(menuItem)></menu-item>\r\n </div>\r\n</div>",
styles: [".topbar{height:54px;box-shadow:rgba(0,0,0,.2) 0 3px 5px -1px,rgba(0,0,0,.14) 0 6px 10px 0,transparent 0 1px 18px 0;background-color:#f0f0f0}.sidebar{width:300px;box-shadow:rgba(0,0,0,.2) 0 3px 5px -1px,rgba(0,0,0,.14) 0 6px 10px 0,transparent 0 1px 18px 0;background-color:#f0f0f0}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.item-group{cursor:pointer;display:inline-block}.item-group .subitems{display:none;position:fixed;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}.item-group .subitems .item,.item-group:hover .subitems{display:block}"]
}] }
];
/** @nocollapse */
TopbarItemComponent.ctorParameters = () => [];
TopbarItemComponent.propDecorators = {
menuItem: [{ type: Input, args: ["menuItem",] }]
};
if (false) {
/** @type {?} */
TopbarItemComponent.prototype.menuItem;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9wYmFyLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYmVhLXNoZWxsLyIsInNvdXJjZXMiOlsibGliL3RvcGJhci90b3BiYXItaXRlbS90b3BiYXItaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsS0FBSyxFQUF5QixNQUFNLGVBQWUsQ0FBQztBQUVoRixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFPckQsTUFBTSxPQUFPLG1CQUFtQjtJQUk5QixnQkFBZ0IsQ0FBQzs7OztJQUVqQixRQUFRO0lBQ1IsQ0FBQzs7Ozs7SUFFRCxNQUFNLENBQUMsUUFBUTtRQUNiLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUE7SUFDdkIsQ0FBQzs7O1lBaEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsYUFBYTtnQkFDdkIscWRBQTJDOzthQUU1Qzs7Ozs7dUJBR0UsS0FBSyxTQUFDLFVBQVU7Ozs7SUFBakIsdUNBQXNDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbmltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAnQGJlYS1zaGVsbC9jb21tb24vb2JqZWN0cyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RvcGJhci1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vdG9wYmFyLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3RvcGJhci1pdGVtLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRvcGJhckl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoXCJtZW51SXRlbVwiKSBtZW51SXRlbTogTWVudUl0ZW07XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gIH1cclxuXHJcbiAgc2VsZWN0KG1lbnVJdGVtKXtcclxuICAgIGNvbnNvbGUubG9nKG1lbnVJdGVtKVxyXG4gIH1cclxufVxyXG4iXX0=