ngx-minisidebar
Version:
<p align="center"> <img height="256px" width="256px" style="text-align: center;" src="https://github.com/kevin192291/ngx-miniSideBar/raw/master/logo.png"> </p>
56 lines • 6.52 kB
JavaScript
import { __decorate } from "tslib";
import { Component, ViewChild, Input, Output, EventEmitter } from '@angular/core';
var NgxMinisidebarComponent = /** @class */ (function () {
function NgxMinisidebarComponent() {
this.links = [];
this.toggleIcon = '➡️';
this.title = '';
this.homeLink = '';
this.isOpened = new EventEmitter();
this.loaded = new EventEmitter(false);
}
NgxMinisidebarComponent.prototype.ngOnInit = function () {
this.loaded.emit(true);
};
NgxMinisidebarComponent.prototype.toggle = function () {
if (this.navbar.nativeElement.classList.contains('navbar-open')) {
this.navbar.nativeElement.classList.remove('navbar-open');
this.isOpened.emit(true);
}
else {
this.navbar.nativeElement.classList.add('navbar-open');
this.isOpened.emit(false);
}
};
__decorate([
ViewChild('navbar')
], NgxMinisidebarComponent.prototype, "navbar", void 0);
__decorate([
Input()
], NgxMinisidebarComponent.prototype, "links", void 0);
__decorate([
Input()
], NgxMinisidebarComponent.prototype, "toggleIcon", void 0);
__decorate([
Input()
], NgxMinisidebarComponent.prototype, "title", void 0);
__decorate([
Input()
], NgxMinisidebarComponent.prototype, "homeLink", void 0);
__decorate([
Output()
], NgxMinisidebarComponent.prototype, "isOpened", void 0);
__decorate([
Output()
], NgxMinisidebarComponent.prototype, "loaded", void 0);
NgxMinisidebarComponent = __decorate([
Component({
selector: 'ngx-minisidebar',
template: "\n <nav #navbar class=\"navbar\" id=\"navbar\">\n <ul class=\"navbar-nav\">\n <li class=\"logo\" (click)=\"toggle()\">\n <a [routerLink]=\"homeLink\" class=\"nav-link\">\n <span class=\"link-text logo-text\">{{ title }}</span>\n <span>{{ toggleIcon }}</span>\n </a>\n </li>\n <li class=\"nav-item\" *ngFor=\"let link of links\">\n <a [routerLink]=\"link.path\" class=\"nav-link\">\n <span class=\"link-text\">{{ link.text }}</span>\n <span>{{ link.icon }}</span>\n </a>\n </li>\n </ul>\n</nav>\n ",
styles: ['./../styles/ngx-minisidebar.scss']
})
], NgxMinisidebarComponent);
return NgxMinisidebarComponent;
}());
export { NgxMinisidebarComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LW1pbmlzaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1taW5pc2lkZWJhci8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtbWluaXNpZGViYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLFNBQVMsRUFBYyxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQXlCdEc7SUFRRTtRQU5TLFVBQUssR0FBYSxFQUFFLENBQUM7UUFDckIsZUFBVSxHQUFXLElBQUksQ0FBQztRQUMxQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ25CLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFDckIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUFXLENBQUM7UUFDdkMsV0FBTSxHQUFHLElBQUksWUFBWSxDQUFVLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFFakIsMENBQVEsR0FBUjtRQUNFLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCx3Q0FBTSxHQUFOO1FBQ0UsSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQyxFQUFFO1lBQy9ELElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDMUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7U0FDMUI7YUFBTTtZQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDdkQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDM0I7SUFDSCxDQUFDO0lBckJvQjtRQUFwQixTQUFTLENBQUMsUUFBUSxDQUFDOzJEQUFvQjtJQUMvQjtRQUFSLEtBQUssRUFBRTswREFBc0I7SUFDckI7UUFBUixLQUFLLEVBQUU7K0RBQTJCO0lBQzFCO1FBQVIsS0FBSyxFQUFFOzBEQUFvQjtJQUNuQjtRQUFSLEtBQUssRUFBRTs2REFBdUI7SUFDckI7UUFBVCxNQUFNLEVBQUU7NkRBQXdDO0lBQ3ZDO1FBQVQsTUFBTSxFQUFFOzJEQUEyQztJQVB6Qyx1QkFBdUI7UUF0Qm5DLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxpQkFBaUI7WUFDM0IsUUFBUSxFQUFFLHNtQkFpQlQ7cUJBQ1Esa0NBQWtDO1NBQzVDLENBQUM7T0FDVyx1QkFBdUIsQ0F3Qm5DO0lBQUQsOEJBQUM7Q0FBQSxBQXhCRCxJQXdCQztTQXhCWSx1QkFBdUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgVmlld0NoaWxkLCBFbGVtZW50UmVmLCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElMaW5rcyB9IGZyb20gJy4uL3R5cGVzL2xpbmtzLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1taW5pc2lkZWJhcicsXG4gIHRlbXBsYXRlOiBgXG4gIDxuYXYgI25hdmJhciBjbGFzcz1cIm5hdmJhclwiIGlkPVwibmF2YmFyXCI+XG4gIDx1bCBjbGFzcz1cIm5hdmJhci1uYXZcIj5cbiAgICAgIDxsaSBjbGFzcz1cImxvZ29cIiAoY2xpY2spPVwidG9nZ2xlKClcIj5cbiAgICAgICAgICA8YSBbcm91dGVyTGlua109XCJob21lTGlua1wiIGNsYXNzPVwibmF2LWxpbmtcIj5cbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJsaW5rLXRleHQgbG9nby10ZXh0XCI+e3sgdGl0bGUgfX08L3NwYW4+XG4gICAgICAgICAgICAgIDxzcGFuPnt7IHRvZ2dsZUljb24gfX08L3NwYW4+XG4gICAgICAgICAgPC9hPlxuICAgICAgPC9saT5cbiAgICAgIDxsaSBjbGFzcz1cIm5hdi1pdGVtXCIgKm5nRm9yPVwibGV0IGxpbmsgb2YgbGlua3NcIj5cbiAgICAgICAgICA8YSBbcm91dGVyTGlua109XCJsaW5rLnBhdGhcIiBjbGFzcz1cIm5hdi1saW5rXCI+XG4gICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibGluay10ZXh0XCI+e3sgbGluay50ZXh0IH19PC9zcGFuPlxuICAgICAgICAgICAgICA8c3Bhbj57eyBsaW5rLmljb24gfX08L3NwYW4+XG4gICAgICAgICAgPC9hPlxuICAgICAgPC9saT5cbiAgICAgIDwvdWw+XG48L25hdj5cbiAgYCxcbiAgc3R5bGVzOiBbJy4vLi4vc3R5bGVzL25neC1taW5pc2lkZWJhci5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTmd4TWluaXNpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBAVmlld0NoaWxkKCduYXZiYXInKSBuYXZiYXI6IEVsZW1lbnRSZWY7XG4gIEBJbnB1dCgpIGxpbmtzOiBJTGlua3NbXSA9IFtdO1xuICBASW5wdXQoKSB0b2dnbGVJY29uOiBzdHJpbmcgPSAn4p6h77iPJztcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBob21lTGluazogc3RyaW5nID0gJyc7XG4gIEBPdXRwdXQoKSBpc09wZW5lZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQE91dHB1dCgpIGxvYWRlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oZmFsc2UpO1xuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMubG9hZGVkLmVtaXQodHJ1ZSk7XG4gIH1cblxuICB0b2dnbGUoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubmF2YmFyLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmNvbnRhaW5zKCduYXZiYXItb3BlbicpKSB7XG4gICAgICB0aGlzLm5hdmJhci5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ25hdmJhci1vcGVuJyk7XG4gICAgICB0aGlzLmlzT3BlbmVkLmVtaXQodHJ1ZSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMubmF2YmFyLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnbmF2YmFyLW9wZW4nKTtcbiAgICAgIHRoaXMuaXNPcGVuZWQuZW1pdChmYWxzZSk7XG4gICAgfVxuICB9XG5cbn1cbiJdfQ==