@lucasferreiralsf/angular-frontend-library
Version:
This is a set of custom angular components to easy the development of any Subway frontend project.
55 lines • 4.03 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input } from '@angular/core';
import { HeaderService } from './header.service';
export class HeaderComponent {
/**
* @param {?} headerService
*/
constructor(headerService) {
this.headerService = headerService;
}
/**
* @return {?}
*/
ngOnInit() {
this.showMenuButton = this.headerService.hasSideNav;
}
/**
* @return {?}
*/
showMenuButtonClick() {
this.headerService.showMenuClick();
}
}
HeaderComponent.decorators = [
{ type: Component, args: [{
selector: 'sb-header',
template: "<header>\n <mat-toolbar color=\"primary\">\n <mat-toolbar-row fxLayout fxLayoutAlign=\"space-between center\">\n <div fxLayout fxLayoutAlign=\"center center\">\n <div fxLayout fxLayoutAlign=\"center center\">\n <img *ngIf=\"logoImgSrc\" [src]=\"logoImgSrc\" class=\"logo-principal\" />\n <div class=\"sb-mat-title-appbar\">{{ appName }}</div>\n </div>\n <button\n *ngIf=\"showMenuButton\"\n mat-icon-button\n (click)=\"showMenuButtonClick()\"\n >\n <mat-icon class=\"icons-toolbar\">menu</mat-icon>\n </button>\n </div>\n <div>\n <ng-content></ng-content>\n </div>\n </mat-toolbar-row>\n </mat-toolbar>\n</header>\n",
styles: [".logo-principal{width:28px;margin:auto}.sb-mat-title-appbar{font:400 24px/36px Roboto,\"Helvetica Neue\",sans-serif;margin:0 0 0 8px;color:#fff}"]
}] }
];
/** @nocollapse */
HeaderComponent.ctorParameters = () => [
{ type: HeaderService }
];
HeaderComponent.propDecorators = {
logoImgSrc: [{ type: Input }],
appName: [{ type: Input }]
};
if (false) {
/** @type {?} */
HeaderComponent.prototype.logoImgSrc;
/** @type {?} */
HeaderComponent.prototype.appName;
/** @type {?} */
HeaderComponent.prototype.showMenuButton;
/**
* @type {?}
* @private
*/
HeaderComponent.prototype.headerService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BsdWNhc2ZlcnJlaXJhbHNmL2FuZ3VsYXItZnJvbnRlbmQtbGlicmFyeS8iLCJzb3VyY2VzIjpbImxpYi9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBT2pELE1BQU0sT0FBTyxlQUFlOzs7O0lBTzFCLFlBQW9CLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO0lBQUksQ0FBQzs7OztJQUVyRCxRQUFRO1FBQ04sSUFBSSxDQUFDLGNBQWMsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFVBQVUsQ0FBQztJQUN0RCxDQUFDOzs7O0lBRUQsbUJBQW1CO1FBQ2pCLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDckMsQ0FBQzs7O1lBcEJGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVztnQkFDckIsK3VCQUFzQzs7YUFFdkM7Ozs7WUFOUSxhQUFhOzs7eUJBU25CLEtBQUs7c0JBQ0wsS0FBSzs7OztJQUROLHFDQUE2Qjs7SUFDN0Isa0NBQTBCOztJQUUxQix5Q0FBd0I7Ozs7O0lBRVosd0NBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBIZWFkZXJTZXJ2aWNlIH0gZnJvbSAnLi9oZWFkZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGxvZ29JbWdTcmM/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFwcE5hbWU/OiBzdHJpbmc7XG5cbiAgc2hvd01lbnVCdXR0b246IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBoZWFkZXJTZXJ2aWNlOiBIZWFkZXJTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNob3dNZW51QnV0dG9uID0gdGhpcy5oZWFkZXJTZXJ2aWNlLmhhc1NpZGVOYXY7XG4gIH1cblxuICBzaG93TWVudUJ1dHRvbkNsaWNrKCkge1xuICAgIHRoaXMuaGVhZGVyU2VydmljZS5zaG93TWVudUNsaWNrKCk7XG4gIH1cblxufVxuIl19