sgh-navbar 0.0.44 → 0.0.51
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 → esm2022}/lib/sgh-navbar.component.mjs +15 -15
- package/{esm2020 → esm2022}/lib/sgh-navbar.module.mjs +77 -77
- package/{esm2020 → esm2022}/lib/sgh-navbar.service.mjs +36 -36
- package/{esm2020 → esm2022}/lib/sidenav/helper.mjs +11 -11
- package/esm2022/lib/sidenav/menu-list-item/menu-list-item.component.mjs +46 -0
- package/{esm2020 → esm2022}/lib/sidenav/nav-data.mjs +96 -96
- package/{esm2020 → esm2022}/lib/sidenav/sidenav-data.mjs +2 -2
- package/esm2022/lib/sidenav/sidenav.component.mjs +112 -0
- package/esm2022/lib/sidenav/sublevel-menu.component.mjs +168 -0
- package/{esm2020 → esm2022}/lib/toolbar/noftification-list/noftification-list.component.mjs +14 -14
- package/esm2022/lib/toolbar/search.pipe.mjs +21 -0
- package/esm2022/lib/toolbar/sub-client-dialog/sub-client-dialog.component.mjs +47 -0
- package/{esm2020 → esm2022}/lib/toolbar/toolbar-data.mjs +8 -8
- package/esm2022/lib/toolbar/toolbar.component.mjs +214 -0
- package/{esm2020 → esm2022}/public-api.mjs +9 -9
- package/{esm2020 → esm2022}/sgh-navbar.mjs +4 -4
- package/{fesm2020 → fesm2022}/sgh-navbar.mjs +693 -693
- package/fesm2022/sgh-navbar.mjs.map +1 -0
- package/index.d.ts +5 -5
- package/lib/sgh-navbar.component.d.ts +8 -8
- package/lib/sgh-navbar.module.d.ts +21 -21
- package/lib/sgh-navbar.service.d.ts +15 -15
- package/lib/sidenav/helper.d.ts +10 -10
- package/lib/sidenav/menu-list-item/menu-list-item.component.d.ts +16 -16
- package/lib/sidenav/nav-data.d.ts +2 -2
- package/lib/sidenav/sidenav-data.d.ts +11 -11
- package/lib/sidenav/sidenav.component.d.ts +25 -25
- package/lib/sidenav/sublevel-menu.component.d.ts +18 -18
- package/lib/toolbar/noftification-list/noftification-list.component.d.ts +8 -8
- package/lib/toolbar/search.pipe.d.ts +7 -7
- package/lib/toolbar/sub-client-dialog/sub-client-dialog.component.d.ts +19 -19
- package/lib/toolbar/toolbar-data.d.ts +32 -32
- package/lib/toolbar/toolbar.component.d.ts +41 -41
- package/package.json +7 -13
- package/public-api.d.ts +6 -6
- package/esm2020/lib/sidenav/menu-list-item/menu-list-item.component.mjs +0 -46
- package/esm2020/lib/sidenav/sidenav.component.mjs +0 -112
- package/esm2020/lib/sidenav/sublevel-menu.component.mjs +0 -168
- package/esm2020/lib/toolbar/search.pipe.mjs +0 -21
- package/esm2020/lib/toolbar/sub-client-dialog/sub-client-dialog.component.mjs +0 -47
- package/esm2020/lib/toolbar/toolbar.component.mjs +0 -214
- package/fesm2015/sgh-navbar.mjs +0 -837
- package/fesm2015/sgh-navbar.mjs.map +0 -1
- package/fesm2020/sgh-navbar.mjs.map +0 -1
|
@@ -1,41 +1,41 @@
|
|
|
1
|
-
import { AfterViewInit, EventEmitter } from '@angular/core';
|
|
2
|
-
import { MatDialog } from "@angular/material/dialog";
|
|
3
|
-
import { MatMenuTrigger } from "@angular/material/menu";
|
|
4
|
-
import { ClientListItem, ToolbarData } from "./toolbar-data";
|
|
5
|
-
import { SghNavbarService } from "../sgh-navbar.service";
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
export declare class ToolbarComponent implements AfterViewInit {
|
|
8
|
-
private dialog;
|
|
9
|
-
private sghNavbarSvc;
|
|
10
|
-
expanded: boolean;
|
|
11
|
-
toggleSidebarEvent: EventEmitter<boolean>;
|
|
12
|
-
toolbarData: ToolbarData;
|
|
13
|
-
searchInputEvent: EventEmitter<string>;
|
|
14
|
-
client: EventEmitter<any>;
|
|
15
|
-
subClient: EventEmitter<any>;
|
|
16
|
-
searchInput: string;
|
|
17
|
-
private prev;
|
|
18
|
-
selected: any;
|
|
19
|
-
private wasInside;
|
|
20
|
-
selectedClient: any;
|
|
21
|
-
clientMenuTrigger: MatMenuTrigger;
|
|
22
|
-
clickInside(): void;
|
|
23
|
-
clickOut(): void;
|
|
24
|
-
constructor(dialog: MatDialog, sghNavbarSvc: SghNavbarService);
|
|
25
|
-
toggleSidebar(): boolean;
|
|
26
|
-
toggleNotificationList(): void;
|
|
27
|
-
clickProfile(): void;
|
|
28
|
-
onSearchInput(): void;
|
|
29
|
-
ngAfterViewInit(): void;
|
|
30
|
-
setClass(selected: any): void;
|
|
31
|
-
protected readonly event: Event | undefined;
|
|
32
|
-
selectedTheme: string;
|
|
33
|
-
searchText: any;
|
|
34
|
-
onRadioClick(themeValue: string): void;
|
|
35
|
-
toggleSelect(event: any, clientItem: ClientListItem): void;
|
|
36
|
-
initSelectedSubClient(client: ClientListItem): void;
|
|
37
|
-
unselectClientItems(): void;
|
|
38
|
-
selectFirstSubclient(): void;
|
|
39
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
|
|
40
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "app-toolbar", never, { "expanded": "expanded"; "toolbarData": "toolbarData"; }, { "toggleSidebarEvent": "toggleSidebarEvent"; "searchInputEvent": "searchInputEvent"; "client": "client"; "subClient": "subClient"; }, never, never, false, never>;
|
|
41
|
-
}
|
|
1
|
+
import { AfterViewInit, EventEmitter } from '@angular/core';
|
|
2
|
+
import { MatDialog } from "@angular/material/dialog";
|
|
3
|
+
import { MatMenuTrigger } from "@angular/material/menu";
|
|
4
|
+
import { ClientListItem, ToolbarData } from "./toolbar-data";
|
|
5
|
+
import { SghNavbarService } from "../sgh-navbar.service";
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export declare class ToolbarComponent implements AfterViewInit {
|
|
8
|
+
private dialog;
|
|
9
|
+
private sghNavbarSvc;
|
|
10
|
+
expanded: boolean;
|
|
11
|
+
toggleSidebarEvent: EventEmitter<boolean>;
|
|
12
|
+
toolbarData: ToolbarData;
|
|
13
|
+
searchInputEvent: EventEmitter<string>;
|
|
14
|
+
client: EventEmitter<any>;
|
|
15
|
+
subClient: EventEmitter<any>;
|
|
16
|
+
searchInput: string;
|
|
17
|
+
private prev;
|
|
18
|
+
selected: any;
|
|
19
|
+
private wasInside;
|
|
20
|
+
selectedClient: any;
|
|
21
|
+
clientMenuTrigger: MatMenuTrigger;
|
|
22
|
+
clickInside(): void;
|
|
23
|
+
clickOut(): void;
|
|
24
|
+
constructor(dialog: MatDialog, sghNavbarSvc: SghNavbarService);
|
|
25
|
+
toggleSidebar(): boolean;
|
|
26
|
+
toggleNotificationList(): void;
|
|
27
|
+
clickProfile(): void;
|
|
28
|
+
onSearchInput(): void;
|
|
29
|
+
ngAfterViewInit(): void;
|
|
30
|
+
setClass(selected: any): void;
|
|
31
|
+
protected readonly event: Event | undefined;
|
|
32
|
+
selectedTheme: string;
|
|
33
|
+
searchText: any;
|
|
34
|
+
onRadioClick(themeValue: string): void;
|
|
35
|
+
toggleSelect(event: any, clientItem: ClientListItem): void;
|
|
36
|
+
initSelectedSubClient(client: ClientListItem): void;
|
|
37
|
+
unselectClientItems(): void;
|
|
38
|
+
selectFirstSubclient(): void;
|
|
39
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
|
|
40
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "app-toolbar", never, { "expanded": { "alias": "expanded"; "required": false; }; "toolbarData": { "alias": "toolbarData"; "required": false; }; }, { "toggleSidebarEvent": "toggleSidebarEvent"; "searchInputEvent": "searchInputEvent"; "client": "client"; "subClient": "subClient"; }, never, never, false, never>;
|
|
41
|
+
}
|
package/package.json
CHANGED
|
@@ -1,18 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "sgh-navbar",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.51",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "^
|
|
6
|
-
"@angular/core": "^
|
|
5
|
+
"@angular/common": "^17.3.12",
|
|
6
|
+
"@angular/core": "^17.3.12"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"tslib": "^2.3.0"
|
|
10
10
|
},
|
|
11
|
-
"module": "
|
|
12
|
-
"es2020": "fesm2020/sgh-navbar.mjs",
|
|
13
|
-
"esm2020": "esm2020/sgh-navbar.mjs",
|
|
14
|
-
"fesm2020": "fesm2020/sgh-navbar.mjs",
|
|
15
|
-
"fesm2015": "fesm2015/sgh-navbar.mjs",
|
|
11
|
+
"module": "fesm2022/sgh-navbar.mjs",
|
|
16
12
|
"typings": "index.d.ts",
|
|
17
13
|
"exports": {
|
|
18
14
|
"./package.json": {
|
|
@@ -20,11 +16,9 @@
|
|
|
20
16
|
},
|
|
21
17
|
".": {
|
|
22
18
|
"types": "./index.d.ts",
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"node": "./fesm2015/sgh-navbar.mjs",
|
|
27
|
-
"default": "./fesm2020/sgh-navbar.mjs"
|
|
19
|
+
"esm2022": "./esm2022/sgh-navbar.mjs",
|
|
20
|
+
"esm": "./esm2022/sgh-navbar.mjs",
|
|
21
|
+
"default": "./fesm2022/sgh-navbar.mjs"
|
|
28
22
|
}
|
|
29
23
|
},
|
|
30
24
|
"sideEffects": false
|
package/public-api.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export * from './lib/sgh-navbar.service';
|
|
2
|
-
export * from './lib/sgh-navbar.component';
|
|
3
|
-
export * from './lib/sgh-navbar.module';
|
|
4
|
-
export * from './lib/sidenav/sidenav.component';
|
|
5
|
-
export * from './lib/sidenav/sublevel-menu.component';
|
|
6
|
-
export * from './lib/toolbar/toolbar.component';
|
|
1
|
+
export * from './lib/sgh-navbar.service';
|
|
2
|
+
export * from './lib/sgh-navbar.component';
|
|
3
|
+
export * from './lib/sgh-navbar.module';
|
|
4
|
+
export * from './lib/sidenav/sidenav.component';
|
|
5
|
+
export * from './lib/sidenav/sublevel-menu.component';
|
|
6
|
+
export * from './lib/toolbar/toolbar.component';
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';
|
|
2
|
-
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/router";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
export class MenuListItemComponent {
|
|
7
|
-
constructor(router) {
|
|
8
|
-
this.router = router;
|
|
9
|
-
// @ts-ignore
|
|
10
|
-
this.ariaExpanded = this.expanded;
|
|
11
|
-
}
|
|
12
|
-
ngOnInit() {
|
|
13
|
-
}
|
|
14
|
-
onItemSelected(item) {
|
|
15
|
-
if (!item.items || !item.items.length) {
|
|
16
|
-
this.router.navigate([item.routeLink]).then();
|
|
17
|
-
}
|
|
18
|
-
if (item.items && item.items.length) {
|
|
19
|
-
item.expanded = !item.expanded;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
MenuListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuListItemComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: { items: "items" }, host: { properties: { "attr.aria-expanded": "this.ariaExpanded" } }, ngImport: i0, template: "<div class=\"sidebar_div\" *ngFor=\"let data of items\">\r\n <a (click)=\"onItemSelected(data)\" class=\"sub-link {{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}} {{data.icon ? '' : 'padding-10'}}\"></i>\r\n <div class=\"text-div\">\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n</div>\r\n", styles: [".padding-10{padding-left:10px}.text-div{text-align:initial;padding-left:10px}.sub-link{padding-left:30px}.sidebar_div{margin:0;padding:0;overflow:auto}.sidebar_div a{color:#005860;padding:10px 13px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;color:#fff;border-radius:13px}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:13px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{width:100%;height:auto;position:relative}.sidebar_div a{float:left;width:-webkit-fill-available}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:13px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#0009;left:0%;top:0;z-index:-1;cursor:default}.text-wrapper{display:flex;align-items:center;margin-left:10px}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute;background:white}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuListItemComponent, selector: "app-menu-list-item", inputs: ["items"] }], animations: [
|
|
25
|
-
trigger('indicatorRotate', [
|
|
26
|
-
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
27
|
-
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
28
|
-
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
29
|
-
])
|
|
30
|
-
], encapsulation: i0.ViewEncapsulation.None });
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: MenuListItemComponent, decorators: [{
|
|
32
|
-
type: Component,
|
|
33
|
-
args: [{ selector: 'app-menu-list-item', encapsulation: ViewEncapsulation.None, animations: [
|
|
34
|
-
trigger('indicatorRotate', [
|
|
35
|
-
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
36
|
-
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
37
|
-
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
38
|
-
])
|
|
39
|
-
], template: "<div class=\"sidebar_div\" *ngFor=\"let data of items\">\r\n <a (click)=\"onItemSelected(data)\" class=\"sub-link {{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}} {{data.icon ? '' : 'padding-10'}}\"></i>\r\n <div class=\"text-div\">\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\">\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n</div>\r\n", styles: [".padding-10{padding-left:10px}.text-div{text-align:initial;padding-left:10px}.sub-link{padding-left:30px}.sidebar_div{margin:0;padding:0;overflow:auto}.sidebar_div a{color:#005860;padding:10px 13px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;color:#fff;border-radius:13px}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:13px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{width:100%;height:auto;position:relative}.sidebar_div a{float:left;width:-webkit-fill-available}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:13px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#0009;left:0%;top:0;z-index:-1;cursor:default}.text-wrapper{display:flex;align-items:center;margin-left:10px}@media screen and (max-width: 600px){.sgh-sidebar{position:absolute;background:white}.sidenav-overlay{display:block}}\n"] }]
|
|
40
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { ariaExpanded: [{
|
|
41
|
-
type: HostBinding,
|
|
42
|
-
args: ['attr.aria-expanded']
|
|
43
|
-
}], items: [{
|
|
44
|
-
type: Input
|
|
45
|
-
}] } });
|
|
46
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS1saXN0LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3NpZGVuYXYvbWVudS1saXN0LWl0ZW0vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLGlCQUFpQixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBR3ZGLE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7Ozs7QUFpQi9FLE1BQU0sT0FBTyxxQkFBcUI7SUFPaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFKakMsYUFBYTtRQUNzQixpQkFBWSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUM7SUFHM0IsQ0FBQztJQUV0QyxRQUFRO0lBQ1IsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFpQjtRQUM5QixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDL0M7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDaEM7SUFDSCxDQUFDOztrSEFuQlUscUJBQXFCO3NHQUFyQixxQkFBcUIsMkpDcEJsQyx5eEJBaUJBLDJpRURHYSxxQkFBcUIsb0VBVnBCO1FBQ1YsT0FBTyxDQUFDLGlCQUFpQixFQUFFO1lBQ3pCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGNBQWMsRUFBQyxDQUFDLENBQUM7WUFDdEQsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZ0JBQWdCLEVBQUMsQ0FBQyxDQUFDO1lBQ3ZELFVBQVUsQ0FBQyx3QkFBd0IsRUFDakMsT0FBTyxDQUFDLG1DQUFtQyxDQUFDLENBQzdDO1NBQ0YsQ0FBQztLQUNIOzJGQUVVLHFCQUFxQjtrQkFmakMsU0FBUzsrQkFDRSxvQkFBb0IsaUJBR2hCLGlCQUFpQixDQUFDLElBQUksY0FDeEI7d0JBQ1YsT0FBTyxDQUFDLGlCQUFpQixFQUFFOzRCQUN6QixLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUMsQ0FBQyxDQUFDOzRCQUN0RCxLQUFLLENBQUMsVUFBVSxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyxDQUFDLENBQUM7NEJBQ3ZELFVBQVUsQ0FBQyx3QkFBd0IsRUFDakMsT0FBTyxDQUFDLG1DQUFtQyxDQUFDLENBQzdDO3lCQUNGLENBQUM7cUJBQ0g7NkZBTWtDLFlBQVk7c0JBQTlDLFdBQVc7dUJBQUMsb0JBQW9CO2dCQUN4QixLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIFZpZXdFbmNhcHN1bGF0aW9ufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtJTmF2YmFyRGF0YX0gZnJvbSAnLi4vaGVscGVyJztcclxuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7YW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW1lbnUtbGlzdC1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS1saXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL21lbnUtbGlzdC1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgZW5jYXBzdWxhdGlvbjpWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG4gIGFuaW1hdGlvbnM6IFtcclxuICAgIHRyaWdnZXIoJ2luZGljYXRvclJvdGF0ZScsIFtcclxuICAgICAgc3RhdGUoJ2NvbGxhcHNlZCcsIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknfSkpLFxyXG4gICAgICBzdGF0ZSgnZXhwYW5kZWQnLCBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDE4MGRlZyknfSkpLFxyXG4gICAgICB0cmFuc2l0aW9uKCdleHBhbmRlZCA8PT4gY29sbGFwc2VkJyxcclxuICAgICAgICBhbmltYXRlKCcyMjVtcyBjdWJpYy1iZXppZXIoMC40LDAuMCwwLjIsMSknKVxyXG4gICAgICApLFxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNZW51TGlzdEl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIGV4cGFuZGVkOiBib29sZWFuO1xyXG4gIGV4cGFuZE1lbnU6IGJvb2xlYW47XHJcbiAgLy8gQHRzLWlnbm9yZVxyXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWV4cGFuZGVkJykgYXJpYUV4cGFuZGVkID0gdGhpcy5leHBhbmRlZDtcclxuICBASW5wdXQoKSBpdGVtczogYW55O1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIpIHsgfVxyXG5cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICB9XHJcblxyXG4gIG9uSXRlbVNlbGVjdGVkKGl0ZW06IElOYXZiYXJEYXRhKSB7XHJcbiAgICBpZiAoIWl0ZW0uaXRlbXMgfHwgIWl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnJvdXRlTGlua10pLnRoZW4oKTtcclxuICAgIH1cclxuICAgIGlmIChpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhaXRlbS5leHBhbmRlZDtcclxuICAgIH1cclxuICB9XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJzaWRlYmFyX2RpdlwiICpuZ0Zvcj1cImxldCBkYXRhIG9mIGl0ZW1zXCI+XHJcbiAgPGEgKGNsaWNrKT1cIm9uSXRlbVNlbGVjdGVkKGRhdGEpXCIgY2xhc3M9XCJzdWItbGluayB7e2RhdGEuY3VzdG9tTGlua0NTU319XCJcclxuICAgICBbcm91dGVyTGlua109XCJbZGF0YS5yb3V0ZUxpbmtdXCIgcm91dGVyTGlua0FjdGl2ZT1cIml0ZW0tYWN0aXZlXCIgKm5nSWY9XCJkYXRhLnZpc2libGVcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0ZXh0LXdyYXBwZXJcIj5cclxuICAgICAgPGkgY2xhc3M9XCJmYS1zaXplIGZhIGZhLXt7ZGF0YS5pY29ufX0ge3tkYXRhLmljb24gPyAnJyA6ICdwYWRkaW5nLTEwJ319XCI+PC9pPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwidGV4dC1kaXZcIj5cclxuICAgICAgICB7e2RhdGEubGFiZWx9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGkgY2xhc3M9XCJmYS1zaXplIGZhIGZhLWFuZ2xlLWRvd25cIiAqbmdJZj1cIiEoZGF0YS5pdGVtcyA9PSB1bmRlZmluZWQpXCJcclxuICAgICAgIFtAaW5kaWNhdG9yUm90YXRlXT1cImRhdGEuZXhwYW5kZWQgPyAnZXhwYW5kZWQnOiAnY29sbGFwc2VkJ1wiPjwvaT5cclxuICA8L2E+XHJcbiAgPGRpdiBjbGFzcz1cInN1Yi1saW5rLXdyYXBwZXJcIiAqbmdJZj1cImRhdGEuZXhwYW5kZWRcIj5cclxuICAgIDxhcHAtbWVudS1saXN0LWl0ZW0gW2l0ZW1zXT1cImRhdGEuaXRlbXNcIj5cclxuICAgIDwvYXBwLW1lbnUtbGlzdC1pdGVtPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { animate, keyframes, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
-
import { Component, Output, EventEmitter, Input, } from '@angular/core';
|
|
3
|
-
import { navbarData } from './nav-data';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/router";
|
|
6
|
-
import * as i2 from "../sgh-navbar.service";
|
|
7
|
-
import * as i3 from "@angular/common";
|
|
8
|
-
import * as i4 from "./menu-list-item/menu-list-item.component";
|
|
9
|
-
export class SidenavComponent {
|
|
10
|
-
constructor(router, sidebarService) {
|
|
11
|
-
this.router = router;
|
|
12
|
-
this.sidebarService = sidebarService;
|
|
13
|
-
this.onToggleSideNav = new EventEmitter();
|
|
14
|
-
this.sidenavData = {
|
|
15
|
-
navData: navbarData,
|
|
16
|
-
bgColor: '#fff',
|
|
17
|
-
imgSm: '',
|
|
18
|
-
imgLg: ''
|
|
19
|
-
};
|
|
20
|
-
this.sidebarService.getClient().subscribe((client) => {
|
|
21
|
-
this.client = client;
|
|
22
|
-
});
|
|
23
|
-
this.sidebarService.getSubclient().subscribe((subclient) => {
|
|
24
|
-
this.subclient = subclient;
|
|
25
|
-
});
|
|
26
|
-
}
|
|
27
|
-
ngOnInit() {
|
|
28
|
-
}
|
|
29
|
-
onItemSelected(item) {
|
|
30
|
-
if (!item.items || !item.items.length) {
|
|
31
|
-
this.router.navigate([item.routeLink]).then();
|
|
32
|
-
}
|
|
33
|
-
if (item.items && item.items.length) {
|
|
34
|
-
item.expanded = !item.expanded;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
SidenavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, deps: [{ token: i1.Router }, { token: i2.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
39
|
-
SidenavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SidenavComponent, selector: "app-sidenav", inputs: { expanded: "expanded", sidenavData: "sidenavData" }, outputs: { onToggleSideNav: "onToggleSideNav" }, ngImport: i0, template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\" class=\"{{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\" [@inOutAnimation]>\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\" *ngIf=\"hasClients\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;border-radius:13px}.sidebar_div a.active .text-wrap,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:12px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{height:auto;position:relative}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#00000063;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0}.sgh-sidebar{position:fixed;background:white}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.MenuListItemComponent, selector: "app-menu-list-item", inputs: ["items"] }], animations: [
|
|
40
|
-
trigger('inOutAnimation', [
|
|
41
|
-
transition(':enter', [
|
|
42
|
-
style({ height: 0, opacity: 0 }),
|
|
43
|
-
animate('500ms ease-out', style({ height: '*', opacity: 1 }))
|
|
44
|
-
]),
|
|
45
|
-
transition(':leave', [
|
|
46
|
-
style({ height: '*', opacity: 1 }),
|
|
47
|
-
animate('500ms ease-in', style({ height: 0, opacity: 0 }))
|
|
48
|
-
])
|
|
49
|
-
]),
|
|
50
|
-
trigger('rotate', [
|
|
51
|
-
transition(':enter', [
|
|
52
|
-
animate('1000ms', keyframes([
|
|
53
|
-
style({ transform: 'rotate(0deg)', offset: '0' }),
|
|
54
|
-
style({ transform: 'rotate(2turn)', offset: '1' })
|
|
55
|
-
]))
|
|
56
|
-
])
|
|
57
|
-
]),
|
|
58
|
-
trigger('indicatorRotate', [
|
|
59
|
-
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
60
|
-
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
61
|
-
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
62
|
-
]),
|
|
63
|
-
trigger('slideInOut', [
|
|
64
|
-
transition(':enter', [style({ transform: 'translateX(-100px)' }), animate('.5s ease-out', style({ transform: 'translateX(0%)' }))]),
|
|
65
|
-
transition(':leave', [
|
|
66
|
-
style({ transform: 'translateX(0%)' }),
|
|
67
|
-
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
68
|
-
])
|
|
69
|
-
])
|
|
70
|
-
] });
|
|
71
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, decorators: [{
|
|
72
|
-
type: Component,
|
|
73
|
-
args: [{ selector: 'app-sidenav', animations: [
|
|
74
|
-
trigger('inOutAnimation', [
|
|
75
|
-
transition(':enter', [
|
|
76
|
-
style({ height: 0, opacity: 0 }),
|
|
77
|
-
animate('500ms ease-out', style({ height: '*', opacity: 1 }))
|
|
78
|
-
]),
|
|
79
|
-
transition(':leave', [
|
|
80
|
-
style({ height: '*', opacity: 1 }),
|
|
81
|
-
animate('500ms ease-in', style({ height: 0, opacity: 0 }))
|
|
82
|
-
])
|
|
83
|
-
]),
|
|
84
|
-
trigger('rotate', [
|
|
85
|
-
transition(':enter', [
|
|
86
|
-
animate('1000ms', keyframes([
|
|
87
|
-
style({ transform: 'rotate(0deg)', offset: '0' }),
|
|
88
|
-
style({ transform: 'rotate(2turn)', offset: '1' })
|
|
89
|
-
]))
|
|
90
|
-
])
|
|
91
|
-
]),
|
|
92
|
-
trigger('indicatorRotate', [
|
|
93
|
-
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
94
|
-
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
95
|
-
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
96
|
-
]),
|
|
97
|
-
trigger('slideInOut', [
|
|
98
|
-
transition(':enter', [style({ transform: 'translateX(-100px)' }), animate('.5s ease-out', style({ transform: 'translateX(0%)' }))]),
|
|
99
|
-
transition(':leave', [
|
|
100
|
-
style({ transform: 'translateX(0%)' }),
|
|
101
|
-
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
102
|
-
])
|
|
103
|
-
])
|
|
104
|
-
], template: "<div class=\"close sidenav-overlay\" *ngIf=\"expanded\"></div>\r\n<aside class=\"sgh-sidebar\" *ngIf=\"expanded\" [@slideInOut]>\r\n <div class=\"menu-wrapper\">\r\n <div class=\"sidebar_div \" *ngFor=\"let data of sidenavData.navData\">\r\n <a (click)=\"onItemSelected(data)\" class=\"{{data.customLinkCSS}}\"\r\n [routerLink]=\"[data.routeLink]\" routerLinkActive=\"item-active\" *ngIf=\"data.visible\">\r\n <div class=\"text-wrap\">\r\n <div class=\"icon-wrapper\">\r\n <i class=\"fa-size fa fa-{{data.icon}}\"></i>\r\n </div>\r\n <div>\r\n {{data.label}}\r\n </div>\r\n </div>\r\n <i class=\"fa-size fa fa-angle-down\" *ngIf=\"!(data.items == undefined)\"\r\n [@indicatorRotate]=\"data.expanded ? 'expanded': 'collapsed'\"></i>\r\n </a>\r\n <div class=\"sub-link-wrapper\" *ngIf=\"data.expanded\" [@inOutAnimation]>\r\n <app-menu-list-item [items]=\"data.items\">\r\n </app-menu-list-item>\r\n </div>\r\n </div>\r\n <div class=\"auth-info-wrp\" *ngIf=\"hasClients\">\r\n <div *ngIf=\"client && subclient\" class=\"client-info-wrp\">\r\n <div>{{client?.text}}</div>\r\n <i class=\"fa fa-angle-right\"></i>\r\n <div>{{subclient?.text}}</div>\r\n </div>\r\n <div *ngIf=\"sidenavData.activeRole\" class=\"role-info-wrp\">\r\n <span class=\"role-info-text\">Logged in as </span>\r\n <span class=\"role-info-text role\">{{sidenavData.activeRole}}</span></div>\r\n </div>\r\n </div>\r\n</aside>\r\n", styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;border-radius:13px}.sidebar_div a.active .text-wrap,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:12px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{height:auto;position:relative}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#00000063;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0}.sgh-sidebar{position:fixed;background:white}.sidenav-overlay{display:block}}\n"] }]
|
|
105
|
-
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.SghNavbarService }]; }, propDecorators: { onToggleSideNav: [{
|
|
106
|
-
type: Output
|
|
107
|
-
}], expanded: [{
|
|
108
|
-
type: Input
|
|
109
|
-
}], sidenavData: [{
|
|
110
|
-
type: Input
|
|
111
|
-
}] } });
|
|
112
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDMUYsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUVaLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sWUFBWSxDQUFDOzs7Ozs7QUEwRHRDLE1BQU0sT0FBTyxnQkFBZ0I7SUFjM0IsWUFBbUIsTUFBYyxFQUFVLGNBQWdDO1FBQXhELFdBQU0sR0FBTixNQUFNLENBQVE7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBa0I7UUFaakUsb0JBQWUsR0FBZ0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVuRSxnQkFBVyxHQUFnQjtZQUNsQyxPQUFPLEVBQUUsVUFBVTtZQUNuQixPQUFPLEVBQUUsTUFBTTtZQUNmLEtBQUssRUFBRSxFQUFFO1lBQ1QsS0FBSyxFQUFFLEVBQUU7U0FDVixDQUFBO1FBTUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNuRCxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxFQUFFLEVB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QUM3Qzt5QkFDRixDQUFDO3dCQUNGLE9BQU8sQ0FBQyxZQUFZLEVBQUU7NEJBQ3BCLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsb0JBQW9CLEVBQUMsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7NEJBQy9ILFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDO2dDQUN0QyxPQUFPLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxDQUFDLENBQUM7NkJBQ25FLENBQUM7eUJBQ0gsQ0FBQztxQkFDSDs0SEFJUyxlQUFlO3NCQUF4QixNQUFNO2dCQUNFLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7YW5pbWF0ZSwga2V5ZnJhbWVzLCBzdGF0ZSwgc3R5bGUsIHRyYW5zaXRpb24sIHRyaWdnZXJ9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xyXG5pbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE9uSW5pdCxcclxuICBJbnB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtSb3V0ZXJ9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcbmltcG9ydCB7bmF2YmFyRGF0YX0gZnJvbSAnLi9uYXYtZGF0YSc7XHJcbmltcG9ydCB7U2doTmF2YmFyU2VydmljZX0gZnJvbSBcIi4uL3NnaC1uYXZiYXIuc2VydmljZVwiO1xyXG5pbXBvcnQge1NpZGVuYXZEYXRhfSBmcm9tIFwiLi9zaWRlbmF2LWRhdGFcIjtcclxuXHJcbmludGVyZmFjZSBTaWRlTmF2VG9nZ2xlIHtcclxuICBzY3JlZW5XaWR0aDogbnVtYmVyO1xyXG4gIGNvbGxhcHNlZDogYm9vbGVhbjtcclxufVxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtc2lkZW5hdicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3NpZGVuYXYuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL3NpZGVuYXYuY29tcG9uZW50LnNjc3MnXSxcclxuICBhbmltYXRpb25zOiBbXHJcbiAgICB0cmlnZ2VyKCdpbk91dEFuaW1hdGlvbicsIFtcclxuICAgICAgdHJhbnNpdGlvbihcclxuICAgICAgICAnOmVudGVyJyxcclxuICAgICAgICBbXHJcbiAgICAgICAgICBzdHlsZSh7IGhlaWdodDogMCwgb3BhY2l0eTogMCB9KSxcclxuICAgICAgICAgIGFuaW1hdGUoJzUwMG1zIGVhc2Utb3V0JyxcclxuICAgICAgICAgICAgc3R5bGUoeyBoZWlnaHQ6ICcqJywgb3BhY2l0eTogMSB9KSlcclxuICAgICAgICBdXHJcbiAgICAgICksXHJcbiAgICAgIHRyYW5zaXRpb24oXHJcbiAgICAgICAgJzpsZWF2ZScsXHJcbiAgICAgICAgW1xyXG4gICAgICAgICAgc3R5bGUoeyBoZWlnaHQ6ICcqJywgb3BhY2l0eTogMSB9KSxcclxuICAgICAgICAgIGFuaW1hdGUoJzUwMG1zIGVhc2UtaW4nLFxyXG4gICAgICAgICAgICBzdHlsZSh7IGhlaWdodDogMCwgb3BhY2l0eTogMCB9KSlcclxuICAgICAgICBdXHJcbiAgICAgIClcclxuICAgIF0pLFxyXG4gICAgdHJpZ2dlcigncm90YXRlJywgW1xyXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXHJcbiAgICAgICAgYW5pbWF0ZSgnMTAwMG1zJyxcclxuICAgICAgICAgIGtleWZyYW1lcyhbXHJcbiAgICAgICAgICAgIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknLCBvZmZzZXQ6ICcwJ30pLFxyXG4gICAgICAgICAgICBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDJ0dXJuKScsIG9mZnNldDogJzEnfSlcclxuICAgICAgICAgIF0pXHJcbiAgICAgICAgKVxyXG4gICAgICBdKVxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKCdpbmRpY2F0b3JSb3RhdGUnLCBbXHJcbiAgICAgIHN0YXRlKCdjb2xsYXBzZWQnLCBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJ30pKSxcclxuICAgICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoe3RyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJ30pKSxcclxuICAgICAgdHJhbnNpdGlvbignZXhwYW5kZWQgPD0+IGNvbGxhcHNlZCcsXHJcbiAgICAgICAgYW5pbWF0ZSgnMjI1bXMgY3ViaWMtYmV6aWVyKDAuNCwwLjAsMC4yLDEpJylcclxuICAgICAgKSxcclxuICAgIF0pLFxyXG4gICAgdHJpZ2dlcignc2xpZGVJbk91dCcsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW3N0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDBweCknfSksIGFuaW1hdGUoJy41cyBlYXNlLW91dCcsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKSd9KSldKSxcclxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoJy41cyBlYXNlLW91dCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknIH0pKVxyXG4gICAgICBdKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlbmF2Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQE91dHB1dCgpIG9uVG9nZ2xlU2lkZU5hdjogRXZlbnRFbWl0dGVyPFNpZGVOYXZUb2dnbGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkOmJvb2xlYW47XHJcbiAgQElucHV0KCkgc2lkZW5hdkRhdGE6IFNpZGVuYXZEYXRhID0ge1xyXG4gICAgbmF2RGF0YTogbmF2YmFyRGF0YSxcclxuICAgIGJnQ29sb3I6ICcjZmZmJyxcclxuICAgIGltZ1NtOiAnJyxcclxuICAgIGltZ0xnOiAnJ1xyXG4gIH1cclxuICBjbGllbnQ7XHJcbiAgc3ViY2xpZW50O1xyXG4gIGhhc0NsaWVudHM6Ym9vbGVhbjtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIHJvdXRlcjogUm91dGVyLCBwcml2YXRlIHNpZGViYXJTZXJ2aWNlOiBTZ2hOYXZiYXJTZXJ2aWNlKSB7XHJcbiAgICB0aGlzLnNpZGViYXJTZXJ2aWNlLmdldENsaWVudCgpLnN1YnNjcmliZSgoY2xpZW50KSA9PiB7XHJcbiAgICAgIHRoaXMuY2xpZW50ID0gY2xpZW50O1xyXG4gICAgfSk7XHJcbiAgICB0aGlzLnNpZGViYXJTZXJ2aWNlLmdldFN1YmNsaWVudCgpLnN1YnNjcmliZSgoc3ViY2xpZW50KSA9PiB7XHJcbiAgICAgIHRoaXMuc3ViY2xpZW50ID0gc3ViY2xpZW50O1xyXG4gICAgfSlcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcblxyXG4gIG9uSXRlbVNlbGVjdGVkKGl0ZW06IGFueSkge1xyXG4gICAgaWYgKCFpdGVtLml0ZW1zIHx8ICFpdGVtLml0ZW1zLmxlbmd0aCkge1xyXG4gICAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbaXRlbS5yb3V0ZUxpbmtdKS50aGVuKCk7XHJcbiAgICB9XHJcbiAgICBpZiAoaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCkge1xyXG4gICAgICBpdGVtLmV4cGFuZGVkID0gIWl0ZW0uZXhwYW5kZWQ7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJjbG9zZSBzaWRlbmF2LW92ZXJsYXlcIiAqbmdJZj1cImV4cGFuZGVkXCI+PC9kaXY+XHJcbjxhc2lkZSBjbGFzcz1cInNnaC1zaWRlYmFyXCIgKm5nSWY9XCJleHBhbmRlZFwiIFtAc2xpZGVJbk91dF0+XHJcbiAgPGRpdiBjbGFzcz1cIm1lbnUtd3JhcHBlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInNpZGViYXJfZGl2IFwiICpuZ0Zvcj1cImxldCBkYXRhIG9mIHNpZGVuYXZEYXRhLm5hdkRhdGFcIj5cclxuICAgICAgPGEgKGNsaWNrKT1cIm9uSXRlbVNlbGVjdGVkKGRhdGEpXCIgY2xhc3M9XCJ7e2RhdGEuY3VzdG9tTGlua0NTU319XCJcclxuICAgICAgICAgW3JvdXRlckxpbmtdPVwiW2RhdGEucm91dGVMaW5rXVwiIHJvdXRlckxpbmtBY3RpdmU9XCJpdGVtLWFjdGl2ZVwiICpuZ0lmPVwiZGF0YS52aXNpYmxlXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cInRleHQtd3JhcFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cImljb24td3JhcHBlclwiPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cImZhLXNpemUgZmEgZmEte3tkYXRhLmljb259fVwiPjwvaT5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPGRpdj5cclxuICAgICAgICAgICAge3tkYXRhLmxhYmVsfX1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmEtc2l6ZSBmYSBmYS1hbmdsZS1kb3duXCIgKm5nSWY9XCIhKGRhdGEuaXRlbXMgPT0gdW5kZWZpbmVkKVwiXHJcbiAgICAgICAgICAgW0BpbmRpY2F0b3JSb3RhdGVdPVwiZGF0YS5leHBhbmRlZCA/ICdleHBhbmRlZCc6ICdjb2xsYXBzZWQnXCI+PC9pPlxyXG4gICAgICA8L2E+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdWItbGluay13cmFwcGVyXCIgKm5nSWY9XCJkYXRhLmV4cGFuZGVkXCIgW0Bpbk91dEFuaW1hdGlvbl0+XHJcbiAgICAgICAgPGFwcC1tZW51LWxpc3QtaXRlbSBbaXRlbXNdPVwiZGF0YS5pdGVtc1wiPlxyXG4gICAgICAgIDwvYXBwLW1lbnUtbGlzdC1pdGVtPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImF1dGgtaW5mby13cnBcIiAqbmdJZj1cImhhc0NsaWVudHNcIj5cclxuICAgICAgPGRpdiAqbmdJZj1cImNsaWVudCAmJiBzdWJjbGllbnRcIiBjbGFzcz1cImNsaWVudC1pbmZvLXdycFwiPlxyXG4gICAgICAgIDxkaXY+e3tjbGllbnQ/LnRleHR9fTwvZGl2PlxyXG4gICAgICAgIDxpIGNsYXNzPVwiZmEgZmEtYW5nbGUtcmlnaHRcIj48L2k+XHJcbiAgICAgICAgPGRpdj57e3N1YmNsaWVudD8udGV4dH19PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2ICpuZ0lmPVwic2lkZW5hdkRhdGEuYWN0aXZlUm9sZVwiIGNsYXNzPVwicm9sZS1pbmZvLXdycFwiPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwicm9sZS1pbmZvLXRleHRcIj5Mb2dnZWQgaW4gYXMgPC9zcGFuPlxyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwicm9sZS1pbmZvLXRleHQgcm9sZVwiPnt7c2lkZW5hdkRhdGEuYWN0aXZlUm9sZX19PC9zcGFuPjwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvYXNpZGU+XHJcbiJdfQ==
|
|
@@ -1,168 +0,0 @@
|
|
|
1
|
-
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
2
|
-
import { Component, Input } from '@angular/core';
|
|
3
|
-
import { fadeInOut } from './helper';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/router";
|
|
6
|
-
import * as i2 from "@angular/common";
|
|
7
|
-
export class SublevelMenuComponent {
|
|
8
|
-
constructor(router) {
|
|
9
|
-
this.router = router;
|
|
10
|
-
this.data = {
|
|
11
|
-
routeLink: '',
|
|
12
|
-
icon: '',
|
|
13
|
-
label: '',
|
|
14
|
-
visible: true,
|
|
15
|
-
items: []
|
|
16
|
-
};
|
|
17
|
-
this.collapsed = false;
|
|
18
|
-
this.multiple = false;
|
|
19
|
-
}
|
|
20
|
-
ngOnInit() {
|
|
21
|
-
}
|
|
22
|
-
handleClick(item) {
|
|
23
|
-
if (!this.multiple) {
|
|
24
|
-
if (this.data.items && this.data.items.length > 0) {
|
|
25
|
-
for (let modelItem of this.data.items) {
|
|
26
|
-
if (item !== modelItem && modelItem.expanded) {
|
|
27
|
-
modelItem.expanded = false;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
item.expanded = !item.expanded;
|
|
33
|
-
}
|
|
34
|
-
getActiveClass(item) {
|
|
35
|
-
return item.expanded && this.router.url.includes(item.routeLink)
|
|
36
|
-
? 'active-sublevel'
|
|
37
|
-
: '';
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
SublevelMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SublevelMenuComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
41
|
-
SublevelMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: { data: "data", collapsed: "collapsed", animating: "animating", expanded: "expanded", multiple: "multiple" }, ngImport: i0, template: `
|
|
42
|
-
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
43
|
-
[@submenu]="expanded
|
|
44
|
-
? {value: 'visible',
|
|
45
|
-
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
|
|
46
|
-
: {value: 'hidden',
|
|
47
|
-
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
|
|
48
|
-
class="sublevel-nav"
|
|
49
|
-
>
|
|
50
|
-
<li *ngFor="let item of data.items" class="sublevel-nav-item">
|
|
51
|
-
<a class="sublevel-nav-link"
|
|
52
|
-
(click)="handleClick(item)"
|
|
53
|
-
*ngIf="item.items && item.items.length > 0 && item.visible"
|
|
54
|
-
[ngClass]="getActiveClass(item)"
|
|
55
|
-
>
|
|
56
|
-
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
57
|
-
<span class="sublevel-link-text" @fadeInOut
|
|
58
|
-
*ngIf="collapsed">{{item.label}}</span>
|
|
59
|
-
<i *ngIf="item.items && collapsed" class="menu-collapse-icon"
|
|
60
|
-
[ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
|
|
61
|
-
></i>
|
|
62
|
-
</a>
|
|
63
|
-
<a class="sublevel-nav-link"
|
|
64
|
-
*ngIf="(!item.items || (item.items && item.items.length === 0)) && item.visible"
|
|
65
|
-
[routerLink]="[item.routeLink]"
|
|
66
|
-
routerLinkActive="active-sublevel"
|
|
67
|
-
[routerLinkActiveOptions]="{exact: true}"
|
|
68
|
-
>
|
|
69
|
-
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
70
|
-
<span class="sublevel-link-text" @fadeInOut
|
|
71
|
-
*ngIf="collapsed">{{item.label}}</span>
|
|
72
|
-
</a>
|
|
73
|
-
<div *ngIf="item.items && item.items.length > 0">
|
|
74
|
-
<app-sublevel-menu
|
|
75
|
-
[data]="item"
|
|
76
|
-
[collapsed]="collapsed"
|
|
77
|
-
[multiple]="multiple"
|
|
78
|
-
[expanded]="item.expanded"
|
|
79
|
-
></app-sublevel-menu>
|
|
80
|
-
</div>
|
|
81
|
-
</li>
|
|
82
|
-
</ul>
|
|
83
|
-
`, isInline: true, styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;border-radius:13px}.sidebar_div a.active .text-wrap,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:12px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{height:auto;position:relative}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#00000063;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0}.sgh-sidebar{position:fixed;background:white}.sidenav-overlay{display:block}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: SublevelMenuComponent, selector: "app-sublevel-menu", inputs: ["data", "collapsed", "animating", "expanded", "multiple"] }], animations: [
|
|
84
|
-
fadeInOut,
|
|
85
|
-
trigger('submenu', [
|
|
86
|
-
state('hidden', style({
|
|
87
|
-
height: '0',
|
|
88
|
-
overflow: 'hidden'
|
|
89
|
-
})),
|
|
90
|
-
state('visible', style({
|
|
91
|
-
height: '*'
|
|
92
|
-
})),
|
|
93
|
-
transition('visible <=> hidden', [style({ overflow: 'hidden' }),
|
|
94
|
-
animate('{{transitionParams}}')]),
|
|
95
|
-
transition('void => *', animate(0))
|
|
96
|
-
])
|
|
97
|
-
] });
|
|
98
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SublevelMenuComponent, decorators: [{
|
|
99
|
-
type: Component,
|
|
100
|
-
args: [{ selector: 'app-sublevel-menu', template: `
|
|
101
|
-
<ul *ngIf="collapsed && data.items && data.items.length > 0"
|
|
102
|
-
[@submenu]="expanded
|
|
103
|
-
? {value: 'visible',
|
|
104
|
-
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '*'}}
|
|
105
|
-
: {value: 'hidden',
|
|
106
|
-
params: {transitionParams: '400ms cubic-bezier(0.86, 0, 0.07, 1)', height: '0'}}"
|
|
107
|
-
class="sublevel-nav"
|
|
108
|
-
>
|
|
109
|
-
<li *ngFor="let item of data.items" class="sublevel-nav-item">
|
|
110
|
-
<a class="sublevel-nav-link"
|
|
111
|
-
(click)="handleClick(item)"
|
|
112
|
-
*ngIf="item.items && item.items.length > 0 && item.visible"
|
|
113
|
-
[ngClass]="getActiveClass(item)"
|
|
114
|
-
>
|
|
115
|
-
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
116
|
-
<span class="sublevel-link-text" @fadeInOut
|
|
117
|
-
*ngIf="collapsed">{{item.label}}</span>
|
|
118
|
-
<i *ngIf="item.items && collapsed" class="menu-collapse-icon"
|
|
119
|
-
[ngClass]="!item.expanded ? 'fal fa-angle-right' : 'fal fa-angle-down'"
|
|
120
|
-
></i>
|
|
121
|
-
</a>
|
|
122
|
-
<a class="sublevel-nav-link"
|
|
123
|
-
*ngIf="(!item.items || (item.items && item.items.length === 0)) && item.visible"
|
|
124
|
-
[routerLink]="[item.routeLink]"
|
|
125
|
-
routerLinkActive="active-sublevel"
|
|
126
|
-
[routerLinkActiveOptions]="{exact: true}"
|
|
127
|
-
>
|
|
128
|
-
<i class="sublevel-link-icon fa fa-circle"></i>
|
|
129
|
-
<span class="sublevel-link-text" @fadeInOut
|
|
130
|
-
*ngIf="collapsed">{{item.label}}</span>
|
|
131
|
-
</a>
|
|
132
|
-
<div *ngIf="item.items && item.items.length > 0">
|
|
133
|
-
<app-sublevel-menu
|
|
134
|
-
[data]="item"
|
|
135
|
-
[collapsed]="collapsed"
|
|
136
|
-
[multiple]="multiple"
|
|
137
|
-
[expanded]="item.expanded"
|
|
138
|
-
></app-sublevel-menu>
|
|
139
|
-
</div>
|
|
140
|
-
</li>
|
|
141
|
-
</ul>
|
|
142
|
-
`, animations: [
|
|
143
|
-
fadeInOut,
|
|
144
|
-
trigger('submenu', [
|
|
145
|
-
state('hidden', style({
|
|
146
|
-
height: '0',
|
|
147
|
-
overflow: 'hidden'
|
|
148
|
-
})),
|
|
149
|
-
state('visible', style({
|
|
150
|
-
height: '*'
|
|
151
|
-
})),
|
|
152
|
-
transition('visible <=> hidden', [style({ overflow: 'hidden' }),
|
|
153
|
-
animate('{{transitionParams}}')]),
|
|
154
|
-
transition('void => *', animate(0))
|
|
155
|
-
])
|
|
156
|
-
], styles: [".sidebar_div a>div>i{padding-right:10px}.menu-wrapper{min-height:calc(100vh - 70px);overflow:auto;position:relative}.menu-wrapper .auth-info-wrp{position:absolute;bottom:0;width:100%;padding-top:5px;border-top:1px solid lightgrey;color:#005860;display:flex;flex-direction:column}.menu-wrapper .auth-info-wrp .client-info-wrp{display:flex;gap:10px;font-size:12px;font-weight:700}.menu-wrapper .auth-info-wrp .role-info-wrp{font-size:12px}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text{font-weight:400}.menu-wrapper .auth-info-wrp .role-info-wrp .role-info-text.role{font-weight:700}.fa-size{font-size:1.6em;line-height:.75em;vertical-align:-15%}.sgh-sidebar{height:auto;max-height:calc(100vh - 60px);box-shadow:0 1px 0 -1px #0000,0 1px 1px #0003,0 1px 3px #0000001f;border-right:none;overflow-y:auto;padding:5px 0;font-size:12px;margin-right:10px;background:white;width:240px;display:flex;flex-direction:column;align-items:center;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 2px;display:flex;align-items:center;justify-content:space-between}.sidebar_div a.active{background-color:#006068;border-radius:13px}.sidebar_div a.active .text-wrap,.sidebar_div a.active .text-wrapper{color:#fff!important}.text-wrap{display:flex;justify-content:flex-start;width:100%}.text-wrap .icon-wrapper{width:15%}.sidebar_div a:hover:not(.active){background-color:#26787f;color:#fff;border-radius:12px}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width: 700px){.sidebar_div{height:auto;position:relative}div.content{margin-left:0}}@media screen and (max-width: 400px){.sidebar_div a{text-align:center;float:none}}.nav-list li a{text-decoration:none;display:block;padding:10px;cursor:pointer;border-bottom:1px solid #515151;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px;border-bottom:1px solid #585858}.nav-list>li>a:hover{background-color:#444}.sidenav-overlay{display:none;position:fixed;width:100%;height:100%;background-color:#00000063;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0}.sgh-sidebar{position:fixed;background:white}.sidenav-overlay{display:block}}\n"] }]
|
|
157
|
-
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { data: [{
|
|
158
|
-
type: Input
|
|
159
|
-
}], collapsed: [{
|
|
160
|
-
type: Input
|
|
161
|
-
}], animating: [{
|
|
162
|
-
type: Input
|
|
163
|
-
}], expanded: [{
|
|
164
|
-
type: Input
|
|
165
|
-
}], multiple: [{
|
|
166
|
-
type: Input
|
|
167
|
-
}] } });
|
|
168
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibGV2ZWwtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zdWJsZXZlbC1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxVQUFVLENBQUM7Ozs7QUFnRWxELE1BQU0sT0FBTyxxQkFBcUI7SUFjaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFaeEIsU0FBSSxHQUFnQjtZQUMzQixTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7WUFDVCxPQUFPLEVBQUUsSUFBSTtZQUNiLEtBQUssRUFBRSxFQUFFO1NBQ1YsQ0FBQTtRQUNRLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHbEIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQUVDLENBQUM7SUFFckMsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBUztRQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2pELEtBQUksSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7b0JBQ3BDLElBQUksSUFBSSxLQUFJLFNBQVMsSUFBSSxTQUFTLENBQUMsUUFBUSxFQUFFO3dCQUMzQyxTQUFTLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztxQkFDNUI7aUJBQ0Y7YUFDRjtTQUNGO1FBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFpQjtRQUM5QixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDOUQsQ0FBQyxDQUFDLGlCQUFpQjtZQUNuQixDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ1QsQ0FBQzs7a0hBcENVLHFCQUFxQjtzR0FBckIscUJBQXFCLCtLQTVEdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBDVCwyakdBa0JVLHFCQUFxQixvSEFoQnBCO1FBQ1YsU0FBUztRQUNULE9BQU8sQ0FBQyxTQUFTLEVBQUU7WUFDakIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7Z0JBQ3BCLE1BQU0sRUFBRSxHQUFHO2dCQUNYLFFBQVEsRUFBRSxRQUFRO2FBQ25CLENBQUMsQ0FBQztZQUNILEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDO2dCQUNyQixNQUFNLEVBQUUsR0FBRzthQUNaLENBQUMsQ0FBQztZQUNILFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUMsQ0FBQztnQkFDM0QsT0FBTyxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQztZQUNuQyxVQUFVLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNwQyxDQUFDO0tBQ0g7MkZBRVUscUJBQXFCO2tCQTlEakMsU0FBUzsrQkFDRSxtQkFBbUIsWUFDbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBDVCxjQUVXO3dCQUNWLFNBQVM7d0JBQ1QsT0FBTyxDQUFDLFNBQVMsRUFBRTs0QkFDakIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7Z0NBQ3BCLE1BQU0sRUFBRSxHQUFHO2dDQUNYLFFBQVEsRUFBRSxRQUFROzZCQUNuQixDQUFDLENBQUM7NEJBQ0gsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7Z0NBQ3JCLE1BQU0sRUFBRSxHQUFHOzZCQUNaLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUM7Z0NBQzNELE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUM7NEJBQ25DLFVBQVUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO3lCQUNwQyxDQUFDO3FCQUNIOzZGQUlRLElBQUk7c0JBQVosS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBmYWRlSW5PdXQsIElOYXZiYXJEYXRhIH0gZnJvbSAnLi9oZWxwZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtc3VibGV2ZWwtbWVudScsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDx1bCAqbmdJZj1cImNvbGxhcHNlZCAmJiBkYXRhLml0ZW1zICYmIGRhdGEuaXRlbXMubGVuZ3RoID4gMFwiXHJcbiAgICBbQHN1Ym1lbnVdPVwiZXhwYW5kZWRcclxuICAgICAgPyB7dmFsdWU6ICd2aXNpYmxlJyxcclxuICAgICAgICAgIHBhcmFtczoge3RyYW5zaXRpb25QYXJhbXM6ICc0MDBtcyBjdWJpYy1iZXppZXIoMC44NiwgMCwgMC4wNywgMSknLCBoZWlnaHQ6ICcqJ319XHJcbiAgICAgIDoge3ZhbHVlOiAnaGlkZGVuJyxcclxuICAgICAgICAgIHBhcmFtczoge3RyYW5zaXRpb25QYXJhbXM6ICc0MDBtcyBjdWJpYy1iZXppZXIoMC44NiwgMCwgMC4wNywgMSknLCBoZWlnaHQ6ICcwJ319XCJcclxuICAgICAgY2xhc3M9XCJzdWJsZXZlbC1uYXZcIlxyXG4gICAgPlxyXG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YS5pdGVtc1wiIGNsYXNzPVwic3VibGV2ZWwtbmF2LWl0ZW1cIj5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKGl0ZW0pXCJcclxuICAgICAgICAgICAgKm5nSWY9XCJpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoID4gMCAmJiBpdGVtLnZpc2libGVcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJnZXRBY3RpdmVDbGFzcyhpdGVtKVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwic3VibGV2ZWwtbGluay1pY29uIGZhIGZhLWNpcmNsZVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdWJsZXZlbC1saW5rLXRleHRcIiBAZmFkZUluT3V0XHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgY29sbGFwc2VkXCIgY2xhc3M9XCJtZW51LWNvbGxhcHNlLWljb25cIlxyXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIiFpdGVtLmV4cGFuZGVkID8gJ2ZhbCBmYS1hbmdsZS1yaWdodCcgOiAnZmFsIGZhLWFuZ2xlLWRvd24nXCJcclxuICAgICAgICAgICAgPjwvaT5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgICAqbmdJZj1cIighaXRlbS5pdGVtcyB8fCAoaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCA9PT0gMCkpICYmIGl0ZW0udmlzaWJsZVwiXHJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIltpdGVtLnJvdXRlTGlua11cIlxyXG4gICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlLXN1YmxldmVsXCJcclxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDogdHJ1ZX1cIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cInN1YmxldmVsLWxpbmstaWNvbiBmYSBmYS1jaXJjbGVcIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3VibGV2ZWwtbGluay10ZXh0XCIgQGZhZGVJbk91dFxyXG4gICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgaXRlbS5pdGVtcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxhcHAtc3VibGV2ZWwtbWVudVxyXG4gICAgICAgICAgICAgIFtkYXRhXT1cIml0ZW1cIlxyXG4gICAgICAgICAgICAgIFtjb2xsYXBzZWRdPVwiY29sbGFwc2VkXCJcclxuICAgICAgICAgICAgICBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxyXG4gICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcclxuICAgICAgICAgICAgPjwvYXBwLXN1YmxldmVsLW1lbnU+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0LFxyXG4gICAgdHJpZ2dlcignc3VibWVudScsIFtcclxuICAgICAgc3RhdGUoJ2hpZGRlbicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcwJyxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgndmlzaWJsZScsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJ1xyXG4gICAgICB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPD0+IGhpZGRlbicsIFtzdHlsZSh7b3ZlcmZsb3c6ICdoaWRkZW4nfSksXHJcbiAgICAgICAgYW5pbWF0ZSgne3t0cmFuc2l0aW9uUGFyYW1zfX0nKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBhbmltYXRlKDApKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJsZXZlbE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhOiBJTmF2YmFyRGF0YSA9IHtcclxuICAgIHJvdXRlTGluazogJycsXHJcbiAgICBpY29uOiAnJyxcclxuICAgIGxhYmVsOiAnJyxcclxuICAgIHZpc2libGU6IHRydWUsXHJcbiAgICBpdGVtczogW11cclxuICB9XHJcbiAgQElucHV0KCkgY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYW5pbWF0aW5nOiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVDbGljayhpdGVtOiBhbnkpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5tdWx0aXBsZSkge1xyXG4gICAgICBpZiAodGhpcy5kYXRhLml0ZW1zICYmIHRoaXMuZGF0YS5pdGVtcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgZm9yKGxldCBtb2RlbEl0ZW0gb2YgdGhpcy5kYXRhLml0ZW1zKSB7XHJcbiAgICAgICAgICBpZiAoaXRlbSAhPT1tb2RlbEl0ZW0gJiYgbW9kZWxJdGVtLmV4cGFuZGVkKSB7XHJcbiAgICAgICAgICAgIG1vZGVsSXRlbS5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaXRlbS5leHBhbmRlZCA9ICFpdGVtLmV4cGFuZGVkO1xyXG4gIH1cclxuXHJcbiAgZ2V0QWN0aXZlQ2xhc3MoaXRlbTogSU5hdmJhckRhdGEpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGl0ZW0uZXhwYW5kZWQgJiYgdGhpcy5yb3V0ZXIudXJsLmluY2x1ZGVzKGl0ZW0ucm91dGVMaW5rKVxyXG4gICAgICA/ICdhY3RpdmUtc3VibGV2ZWwnXHJcbiAgICAgIDogJyc7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Pipe } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class SearchPipe {
|
|
4
|
-
transform(values, args) {
|
|
5
|
-
if (args === undefined) {
|
|
6
|
-
return values;
|
|
7
|
-
}
|
|
8
|
-
return values.filter(value => {
|
|
9
|
-
return value.text.toLowerCase().includes(args.toLowerCase());
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
SearchPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SearchPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
14
|
-
SearchPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SearchPipe, name: "search" });
|
|
15
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SearchPipe, decorators: [{
|
|
16
|
-
type: Pipe,
|
|
17
|
-
args: [{
|
|
18
|
-
name: 'search'
|
|
19
|
-
}]
|
|
20
|
-
}] });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvdG9vbGJhci9zZWFyY2gucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQzs7QUFLcEQsTUFBTSxPQUFPLFVBQVU7SUFFckIsU0FBUyxDQUFDLE1BQVcsRUFBRSxJQUFVO1FBQy9CLElBQUksSUFBSSxLQUFLLFNBQVMsRUFBRTtZQUN0QixPQUFPLE1BQU0sQ0FBQztTQUNmO1FBRUQsT0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzNCLE9BQU8sS0FBSyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDLENBQUM7UUFDL0QsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDOzt1R0FWVSxVQUFVO3FHQUFWLFVBQVU7MkZBQVYsVUFBVTtrQkFIdEIsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsUUFBUTtpQkFDZiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBQaXBlKHtcclxuICBuYW1lOiAnc2VhcmNoJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgU2VhcmNoUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xyXG5cclxuICB0cmFuc2Zvcm0odmFsdWVzOiBhbnksIGFyZ3M/OiBhbnkpOiBhbnkge1xyXG4gICAgaWYgKGFyZ3MgPT09IHVuZGVmaW5lZCkge1xyXG4gICAgICByZXR1cm4gdmFsdWVzO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiB2YWx1ZXMuZmlsdGVyKHZhbHVlID0+IHtcclxuICAgICAgcmV0dXJuIHZhbHVlLnRleHQudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhhcmdzLnRvTG93ZXJDYXNlKCkpO1xyXG4gICAgfSk7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|