ngx-admin-lte/esm2015/widgets/control-sidebar/control-sidebar.component.js

AdminLTE theme for angular

import * as tslib_1 from "tslib";
import { Component } from '@angular/core';
import { ControlSidebarService } from '../../services/control-sidebar.service';
let ControlSidebarComponent = class ControlSidebarComponent {
    constructor(_sidebar) {
        this._sidebar = _sidebar;
    }
    ngOnInit() {
        const sub = this._sidebar.getItems().subscribe(items => {
            this.items = items;
        });
        this.subs = [];
        this.subs.push(sub);
    }
    ngOnDestroy() {
        this.subs.forEach((sub) => sub.unsubscribe());
        this.subs = null;
        this.items = null;
    }
};
ControlSidebarComponent.ctorParameters = () => [
    { type: ControlSidebarService }
];
ControlSidebarComponent = tslib_1.__decorate([
    Component({
        selector: 'app-control-sidebar',
        template: "<!-- Control Sidebar -->\n<aside [ngClass]=\"{\n\t'control-sidebar': true,\n\t'control-sidebar-dark': true,\n\t'control-sidebar-open': _sidebar.getState() | async\n}\">\n    <!-- Create the tabs -->\n    <ul class=\"nav nav-tabs nav-justified control-sidebar-tabs\">\n        <ng-container *ngFor=\"let item of items\">\n            <li [ngClass]=\"{'active': item.active}\">\n                <a href=\"{{ item.id }}\" data-toggle=\"tab\"><i class=\"fa fa-{{ item.icon }}\"></i></a>\n            </li>\n        </ng-container>\n    </ul>\n    <!-- Tab panes -->\n    <div class=\"tab-content\">\n        <ng-container *ngFor=\"let item of items\">\n            <!-- Home tab content -->\n            <div [ngClass]=\"{'active': item.active, 'tab-pane': true}\" id=\"{{ item.id }}\">\n                <ng-container *ngFor=\"let subitem of item.items\">\n                    <!-- COMPONENT -->\n                    <ng-container *ngIf=\"subitem.class\">\n                        <li>\n                            <app-component-loader [class_component]=\"subitem.class\" [data]=\"subitem.data\"></app-component-loader>\n                        </li>\n                    </ng-container>\n                    <ng-container *ngIf=\"subitem.html\">\n                        {{ subitem.html | safeHtml }}\n                    </ng-container>\n                </ng-container>\n            </div>\n        </ng-container>\n    </div>\n</aside>\n<!-- /.control-sidebar -->\n<!-- Add the sidebar's background. This div must be placed\n               immediately after the control sidebar -->\n<div class=\"control-sidebar-bg\"></div>",
        styles: [""]
    })
], ControlSidebarComponent);
export { ControlSidebarComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udHJvbC1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1hZG1pbi1sdGUvIiwic291cmNlcyI6WyJ3aWRnZXRzL2NvbnRyb2wtc2lkZWJhci9jb250cm9sLXNpZGViYXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQU8vRSxJQUFhLHVCQUF1QixHQUFwQyxNQUFhLHVCQUF1QjtJQUlsQyxZQUFvQixRQUErQjtRQUEvQixhQUFRLEdBQVIsUUFBUSxDQUF1QjtJQUFJLENBQUM7SUFFakQsUUFBUTtRQUNiLE1BQU0sR0FBRyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ3JELElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLElBQUksR0FBRyxFQUFFLENBQUM7UUFDZixJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUN0QixDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsR0FBRyxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDOUMsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDakIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7SUFDcEIsQ0FBQztDQUNGLENBQUE7O1lBZitCLHFCQUFxQjs7QUFKeEMsdUJBQXVCO0lBTG5DLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxxQkFBcUI7UUFFL0IsbW1EQUErQzs7S0FDaEQsQ0FBQztHQUNXLHVCQUF1QixDQW1CbkM7U0FuQlksdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFNpZGViYXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvY29udHJvbC1zaWRlYmFyLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtY29udHJvbC1zaWRlYmFyJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29udHJvbC1zaWRlYmFyLmNvbXBvbmVudC5jc3MnXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRyb2wtc2lkZWJhci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgQ29udHJvbFNpZGViYXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIE9uSW5pdCB7XG4gIHB1YmxpYyBpdGVtczogYW55W107XG4gIHByaXZhdGUgc3ViczogYW55W107XG5cbiAgY29uc3RydWN0b3IgKHB1YmxpYyBfc2lkZWJhcjogQ29udHJvbFNpZGViYXJTZXJ2aWNlKSB7IH1cblxuICBwdWJsaWMgbmdPbkluaXQgKCkge1xuICAgIGNvbnN0IHN1YiA9IHRoaXMuX3NpZGViYXIuZ2V0SXRlbXMoKS5zdWJzY3JpYmUoaXRlbXMgPT4ge1xuICAgICAgdGhpcy5pdGVtcyA9IGl0ZW1zO1xuICAgIH0pO1xuICAgIHRoaXMuc3VicyA9IFtdO1xuICAgIHRoaXMuc3Vicy5wdXNoKHN1Yik7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3kgKCkge1xuICAgIHRoaXMuc3Vicy5mb3JFYWNoKChzdWIpID0+IHN1Yi51bnN1YnNjcmliZSgpKTtcbiAgICB0aGlzLnN1YnMgPSBudWxsO1xuICAgIHRoaXMuaXRlbXMgPSBudWxsO1xuICB9XG59XG4iXX0=