angular-bootstrap-italia
Version:
<p align="center"> <h1 align="center">Bootstrap Italia + Angular 9</h1>
40 lines • 9.45 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input, Output, EventEmitter } from '@angular/core';
var HeaderComponent = /** @class */ (function () {
function HeaderComponent() {
this.logout = new EventEmitter();
}
HeaderComponent.prototype.onLogout = function (event) {
this.logout.emit(event);
};
__decorate([
Input()
], HeaderComponent.prototype, "owner", void 0);
__decorate([
Input()
], HeaderComponent.prototype, "appName", void 0);
__decorate([
Input()
], HeaderComponent.prototype, "isAuthenticated", void 0);
__decorate([
Input()
], HeaderComponent.prototype, "menuItems", void 0);
__decorate([
Input()
], HeaderComponent.prototype, "loginRoute", void 0);
__decorate([
Input()
], HeaderComponent.prototype, "userName", void 0);
__decorate([
Output()
], HeaderComponent.prototype, "logout", void 0);
HeaderComponent = __decorate([
Component({
selector: 'lib-header',
template: "<div class=\"it-header-wrapper\">\r\n\r\n <div class=\"it-header-slim-wrapper\">\r\n <div class=\"container-fluid\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"it-header-slim-wrapper-content\">\r\n <a class=\"d-lg-block navbar-brand\" href=\"http://www.protezionecivile.gov.it/\">{{ owner }}</a>\r\n <div class=\"it-header-slim-right-zone\">\r\n <div class=\"nav-item dropdown\">\r\n <a class=\"nav-link dropdown-toggle\" href=\"#\" data-toggle=\"dropdown\" aria-expanded=\"false\">\r\n <span>ITA</span>\r\n <svg class=\"icon d-none d-lg-block\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-expand\"></use>\r\n </svg>\r\n </a>\r\n <div class=\"dropdown-menu\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"link-list-wrapper\">\r\n <ul class=\"link-list\">\r\n <li>\r\n <a class=\"list-item\" href=\"#\"><span>ITA</span></a>\r\n </li>\r\n <li>\r\n <a class=\"list-item\" href=\"#\"><span>ENG</span></a>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <a [routerLink]=\"[loginRoute]\" class=\"btn btn-primary btn-icon btn-full\"\r\n *ngIf=\"!isAuthenticated; else elseBlock\">\r\n <span class=\"rounded-icon\">\r\n <svg class=\"icon icon-primary\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-user\"></use>\r\n </svg>\r\n </span>\r\n <span class=\"d-none d-lg-block\">Accedi</span>\r\n </a>\r\n <ng-template #elseBlock>\r\n <div class=\"dropdown\">\r\n <a class=\"btn btn-primary btn-icon btn-full\" href=\"#\" role=\"button\" id=\"dropdownMenuLink\"\r\n data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n <span class=\"rounded-icon\">\r\n <svg class=\"icon icon-primary\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-user\"></use>\r\n </svg>\r\n </span>\r\n <span class=\"d-none d-lg-block\">{{ userName }}</span>\r\n </a>\r\n <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuLink\">\r\n <div class=\"link-list-wrapper\">\r\n <ul class=\"link-list\">\r\n <li><a class=\"list-item\" href=\"#\" (click)=\"onLogout($event)\"><span>Logout</span></a></li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div class=\"it-nav-wrapper\">\r\n <div class=\"it-header-center-wrapper\">\r\n <div class=\"container-fluid\">\r\n <div class=\"row\">\r\n <div class=\"col-12\">\r\n <div class=\"it-header-center-content-wrapper\">\r\n <div class=\"it-brand-wrapper\">\r\n <a href=\"#\">\r\n <svg class=\"icon\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-code-circle\"></use>\r\n </svg>\r\n <div class=\"it-brand-text\">\r\n <h2 class=\"no_toc\">{{ appName }}</h2>\r\n <h3 class=\"no_toc d-none d-md-block\">Inserire qui la tag line</h3>\r\n </div>\r\n </a>\r\n </div>\r\n <div class=\"it-right-zone\">\r\n <div class=\"it-socials d-none d-md-flex\">\r\n <span>Seguici su</span>\r\n <ul>\r\n <li>\r\n <a href=\"#\" aria-label=\"Facebook\" target=\"_blank\">\r\n <svg class=\"icon\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-facebook\"></use>\r\n </svg>\r\n </a>\r\n </li>\r\n <li>\r\n <a href=\"#\" aria-label=\"Github\" target=\"_blank\">\r\n <svg class=\"icon\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-github\"></use>\r\n </svg>\r\n </a>\r\n </li>\r\n <li>\r\n <a href=\"#\" target=\"_blank\" aria-label=\"Twitter\">\r\n <svg class=\"icon\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-twitter\"></use>\r\n </svg>\r\n </a>\r\n </li>\r\n </ul>\r\n </div>\r\n <div class=\"it-search-wrapper\" *ngIf=\"isAuthenticated\">\r\n <span class=\"d-none d-md-block\">Cerca</span>\r\n <a class=\"search-link rounded-icon\" href=\"#\" aria-label=\"Cerca\" data-toggle=\"modal\"\r\n data-target=\"#modalSearchFullScreen\" data-backdrop=\"false\">\r\n <svg class=\"icon\">\r\n <use xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-search\"></use>\r\n </svg>\r\n </a>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <lib-header-navbar [menuItems]=\"menuItems\" *ngIf=\"isAuthenticated\"></lib-header-navbar>\r\n <lib-search-modal *ngIf=\"isAuthenticated\"></lib-search-modal>\r\n </div>\r\n</div>\r\n"
})
], HeaderComponent);
return HeaderComponent;
}());
export { HeaderComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2FuZ3VsYXItYm9vdHN0cmFwLWl0YWxpYS8iLCJzb3VyY2VzIjpbImxpYi90ZW1wbGF0ZS9oZWFkZXIvaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVV2RTtJQVVFO1FBRlUsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFdEIsQ0FBQztJQUVqQixrQ0FBUSxHQUFSLFVBQVMsS0FBSztRQUNaLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFiUTtRQUFSLEtBQUssRUFBRTtrREFBZTtJQUNkO1FBQVIsS0FBSyxFQUFFO29EQUFpQjtJQUNoQjtRQUFSLEtBQUssRUFBRTs0REFBMEI7SUFDekI7UUFBUixLQUFLLEVBQUU7c0RBQStCO0lBQzlCO1FBQVIsS0FBSyxFQUFFO3VEQUFvQjtJQUNuQjtRQUFSLEtBQUssRUFBRTtxREFBa0I7SUFFaEI7UUFBVCxNQUFNLEVBQUU7bURBQTZCO0lBUjNCLGVBQWU7UUFMM0IsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLFlBQVk7WUFDdEIsc3JNQUFzQztTQUV2QyxDQUFDO09BQ1csZUFBZSxDQWdCM0I7SUFBRCxzQkFBQztDQUFBLEFBaEJELElBZ0JDO1NBaEJZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxuLy8gTW9kZWxzXHJcbmltcG9ydCB7IEhlYWRlck5hdmJhckl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvaGVhZGVyLW5hdmJhci1pdGVtJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLWhlYWRlcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVzOiBbXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgSGVhZGVyQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBvd25lcjogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGFwcE5hbWU6IHN0cmluZztcclxuICBASW5wdXQoKSBpc0F1dGhlbnRpY2F0ZWQ6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgbWVudUl0ZW1zOiBIZWFkZXJOYXZiYXJJdGVtW107XHJcbiAgQElucHV0KCkgbG9naW5Sb3V0ZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHVzZXJOYW1lOiBzdHJpbmc7XHJcblxyXG4gIEBPdXRwdXQoKSBsb2dvdXQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG9uTG9nb3V0KGV2ZW50KSB7XHJcbiAgICB0aGlzLmxvZ291dC5lbWl0KGV2ZW50KTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==