tolga-ng2
Version:
Angular 2/4 components and directives
32 lines • 7.8 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../directives/ngsm-menu-display-directive/ngsm-menu-display-directive.component";
export class NgsmMenuComponent {
constructor() {
this.tabs = [];
this.isBusy = false;
}
get loadingClass() {
if (!this.config || !this.config.loadingIcon)
return "asterisk loading icon";
return `${this.config.loadingIcon} loading icon`;
}
ngOnInit() { }
ngOnChanges() { }
}
NgsmMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgsmMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
NgsmMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: NgsmMenuComponent, selector: "ngsm-menu", inputs: { config: "config", tabs: "tabs", profileTabs: "profileTabs", isBusy: "isBusy" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"ui top attached inverted pointing menu\"\r\n [ngClass]=\"config.menuClassName\">\r\n <div class=\"ui fluid container\">\r\n <a *ngIf=\"config\"\r\n href=\"{{config.homeUrl}}\"\r\n [ngClass]=\"config.homeClassName\">\r\n </a>\r\n\r\n <div class=\"header item\">\r\n <div *ngIf=\"config && !config.titleUrl\">\r\n {{config.title}}\r\n </div>\r\n <a *ngIf=\"config && config.titleUrl\"\r\n href=\"{{config.titleUrl}}\">{{config.title}}\r\n </a>\r\n </div>\r\n\r\n <div *ngIf=\"isBusy\"\r\n class=\"header item\">\r\n <i [class]=\"loadingClass\"></i>\r\n </div>\r\n \r\n <ngsm-menu-display-directive [tabs]=\"tabs\"\r\n [containerClassName]=\"'menu left'\">\r\n </ngsm-menu-display-directive>\r\n\r\n <div class=\"menu right\">\r\n <ngsm-menu-display-directive [tabs]=\"profileTabs\"\r\n [containerClassName]=\"'menu right'\">\r\n </ngsm-menu-display-directive>\r\n </div>\r\n </div>\r\n</div>", styles: [".ui.menu .text.item>*,.ui.menu .item>a:not(.ui),.ui.menu .item>p:only-child{line-height:1!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.NgsmMenuDisplayDirectiveComponent, selector: "ngsm-menu-display-directive", inputs: ["tabs", "containerClassName"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: NgsmMenuComponent, decorators: [{
type: Component,
args: [{ selector: 'ngsm-menu', template: "<div class=\"ui top attached inverted pointing menu\"\r\n [ngClass]=\"config.menuClassName\">\r\n <div class=\"ui fluid container\">\r\n <a *ngIf=\"config\"\r\n href=\"{{config.homeUrl}}\"\r\n [ngClass]=\"config.homeClassName\">\r\n </a>\r\n\r\n <div class=\"header item\">\r\n <div *ngIf=\"config && !config.titleUrl\">\r\n {{config.title}}\r\n </div>\r\n <a *ngIf=\"config && config.titleUrl\"\r\n href=\"{{config.titleUrl}}\">{{config.title}}\r\n </a>\r\n </div>\r\n\r\n <div *ngIf=\"isBusy\"\r\n class=\"header item\">\r\n <i [class]=\"loadingClass\"></i>\r\n </div>\r\n \r\n <ngsm-menu-display-directive [tabs]=\"tabs\"\r\n [containerClassName]=\"'menu left'\">\r\n </ngsm-menu-display-directive>\r\n\r\n <div class=\"menu right\">\r\n <ngsm-menu-display-directive [tabs]=\"profileTabs\"\r\n [containerClassName]=\"'menu right'\">\r\n </ngsm-menu-display-directive>\r\n </div>\r\n </div>\r\n</div>", styles: [".ui.menu .text.item>*,.ui.menu .item>a:not(.ui),.ui.menu .item>p:only-child{line-height:1!important}\n"] }]
}], ctorParameters: function () { return []; }, propDecorators: { config: [{
type: Input
}], tabs: [{
type: Input
}], profileTabs: [{
type: Input
}], isBusy: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmdzbS1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYy9hcHAvbmdzbS9jb21wb25lbnRzL25nc20tbWVudS9uZ3NtLW1lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2FwcC9uZ3NtL2NvbXBvbmVudHMvbmdzbS1tZW51L25nc20tbWVudS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQzs7OztBQVM1RCxNQUFNLE9BQU8saUJBQWlCO0lBWTVCO1FBVFMsU0FBSSxHQUFrQixFQUFFLENBQUM7UUFFekIsV0FBTSxHQUFZLEtBQUssQ0FBQztJQU9qQixDQUFDO0lBTGpCLElBQUksWUFBWTtRQUNkLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXO1lBQUUsT0FBTyx1QkFBdUIsQ0FBQztRQUM3RSxPQUFPLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXLGVBQWUsQ0FBQztJQUNuRCxDQUFDO0lBSUQsUUFBUSxLQUFLLENBQUM7SUFFZCxXQUFXLEtBQUssQ0FBQzs7OEdBaEJOLGlCQUFpQjtrR0FBakIsaUJBQWlCLGdLQ1Q5Qix3L0JBZ0NNOzJGRHZCTyxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzswRUFNWixNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25DaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE5nc21NZW51Q29uZmlnIH0gZnJvbSAnLi4vLi4vbW9kZWxzL25nc21NZW51Q29uZmlnJztcclxuaW1wb3J0IHsgTmdzbU1lbnVUYWIgfSBmcm9tICcuLi8uLi9tb2RlbHMvbmdzbU1lbnVUYWInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduZ3NtLW1lbnUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9uZ3NtLW1lbnUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL25nc20tbWVudS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5nc21NZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuXHJcbiAgQElucHV0KCkgY29uZmlnOiBOZ3NtTWVudUNvbmZpZztcclxuICBASW5wdXQoKSB0YWJzOiBOZ3NtTWVudVRhYltdID0gW107XHJcbiAgQElucHV0KCkgcHJvZmlsZVRhYnM6IEFycmF5PE5nc21NZW51VGFiPjtcclxuICBASW5wdXQoKSBpc0J1c3k6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgZ2V0IGxvYWRpbmdDbGFzcygpOiBzdHJpbmcge1xyXG4gICAgaWYgKCF0aGlzLmNvbmZpZyB8fCAhdGhpcy5jb25maWcubG9hZGluZ0ljb24pIHJldHVybiBcImFzdGVyaXNrIGxvYWRpbmcgaWNvblwiO1xyXG4gICAgcmV0dXJuIGAke3RoaXMuY29uZmlnLmxvYWRpbmdJY29ufSBsb2FkaW5nIGljb25gO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKSB7IH1cclxuXHJcbiAgbmdPbkNoYW5nZXMoKSB7IH1cclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInVpIHRvcCBhdHRhY2hlZCBpbnZlcnRlZCBwb2ludGluZyBtZW51XCJcclxuICBbbmdDbGFzc109XCJjb25maWcubWVudUNsYXNzTmFtZVwiPlxyXG4gIDxkaXYgY2xhc3M9XCJ1aSBmbHVpZCBjb250YWluZXJcIj5cclxuICAgIDxhICpuZ0lmPVwiY29uZmlnXCJcclxuICAgICAgaHJlZj1cInt7Y29uZmlnLmhvbWVVcmx9fVwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cImNvbmZpZy5ob21lQ2xhc3NOYW1lXCI+XHJcbiAgICA8L2E+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cImhlYWRlciBpdGVtXCI+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJjb25maWcgJiYgIWNvbmZpZy50aXRsZVVybFwiPlxyXG4gICAgICAgIHt7Y29uZmlnLnRpdGxlfX1cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxhICpuZ0lmPVwiY29uZmlnICYmIGNvbmZpZy50aXRsZVVybFwiXHJcbiAgICAgICAgaHJlZj1cInt7Y29uZmlnLnRpdGxlVXJsfX1cIj57e2NvbmZpZy50aXRsZX19XHJcbiAgICAgIDwvYT5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxkaXYgKm5nSWY9XCJpc0J1c3lcIlxyXG4gICAgICBjbGFzcz1cImhlYWRlciBpdGVtXCI+XHJcbiAgICAgIDxpIFtjbGFzc109XCJsb2FkaW5nQ2xhc3NcIj48L2k+XHJcbiAgICA8L2Rpdj5cclxuICAgIFxyXG4gICAgPG5nc20tbWVudS1kaXNwbGF5LWRpcmVjdGl2ZSBbdGFic109XCJ0YWJzXCJcclxuICAgICAgW2NvbnRhaW5lckNsYXNzTmFtZV09XCInbWVudSBsZWZ0J1wiPlxyXG4gICAgPC9uZ3NtLW1lbnUtZGlzcGxheS1kaXJlY3RpdmU+XHJcblxyXG4gICAgPGRpdiBjbGFzcz1cIm1lbnUgcmlnaHRcIj5cclxuICAgICAgPG5nc20tbWVudS1kaXNwbGF5LWRpcmVjdGl2ZSBbdGFic109XCJwcm9maWxlVGFic1wiXHJcbiAgICAgICAgW2NvbnRhaW5lckNsYXNzTmFtZV09XCInbWVudSByaWdodCdcIj5cclxuICAgICAgPC9uZ3NtLW1lbnUtZGlzcGxheS1kaXJlY3RpdmU+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9kaXY+Il19