@lucasferreiralsf/angular-frontend-library
Version:
This is a set of custom angular components to easy the development of any Subway frontend project.
60 lines • 4.36 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';
var HeaderComponent = /** @class */ (function () {
function HeaderComponent(headerService) {
this.headerService = headerService;
}
/**
* @return {?}
*/
HeaderComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.showMenuButton = this.headerService.hasSideNav;
};
/**
* @return {?}
*/
HeaderComponent.prototype.showMenuButtonClick = /**
* @return {?}
*/
function () {
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 = function () { return [
{ type: HeaderService }
]; };
HeaderComponent.propDecorators = {
logoImgSrc: [{ type: Input }],
appName: [{ type: Input }]
};
return HeaderComponent;
}());
export { HeaderComponent };
if (false) {
/** @type {?} */
HeaderComponent.prototype.logoImgSrc;
/** @type {?} */
HeaderComponent.prototype.appName;
/** @type {?} */
HeaderComponent.prototype.showMenuButton;
/**
* @type {?}
* @private
*/
HeaderComponent.prototype.headerService;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BsdWNhc2ZlcnJlaXJhbHNmL2FuZ3VsYXItZnJvbnRlbmQtbGlicmFyeS8iLCJzb3VyY2VzIjpbImxpYi9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRWpEO0lBWUUseUJBQW9CLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO0lBQUksQ0FBQzs7OztJQUVyRCxrQ0FBUTs7O0lBQVI7UUFDRSxJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsVUFBVSxDQUFDO0lBQ3RELENBQUM7Ozs7SUFFRCw2Q0FBbUI7OztJQUFuQjtRQUNFLElBQUksQ0FBQyxhQUFhLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDckMsQ0FBQzs7Z0JBcEJGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsV0FBVztvQkFDckIsK3VCQUFzQzs7aUJBRXZDOzs7O2dCQU5RLGFBQWE7Ozs2QkFTbkIsS0FBSzswQkFDTCxLQUFLOztJQWNSLHNCQUFDO0NBQUEsQUF0QkQsSUFzQkM7U0FqQlksZUFBZTs7O0lBRTFCLHFDQUE2Qjs7SUFDN0Isa0NBQTBCOztJQUUxQix5Q0FBd0I7Ozs7O0lBRVosd0NBQW9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBIZWFkZXJTZXJ2aWNlIH0gZnJvbSAnLi9oZWFkZXIuc2VydmljZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NiLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9oZWFkZXIuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBIZWFkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIEBJbnB1dCgpIGxvZ29JbWdTcmM/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFwcE5hbWU/OiBzdHJpbmc7XG5cbiAgc2hvd01lbnVCdXR0b246IGJvb2xlYW47XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBoZWFkZXJTZXJ2aWNlOiBIZWFkZXJTZXJ2aWNlKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLnNob3dNZW51QnV0dG9uID0gdGhpcy5oZWFkZXJTZXJ2aWNlLmhhc1NpZGVOYXY7XG4gIH1cblxuICBzaG93TWVudUJ1dHRvbkNsaWNrKCkge1xuICAgIHRoaXMuaGVhZGVyU2VydmljZS5zaG93TWVudUNsaWNrKCk7XG4gIH1cblxufVxuIl19