@lowcodeunit/applications-flow-common 1.37.45-integration → 1.37.46-new-ent-page
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/elements/breadcrumb/breadcrumb.component.mjs +5 -8
- package/esm2020/lib/elements/page-header/page-header.component.mjs +3 -3
- package/fesm2015/lowcodeunit-applications-flow-common.mjs +6 -9
- package/fesm2015/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/fesm2020/lowcodeunit-applications-flow-common.mjs +6 -9
- package/fesm2020/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/lib/elements/breadcrumb/breadcrumb.component.d.ts +1 -2
- package/package.json +1 -1
@@ -5658,7 +5658,7 @@ class BreadcrumbComponent {
|
|
5658
5658
|
this.handleStateChange().then((eac) => { });
|
5659
5659
|
}
|
5660
5660
|
ngOnChanges() {
|
5661
|
-
console.log('ent path bc: ', this.EnterprisePath);
|
5661
|
+
// console.log('ent path bc: ', this.EnterprisePath);
|
5662
5662
|
}
|
5663
5663
|
SetActiveEnterprise(entLookup) {
|
5664
5664
|
this.eacSvc.SetActiveEnterprise(entLookup).then(() => { });
|
@@ -5666,14 +5666,11 @@ class BreadcrumbComponent {
|
|
5666
5666
|
async handleStateChange() { }
|
5667
5667
|
}
|
5668
5668
|
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: EaCService }], target: i0.ɵɵFactoryTarget.Component });
|
5669
|
-
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BreadcrumbComponent, selector: "lcu-breadcrumb", inputs: {
|
5669
|
+
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BreadcrumbComponent, selector: "lcu-breadcrumb", inputs: { ApplicationLookup: ["application-lookup", "ApplicationLookup"], ProjectLookup: ["project-lookup", "ProjectLookup"], SelectedRoute: ["selected-route", "SelectedRoute"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"breadcrumb-container\" fxLayout=\"row wrap\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <ng-container *ngIf=\"State.Loading || Loading\">\n <mat-icon skeleton-text [effect]=\"SkeletonEffect\">home</mat-icon>\n\n <div skeleton-text [effect]=\"SkeletonEffect\">Enterprise Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State.Loading && Enterprise && !Loading\">\n <div class=\"crumb-name\" [routerLink]=\"['/']\">\n <mat-icon>home</mat-icon>\n\n {{ Enterprise?.Name }}\n </div>\n\n <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n <mat-icon>expand_more</mat-icon>\n </button>\n\n <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n <button\n mat-menu-item\n [routerLink]=\"['/enterprise']\"\n (click)=\"SetActiveEnterprise(ent.Lookup)\"\n *ngFor=\"let ent of State.Enterprises\"\n >\n <span>{{ ent.Name }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"ProjectLookup && SelectedProject\"\n fxLayout=\"row\"\n fxLayoutAlign=\"center center\"\n >\n <span class=\"seperator\">/</span>\n\n <ng-container *ngIf=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.Loading\">\n <div class=\"crumb-name\" [routerLink]=\"['/project', ProjectLookup]\">\n {{ SelectedProject?.Project?.Name }}\n </div>\n\n <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n <mat-icon>expand_more</mat-icon>\n </button>\n\n <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n <button\n mat-menu-item\n *ngFor=\"let projectLookup of ProjectLookups\"\n [routerLink]=\"['/project', projectLookup]\"\n >\n <span *ngIf=\"Projects[projectLookup]; let pro\">{{\n pro.Project?.Name\n }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n\n <div *ngIf=\"SelectedRoute\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <span class=\"seperator\">/</span>\n\n <ng-container *ngIf=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.Loading\">\n <div\n class=\"crumb-name\"\n [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n >\n {{ SelectedRoute }}\n </div>\n\n <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n <mat-icon>expand_more</mat-icon>\n </button>\n\n <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n <button\n mat-menu-item\n *ngFor=\"let appRoute of Routes\"\n [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n >\n <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"SelectedApplication && ApplicationLookup\"\n fxLayout=\"row\"\n fxLayoutAlign=\"center center\"\n >\n <span class=\"seperator\">/</span>\n\n <ng-container *ngIf=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.Loading\">\n <div\n class=\"crumb-name\"\n [routerLink]=\"[\n '/application',\n ApplicationLookup,\n SelectedRoute,\n ProjectLookup\n ]\"\n >\n {{ SelectedApplication?.Application?.Name }}\n </div>\n\n <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n <mat-icon>expand_more</mat-icon>\n </button>\n\n <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n <button\n mat-menu-item\n *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n [routerLink]=\"[\n '/application',\n appLookup,\n SelectedRoute,\n ProjectLookup\n ]\"\n >\n <span\n *ngIf=\"\n RoutedApplications[SelectedRoute][appLookup];\n let app\n \"\n >{{ app.Application?.Name }}</span\n >\n </button>\n </mat-menu>\n </ng-container>\n </div>\n</div>\n", styles: [":host ::ng-deep .breadcrumb-container{background-color:#ebecf0;margin:20px 20px 0}:host ::ng-deep .seperator{font-size:25px;padding:10px}:host ::ng-deep .crumb-name{cursor:pointer}:host ::ng-deep .mat-icon{display:inline-flex;vertical-align:middle}\n"], components: [{ type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i8.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i8.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8$2.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i2$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
5670
5670
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
5671
5671
|
type: Component,
|
5672
|
-
args: [{ selector: 'lcu-breadcrumb', template: "<div class=\"breadcrumb-container\" fxLayout=\"row wrap\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <ng-container *ngIf=\"State.Loading || Loading\">\n <mat-icon skeleton-text [effect]=\"SkeletonEffect\">home</mat-icon>\n\n <div skeleton-text [effect]=\"SkeletonEffect\">Enterprise Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State.Loading && Enterprise && !Loading\">\n <div class=\"crumb-name\" [routerLink]=\"['/'
|
5673
|
-
}], ctorParameters: function () { return [{ type: EaCService }]; }, propDecorators: {
|
5674
|
-
type: Input,
|
5675
|
-
args: ['enterprise-path']
|
5676
|
-
}], ApplicationLookup: [{
|
5672
|
+
args: [{ selector: 'lcu-breadcrumb', template: "<div class=\"breadcrumb-container\" fxLayout=\"row wrap\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <ng-container *ngIf=\"State.Loading || Loading\">\n <mat-icon skeleton-text [effect]=\"SkeletonEffect\">home</mat-icon>\n\n <div skeleton-text [effect]=\"SkeletonEffect\">Enterprise Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State.Loading && Enterprise && !Loading\">\n <div class=\"crumb-name\" [routerLink]=\"['/']\">\n <mat-icon>home</mat-icon>\n\n {{ Enterprise?.Name }}\n </div>\n\n <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n <mat-icon>expand_more</mat-icon>\n </button>\n\n <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n <button\n mat-menu-item\n [routerLink]=\"['/enterprise']\"\n (click)=\"SetActiveEnterprise(ent.Lookup)\"\n *ngFor=\"let ent of State.Enterprises\"\n >\n <span>{{ ent.Name }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"ProjectLookup && SelectedProject\"\n fxLayout=\"row\"\n fxLayoutAlign=\"center center\"\n >\n <span class=\"seperator\">/</span>\n\n <ng-container *ngIf=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.Loading\">\n <div class=\"crumb-name\" [routerLink]=\"['/project', ProjectLookup]\">\n {{ SelectedProject?.Project?.Name }}\n </div>\n\n <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n <mat-icon>expand_more</mat-icon>\n </button>\n\n <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n <button\n mat-menu-item\n *ngFor=\"let projectLookup of ProjectLookups\"\n [routerLink]=\"['/project', projectLookup]\"\n >\n <span *ngIf=\"Projects[projectLookup]; let pro\">{{\n pro.Project?.Name\n }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n\n <div *ngIf=\"SelectedRoute\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <span class=\"seperator\">/</span>\n\n <ng-container *ngIf=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.Loading\">\n <div\n class=\"crumb-name\"\n [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n >\n {{ SelectedRoute }}\n </div>\n\n <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n <mat-icon>expand_more</mat-icon>\n </button>\n\n <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n <button\n mat-menu-item\n *ngFor=\"let appRoute of Routes\"\n [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n >\n <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n </button>\n </mat-menu>\n </ng-container>\n </div>\n\n <div\n *ngIf=\"SelectedApplication && ApplicationLookup\"\n fxLayout=\"row\"\n fxLayoutAlign=\"center center\"\n >\n <span class=\"seperator\">/</span>\n\n <ng-container *ngIf=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.Loading\">\n <div\n class=\"crumb-name\"\n [routerLink]=\"[\n '/application',\n ApplicationLookup,\n SelectedRoute,\n ProjectLookup\n ]\"\n >\n {{ SelectedApplication?.Application?.Name }}\n </div>\n\n <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n <mat-icon>expand_more</mat-icon>\n </button>\n\n <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n <button\n mat-menu-item\n *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n [routerLink]=\"[\n '/application',\n appLookup,\n SelectedRoute,\n ProjectLookup\n ]\"\n >\n <span\n *ngIf=\"\n RoutedApplications[SelectedRoute][appLookup];\n let app\n \"\n >{{ app.Application?.Name }}</span\n >\n </button>\n </mat-menu>\n </ng-container>\n </div>\n</div>\n", styles: [":host ::ng-deep .breadcrumb-container{background-color:#ebecf0;margin:20px 20px 0}:host ::ng-deep .seperator{font-size:25px;padding:10px}:host ::ng-deep .crumb-name{cursor:pointer}:host ::ng-deep .mat-icon{display:inline-flex;vertical-align:middle}\n"] }]
|
5673
|
+
}], ctorParameters: function () { return [{ type: EaCService }]; }, propDecorators: { ApplicationLookup: [{
|
5677
5674
|
type: Input,
|
5678
5675
|
args: ['application-lookup']
|
5679
5676
|
}], ProjectLookup: [{
|
@@ -7406,10 +7403,10 @@ class PageHeaderComponent {
|
|
7406
7403
|
}
|
7407
7404
|
}
|
7408
7405
|
PageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i1$4.BreakpointObserver }, { token: i2$3.MatDialog }, { token: i2$3.MatDialog }, { token: ProjectService }], target: i0.ɵɵFactoryTarget.Component });
|
7409
|
-
PageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: PageHeaderComponent, selector: "lcu-page-header", inputs: { State: ["state", "State"], EntPath: ["ent-path", "EntPath"] }, ngImport: i0, template: "<mat-toolbar class=\"social-toolbar\" color=\"primary\">\n <img class=\"logo\" src=\"./assets/svgs/logo.svg\" />\n\n <div fxFlex></div>\n\n <ng-container *ngIf=\"!IsSmScreen\">\n
|
7406
|
+
PageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: PageHeaderComponent, selector: "lcu-page-header", inputs: { State: ["state", "State"], EntPath: ["ent-path", "EntPath"] }, ngImport: i0, template: "<mat-toolbar class=\"social-toolbar\" color=\"primary\">\n <img class=\"logo\" src=\"./assets/svgs/logo.svg\" />\n\n <div fxFlex></div>\n\n <ng-container *ngIf=\"!IsSmScreen\">\n <a mat-button class=\"toolbar-action\" href=\"/dashboard\">\n <mat-icon>home</mat-icon>\n\n Home\n </a>\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/enterprise\">\n <mat-icon>view_compact</mat-icon>\n\n Dashboard\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/krakyn\">\n <mat-icon>account_tree</mat-icon>\n\n Krakyn\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/discover\">\n <mat-icon> travel_explore </mat-icon>\n\n Discover\n </a>\n\n <button mat-button [matMenuTriggerFor]=\"menu\">\n <mat-icon>help</mat-icon>\n\n Support\n </button>\n <mat-menu #menu=\"matMenu\">\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/docs\"\n target=\"_blank\"\n >\n Docs\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/blog/\"\n target=\"_blank\"\n >\n Blog\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"https://discord.com/channels/786363505862901760/786363629242155039\"\n target=\"_blank\"\n >\n Discord\n </a>\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"mailto:support@fathym.com\"\n target=\"_blank\"\n >\n Email\n </a>\n </mat-menu>\n\n <button\n mat-icon-button\n matTooltip=\"My Account\"\n disableRipple\n (click)=\"OpenMyAccount()\"\n >\n <mat-icon class=\"user-account\" [inline]=\"true\" disableRipple\n >account_circle</mat-icon\n >\n </button>\n <!-- <a mat-button class=\"toolbar-action\" href=\"/.oauth/logout\">Logout</a> -->\n </ng-container>\n\n <ng-container *ngIf=\"IsSmScreen\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n <mat-icon>menu</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <a class=\"toolbar-menu-action\" mat-menu-item href=\"/home\"> Home </a>\n <a class=\"toolbar-menu-action\" mat-menu-item href=\"/dashboard\">\n Dashboard\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/krakyn\"\n >\n Krakyn\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/discover\"\n >\n Discover\n </a>\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/docs\"\n target=\"_blank\"\n >Docs</a\n >\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/blog/\"\n target=\"_blank\"\n >Blog</a\n >\n <button mat-menu-item disableRipple (click)=\"OpenMyAccount()\">\n My Account\n </button>\n <!-- <a class=\"toolbar-menu-action\" mat-menu-item href=\"/.oauth/logout\"\n >Logout</a\n > -->\n </mat-menu>\n </ng-container>\n</mat-toolbar>\n", styles: [".mat-toolbar{background-color:#4a918e;height:65px}.mat-toolbar .logo{height:60px;width:160px}.mat-toolbar .logo.mobile{width:75px}.mat-toolbar .user-account{font-size:40px;height:40px;width:40px}\n"], components: [{ type: i4$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab], a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i8.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
|
7410
7407
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
7411
7408
|
type: Component,
|
7412
|
-
args: [{ selector: 'lcu-page-header', template: "<mat-toolbar class=\"social-toolbar\" color=\"primary\">\n <img class=\"logo\" src=\"./assets/svgs/logo.svg\" />\n\n <div fxFlex></div>\n\n <ng-container *ngIf=\"!IsSmScreen\">\n
|
7409
|
+
args: [{ selector: 'lcu-page-header', template: "<mat-toolbar class=\"social-toolbar\" color=\"primary\">\n <img class=\"logo\" src=\"./assets/svgs/logo.svg\" />\n\n <div fxFlex></div>\n\n <ng-container *ngIf=\"!IsSmScreen\">\n <a mat-button class=\"toolbar-action\" href=\"/dashboard\">\n <mat-icon>home</mat-icon>\n\n Home\n </a>\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/enterprise\">\n <mat-icon>view_compact</mat-icon>\n\n Dashboard\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/krakyn\">\n <mat-icon>account_tree</mat-icon>\n\n Krakyn\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/discover\">\n <mat-icon> travel_explore </mat-icon>\n\n Discover\n </a>\n\n <button mat-button [matMenuTriggerFor]=\"menu\">\n <mat-icon>help</mat-icon>\n\n Support\n </button>\n <mat-menu #menu=\"matMenu\">\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/docs\"\n target=\"_blank\"\n >\n Docs\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/blog/\"\n target=\"_blank\"\n >\n Blog\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"https://discord.com/channels/786363505862901760/786363629242155039\"\n target=\"_blank\"\n >\n Discord\n </a>\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"mailto:support@fathym.com\"\n target=\"_blank\"\n >\n Email\n </a>\n </mat-menu>\n\n <button\n mat-icon-button\n matTooltip=\"My Account\"\n disableRipple\n (click)=\"OpenMyAccount()\"\n >\n <mat-icon class=\"user-account\" [inline]=\"true\" disableRipple\n >account_circle</mat-icon\n >\n </button>\n <!-- <a mat-button class=\"toolbar-action\" href=\"/.oauth/logout\">Logout</a> -->\n </ng-container>\n\n <ng-container *ngIf=\"IsSmScreen\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n <mat-icon>menu</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <a class=\"toolbar-menu-action\" mat-menu-item href=\"/home\"> Home </a>\n <a class=\"toolbar-menu-action\" mat-menu-item href=\"/dashboard\">\n Dashboard\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/krakyn\"\n >\n Krakyn\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/discover\"\n >\n Discover\n </a>\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/docs\"\n target=\"_blank\"\n >Docs</a\n >\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/blog/\"\n target=\"_blank\"\n >Blog</a\n >\n <button mat-menu-item disableRipple (click)=\"OpenMyAccount()\">\n My Account\n </button>\n <!-- <a class=\"toolbar-menu-action\" mat-menu-item href=\"/.oauth/logout\"\n >Logout</a\n > -->\n </mat-menu>\n </ng-container>\n</mat-toolbar>\n", styles: [".mat-toolbar{background-color:#4a918e;height:65px}.mat-toolbar .logo{height:60px;width:160px}.mat-toolbar .logo.mobile{width:75px}.mat-toolbar .user-account{font-size:40px;height:40px;width:40px}\n"] }]
|
7413
7410
|
}], ctorParameters: function () { return [{ type: i1$4.BreakpointObserver }, { type: i2$3.MatDialog }, { type: i2$3.MatDialog }, { type: ProjectService }]; }, propDecorators: { State: [{
|
7414
7411
|
type: Input,
|
7415
7412
|
args: ['state']
|