sgh-navbar 0.0.36 → 0.0.37
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/karma.conf.js +44 -0
- package/ng-package.json +7 -0
- package/package.json +11 -31
- package/src/lib/sgh-navbar.component.spec.ts +23 -0
- package/src/lib/sgh-navbar.component.ts +20 -0
- package/src/lib/sgh-navbar.module.ts +48 -0
- package/src/lib/sgh-navbar.service.spec.ts +16 -0
- package/src/lib/sgh-navbar.service.ts +34 -0
- package/src/lib/sidenav/helper.ts +25 -0
- package/src/lib/sidenav/menu-list-item/item1/item1.component.html +1 -0
- package/src/lib/sidenav/menu-list-item/item1/item1.component.scss +0 -0
- package/src/lib/sidenav/menu-list-item/item1/item1.component.spec.ts +25 -0
- package/src/lib/sidenav/menu-list-item/item1/item1.component.ts +15 -0
- package/src/lib/sidenav/menu-list-item/item1/sub-item1/sub-item1.component.html +1 -0
- package/src/lib/sidenav/menu-list-item/item1/sub-item1/sub-item1.component.scss +0 -0
- package/src/lib/sidenav/menu-list-item/item1/sub-item1/sub-item1.component.spec.ts +25 -0
- package/src/lib/sidenav/menu-list-item/item1/sub-item1/sub-item1.component.ts +15 -0
- package/src/lib/sidenav/menu-list-item/item2/item2.component.html +1 -0
- package/src/lib/sidenav/menu-list-item/item2/item2.component.scss +0 -0
- package/src/lib/sidenav/menu-list-item/item2/item2.component.spec.ts +25 -0
- package/src/lib/sidenav/menu-list-item/item2/item2.component.ts +15 -0
- package/src/lib/sidenav/menu-list-item/item3/item3.component.html +1 -0
- package/src/lib/sidenav/menu-list-item/item3/item3.component.scss +0 -0
- package/src/lib/sidenav/menu-list-item/item3/item3.component.spec.ts +25 -0
- package/src/lib/sidenav/menu-list-item/item3/item3.component.ts +15 -0
- package/src/lib/sidenav/menu-list-item/menu-list-item.component.html +17 -0
- package/src/lib/sidenav/menu-list-item/menu-list-item.component.scss +128 -0
- package/src/lib/sidenav/menu-list-item/menu-list-item.component.spec.ts +25 -0
- package/src/lib/sidenav/menu-list-item/menu-list-item.component.ts +42 -0
- package/src/lib/sidenav/nav-data.ts +98 -0
- package/src/lib/sidenav/sidenav-data.ts +12 -0
- package/src/lib/sidenav/sidenav.component.html +34 -0
- package/src/lib/sidenav/sidenav.component.scss +173 -0
- package/src/lib/sidenav/sidenav.component.ts +84 -0
- package/src/lib/sidenav/sublevel-menu.component.ts +106 -0
- package/src/lib/toolbar/assets/Synergen_Logo-Large2.png +0 -0
- package/src/lib/toolbar/noftification-list/noftification-list.component.html +18 -0
- package/src/lib/toolbar/noftification-list/noftification-list.component.scss +67 -0
- package/src/lib/toolbar/noftification-list/noftification-list.component.spec.ts +25 -0
- package/src/lib/toolbar/noftification-list/noftification-list.component.ts +14 -0
- package/src/lib/toolbar/search.pipe.ts +18 -0
- package/src/lib/toolbar/sub-client-dialog/sub-client-dialog.component.html +14 -0
- package/src/lib/toolbar/sub-client-dialog/sub-client-dialog.component.scss +40 -0
- package/src/lib/toolbar/sub-client-dialog/sub-client-dialog.component.spec.ts +23 -0
- package/src/lib/toolbar/sub-client-dialog/sub-client-dialog.component.ts +41 -0
- package/src/lib/toolbar/toolbar-data.ts +35 -0
- package/src/lib/toolbar/toolbar.component.html +79 -0
- package/src/lib/toolbar/toolbar.component.scss +493 -0
- package/src/lib/toolbar/toolbar.component.ts +218 -0
- package/{public-api.d.ts → src/public-api.ts} +6 -0
- package/src/test.ts +15 -0
- package/tsconfig.lib.json +15 -0
- package/tsconfig.lib.prod.json +10 -0
- package/tsconfig.spec.json +17 -0
- package/esm2020/lib/sgh-navbar.component.mjs +0 -22
- package/esm2020/lib/sgh-navbar.module.mjs +0 -77
- package/esm2020/lib/sgh-navbar.service.mjs +0 -36
- package/esm2020/lib/sidenav/helper.mjs +0 -12
- package/esm2020/lib/sidenav/menu-list-item/menu-list-item.component.mjs +0 -46
- package/esm2020/lib/sidenav/nav-data.mjs +0 -97
- package/esm2020/lib/sidenav/sidenav-data.mjs +0 -3
- package/esm2020/lib/sidenav/sidenav.component.mjs +0 -92
- package/esm2020/lib/sidenav/sublevel-menu.component.mjs +0 -168
- package/esm2020/lib/toolbar/noftification-list/noftification-list.component.mjs +0 -14
- 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-data.mjs +0 -9
- package/esm2020/lib/toolbar/toolbar.component.mjs +0 -214
- package/esm2020/public-api.mjs +0 -10
- package/esm2020/sgh-navbar.mjs +0 -5
- package/fesm2015/sgh-navbar.mjs +0 -817
- package/fesm2015/sgh-navbar.mjs.map +0 -1
- package/fesm2020/sgh-navbar.mjs +0 -809
- package/fesm2020/sgh-navbar.mjs.map +0 -1
- package/index.d.ts +0 -5
- package/lib/sgh-navbar.component.d.ts +0 -8
- package/lib/sgh-navbar.module.d.ts +0 -21
- package/lib/sgh-navbar.service.d.ts +0 -15
- package/lib/sidenav/helper.d.ts +0 -9
- package/lib/sidenav/menu-list-item/menu-list-item.component.d.ts +0 -16
- package/lib/sidenav/nav-data.d.ts +0 -2
- package/lib/sidenav/sidenav-data.d.ts +0 -11
- package/lib/sidenav/sidenav.component.d.ts +0 -24
- package/lib/sidenav/sublevel-menu.component.d.ts +0 -18
- package/lib/toolbar/noftification-list/noftification-list.component.d.ts +0 -8
- package/lib/toolbar/search.pipe.d.ts +0 -7
- package/lib/toolbar/sub-client-dialog/sub-client-dialog.component.d.ts +0 -19
- package/lib/toolbar/toolbar-data.d.ts +0 -32
- package/lib/toolbar/toolbar.component.d.ts +0 -41
|
@@ -1,92 +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)\"\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\">\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\">\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 - 60px);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;min-height:100%!important;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!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.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('rotate', [
|
|
41
|
-
transition(':enter', [
|
|
42
|
-
animate('1000ms', keyframes([
|
|
43
|
-
style({ transform: 'rotate(0deg)', offset: '0' }),
|
|
44
|
-
style({ transform: 'rotate(2turn)', offset: '1' })
|
|
45
|
-
]))
|
|
46
|
-
])
|
|
47
|
-
]),
|
|
48
|
-
trigger('indicatorRotate', [
|
|
49
|
-
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
50
|
-
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
51
|
-
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
52
|
-
]),
|
|
53
|
-
trigger('slideInOut', [
|
|
54
|
-
transition(':enter', [style({ transform: 'translateX(-100px)' }), animate('.5s ease-out', style({ transform: 'translateX(0%)' }))]),
|
|
55
|
-
transition(':leave', [
|
|
56
|
-
style({ transform: 'translateX(0%)' }),
|
|
57
|
-
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
58
|
-
])
|
|
59
|
-
])
|
|
60
|
-
] });
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SidenavComponent, decorators: [{
|
|
62
|
-
type: Component,
|
|
63
|
-
args: [{ selector: 'app-sidenav', animations: [
|
|
64
|
-
trigger('rotate', [
|
|
65
|
-
transition(':enter', [
|
|
66
|
-
animate('1000ms', keyframes([
|
|
67
|
-
style({ transform: 'rotate(0deg)', offset: '0' }),
|
|
68
|
-
style({ transform: 'rotate(2turn)', offset: '1' })
|
|
69
|
-
]))
|
|
70
|
-
])
|
|
71
|
-
]),
|
|
72
|
-
trigger('indicatorRotate', [
|
|
73
|
-
state('collapsed', style({ transform: 'rotate(0deg)' })),
|
|
74
|
-
state('expanded', style({ transform: 'rotate(180deg)' })),
|
|
75
|
-
transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)')),
|
|
76
|
-
]),
|
|
77
|
-
trigger('slideInOut', [
|
|
78
|
-
transition(':enter', [style({ transform: 'translateX(-100px)' }), animate('.5s ease-out', style({ transform: 'translateX(0%)' }))]),
|
|
79
|
-
transition(':leave', [
|
|
80
|
-
style({ transform: 'translateX(0%)' }),
|
|
81
|
-
animate('.5s ease-out', style({ transform: 'translateX(-100%)' }))
|
|
82
|
-
])
|
|
83
|
-
])
|
|
84
|
-
], 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)\"\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\">\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\">\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 - 60px);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;min-height:100%!important;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!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.sidenav-overlay{display:block}}\n"] }]
|
|
85
|
-
}], ctorParameters: function () { return [{ type: i1.Router }, { type: i2.SghNavbarService }]; }, propDecorators: { onToggleSideNav: [{
|
|
86
|
-
type: Output
|
|
87
|
-
}], expanded: [{
|
|
88
|
-
type: Input
|
|
89
|
-
}], sidenavData: [{
|
|
90
|
-
type: Input
|
|
91
|
-
}] } });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZW5hdi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zaWRlbmF2LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi9zaWRlbmF2L3NpZGVuYXYuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFDMUYsT0FBTyxFQUNMLFNBQVMsRUFDVCxNQUFNLEVBQ04sWUFBWSxFQUVaLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUMsVUFBVSxFQUFDLE1BQU0sWUFBWSxDQUFDOzs7Ozs7QUF3Q3RDLE1BQU0sT0FBTyxnQkFBZ0I7SUFhM0IsWUFBbUIsTUFBYyxFQUFVLGNBQWdDO1FBQXhELFdBQU0sR0FBTixNQUFNLENBQVE7UUFBVSxtQkFBYyxHQUFkLGNBQWMsQ0FBa0I7UUFYakUsb0JBQWUsR0FBZ0MsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVuRSxnQkFBVyxHQUFnQjtZQUNsQyxPQUFPLEVBQUUsVUFBVTtZQUNuQixPQUFPLEVBQUUsTUFBTTtZQUNmLEtBQUssRUFBRSxFQUFFO1lBQ1QsS0FBSyxFQUFFLEVBQUU7U0FDVixDQUFBO1FBS0MsSUFBSSxDQUFDLGNBQWMsQ0FBQyxTQUFTLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRTtZQUNuRCxJQUFJLENBQUMsTUFBTSxHQUFHLE1BQU0sQ0FBQztRQUN2QixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxjQUFjLENBQUMsWUFBWSxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUU7WUFDekQsSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7UUFDN0IsQ0FBQyxDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFHRCxjQUFjLENBQUMsSUFBUztRQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFO1lBQ3JDLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDL0M7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7U0FDaEM7SUFDSCxDQUFDOzs2R0FqQ1UsZ0JBQWdCO2lHQUFoQixnQkFBZ0Isa0tDakQ3QixnL0NBa0NBLDZwR0RaYztRQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7WUFDaEIsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQkFDbkIsT0FBTyxDQUFDLFFBQVEsRUFDZCxTQUFTLENBQUM7b0JBQ1IsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFDLENBQUM7b0JBQy9DLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDO2lCQUNqRCxDQUFDLENBQ0g7YUFDRixDQUFDO1NBQ0gsQ0FBQztRQUNGLE9BQU8sQ0FBQyxpQkFBaUIsRUFBRTtZQUN6QixLQUFLLENBQUMsV0FBVyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUMsQ0FBQyxDQUFDO1lBQ3RELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsQ0FBQztZQUN2RCxVQUFVLENBQUMsd0JBQXdCLEVBQ2pDLE9BQU8sQ0FBQyxtQ0FBbUMsQ0FBQyxDQUM3QztTQUNGLENBQUM7UUFDRixPQUFPLENBQUMsWUFBWSxFQUFFO1lBQ3BCLFVBQVUsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsb0JBQW9CLEVBQUMsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDL0gsVUFBVSxDQUFDLFFBQVEsRUFBRTtnQkFDbkIsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLENBQUM7Z0JBQ3RDLE9BQU8sQ0FBQyxjQUFjLEVBQUUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLG1CQUFtQixFQUFFLENBQUMsQ0FBQzthQUNuRSxDQUFDO1NBQ0gsQ0FBQztLQUNIOzJGQUVVLGdCQUFnQjtrQkEvQjVCLFNBQVM7K0JBQ0UsYUFBYSxjQUdYO3dCQUNWLE9BQU8sQ0FBQyxRQUFRLEVBQUU7NEJBQ2hCLFVBQVUsQ0FBQyxRQUFRLEVBQUU7Z0NBQ25CLE9BQU8sQ0FBQyxRQUFRLEVBQ2QsU0FBUyxDQUFDO29DQUNSLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxjQUFjLEVBQUUsTUFBTSxFQUFFLEdBQUcsRUFBQyxDQUFDO29DQUMvQyxLQUFLLENBQUMsRUFBQyxTQUFTLEVBQUUsZUFBZSxFQUFFLE1BQU0sRUFBRSxHQUFHLEVBQUMsQ0FBQztpQ0FDakQsQ0FBQyxDQUNIOzZCQUNGLENBQUM7eUJBQ0gsQ0FBQzt3QkFDRixPQUFPLENBQUMsaUJBQWlCLEVBQUU7NEJBQ3pCLEtBQUssQ0FBQyxXQUFXLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGNBQWMsRUFBQyxDQUFDLENBQUM7NEJBQ3RELEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLGdCQUFnQixFQUFDLENBQUMsQ0FBQzs0QkFDdkQsVUFBVSxDQUFDLHdCQUF3QixFQUNqQyxPQUFPLENBQUMsbUNBQW1DLENBQUMsQ0FDN0M7eUJBQ0YsQ0FBQzt3QkFDRixPQUFPLENBQUMsWUFBWSxFQUFFOzRCQUNwQixVQUFVLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUMsU0FBUyxFQUFFLG9CQUFvQixFQUFDLENBQUMsRUFBRSxPQUFPLENBQUMsY0FBYyxFQUFFLEtBQUssQ0FBQyxFQUFDLFNBQVMsRUFBRSxnQkFBZ0IsRUFBQyxDQUFDLENBQUMsQ0FBQyxDQUFDOzRCQUMvSCxVQUFVLENBQUMsUUFBUSxFQUFFO2dDQUNuQixLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztnQ0FDdEMsT0FBTyxDQUFDLGNBQWMsRUFBRSxLQUFLLENBQUMsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsQ0FBQyxDQUFDOzZCQUNuRSxDQUFDO3lCQUNILENBQUM7cUJBQ0g7NEhBSVMsZUFBZTtzQkFBeEIsTUFBTTtnQkFDRSxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge2FuaW1hdGUsIGtleWZyYW1lcywgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcclxuaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxuICBPbkluaXQsXHJcbiAgSW5wdXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Um91dGVyfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQge25hdmJhckRhdGF9IGZyb20gJy4vbmF2LWRhdGEnO1xyXG5pbXBvcnQge1NnaE5hdmJhclNlcnZpY2V9IGZyb20gXCIuLi9zZ2gtbmF2YmFyLnNlcnZpY2VcIjtcclxuaW1wb3J0IHtTaWRlbmF2RGF0YX0gZnJvbSBcIi4vc2lkZW5hdi1kYXRhXCI7XHJcblxyXG5pbnRlcmZhY2UgU2lkZU5hdlRvZ2dsZSB7XHJcbiAgc2NyZWVuV2lkdGg6IG51bWJlcjtcclxuICBjb2xsYXBzZWQ6IGJvb2xlYW47XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLXNpZGVuYXYnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zaWRlbmF2LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgdHJpZ2dlcigncm90YXRlJywgW1xyXG4gICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXHJcbiAgICAgICAgYW5pbWF0ZSgnMTAwMG1zJyxcclxuICAgICAgICAgIGtleWZyYW1lcyhbXHJcbiAgICAgICAgICAgIHN0eWxlKHt0cmFuc2Zvcm06ICdyb3RhdGUoMGRlZyknLCBvZmZzZXQ6ICcwJ30pLFxyXG4gICAgICAgICAgICBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDJ0dXJuKScsIG9mZnNldDogJzEnfSlcclxuICAgICAgICAgIF0pXHJcbiAgICAgICAgKVxyXG4gICAgICBdKVxyXG4gICAgXSksXHJcbiAgICB0cmlnZ2VyKCdpbmRpY2F0b3JSb3RhdGUnLCBbXHJcbiAgICAgIHN0YXRlKCdjb2xsYXBzZWQnLCBzdHlsZSh7dHJhbnNmb3JtOiAncm90YXRlKDBkZWcpJ30pKSxcclxuICAgICAgc3RhdGUoJ2V4cGFuZGVkJywgc3R5bGUoe3RyYW5zZm9ybTogJ3JvdGF0ZSgxODBkZWcpJ30pKSxcclxuICAgICAgdHJhbnNpdGlvbignZXhwYW5kZWQgPD0+IGNvbGxhcHNlZCcsXHJcbiAgICAgICAgYW5pbWF0ZSgnMjI1bXMgY3ViaWMtYmV6aWVyKDAuNCwwLjAsMC4yLDEpJylcclxuICAgICAgKSxcclxuICAgIF0pLFxyXG4gICAgdHJpZ2dlcignc2xpZGVJbk91dCcsIFtcclxuICAgICAgdHJhbnNpdGlvbignOmVudGVyJywgW3N0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMDBweCknfSksIGFuaW1hdGUoJy41cyBlYXNlLW91dCcsIHN0eWxlKHt0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDAlKSd9KSldKSxcclxuICAgICAgdHJhbnNpdGlvbignOmxlYXZlJywgW1xyXG4gICAgICAgIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknIH0pLFxyXG4gICAgICAgIGFuaW1hdGUoJy41cyBlYXNlLW91dCcsIHN0eWxlKHsgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgtMTAwJSknIH0pKVxyXG4gICAgICBdKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTaWRlbmF2Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgQE91dHB1dCgpIG9uVG9nZ2xlU2lkZU5hdjogRXZlbnRFbWl0dGVyPFNpZGVOYXZUb2dnbGU+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkOmJvb2xlYW47XHJcbiAgQElucHV0KCkgc2lkZW5hdkRhdGE6IFNpZGVuYXZEYXRhID0ge1xyXG4gICAgbmF2RGF0YTogbmF2YmFyRGF0YSxcclxuICAgIGJnQ29sb3I6ICcjZmZmJyxcclxuICAgIGltZ1NtOiAnJyxcclxuICAgIGltZ0xnOiAnJ1xyXG4gIH1cclxuICBjbGllbnQ7XHJcbiAgc3ViY2xpZW50O1xyXG5cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcm91dGVyOiBSb3V0ZXIsIHByaXZhdGUgc2lkZWJhclNlcnZpY2U6IFNnaE5hdmJhclNlcnZpY2UpIHtcclxuICAgIHRoaXMuc2lkZWJhclNlcnZpY2UuZ2V0Q2xpZW50KCkuc3Vic2NyaWJlKChjbGllbnQpID0+IHtcclxuICAgICAgdGhpcy5jbGllbnQgPSBjbGllbnQ7XHJcbiAgICB9KTtcclxuICAgIHRoaXMuc2lkZWJhclNlcnZpY2UuZ2V0U3ViY2xpZW50KCkuc3Vic2NyaWJlKChzdWJjbGllbnQpID0+IHtcclxuICAgICAgdGhpcy5zdWJjbGllbnQgPSBzdWJjbGllbnQ7XHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuXHJcbiAgb25JdGVtU2VsZWN0ZWQoaXRlbTogYW55KSB7XHJcbiAgICBpZiAoIWl0ZW0uaXRlbXMgfHwgIWl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIHRoaXMucm91dGVyLm5hdmlnYXRlKFtpdGVtLnJvdXRlTGlua10pLnRoZW4oKTtcclxuICAgIH1cclxuICAgIGlmIChpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoKSB7XHJcbiAgICAgIGl0ZW0uZXhwYW5kZWQgPSAhaXRlbS5leHBhbmRlZDtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNsb3NlIHNpZGVuYXYtb3ZlcmxheVwiICpuZ0lmPVwiZXhwYW5kZWRcIj48L2Rpdj5cclxuPGFzaWRlIGNsYXNzPVwic2doLXNpZGViYXJcIiAqbmdJZj1cImV4cGFuZGVkXCIgW0BzbGlkZUluT3V0XT5cclxuICA8ZGl2IGNsYXNzPVwibWVudS13cmFwcGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2lkZWJhcl9kaXYgXCIgKm5nRm9yPVwibGV0IGRhdGEgb2Ygc2lkZW5hdkRhdGEubmF2RGF0YVwiPlxyXG4gICAgICA8YSAoY2xpY2spPVwib25JdGVtU2VsZWN0ZWQoZGF0YSlcIlxyXG4gICAgICAgICBbcm91dGVyTGlua109XCJbZGF0YS5yb3V0ZUxpbmtdXCIgcm91dGVyTGlua0FjdGl2ZT1cIml0ZW0tYWN0aXZlXCIgKm5nSWY9XCJkYXRhLnZpc2libGVcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwidGV4dC13cmFwXCI+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwiaWNvbi13cmFwcGVyXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwiZmEtc2l6ZSBmYSBmYS17e2RhdGEuaWNvbn19XCI+PC9pPlxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICA8ZGl2PlxyXG4gICAgICAgICAgICB7e2RhdGEubGFiZWx9fVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYS1zaXplIGZhIGZhLWFuZ2xlLWRvd25cIiAqbmdJZj1cIiEoZGF0YS5pdGVtcyA9PSB1bmRlZmluZWQpXCJcclxuICAgICAgICAgICBbQGluZGljYXRvclJvdGF0ZV09XCJkYXRhLmV4cGFuZGVkID8gJ2V4cGFuZGVkJzogJ2NvbGxhcHNlZCdcIj48L2k+XHJcbiAgICAgIDwvYT5cclxuICAgICAgPGRpdiBjbGFzcz1cInN1Yi1saW5rLXdyYXBwZXJcIiAqbmdJZj1cImRhdGEuZXhwYW5kZWRcIj5cclxuICAgICAgICA8YXBwLW1lbnUtbGlzdC1pdGVtIFtpdGVtc109XCJkYXRhLml0ZW1zXCI+XHJcbiAgICAgICAgPC9hcHAtbWVudS1saXN0LWl0ZW0+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwiYXV0aC1pbmZvLXdycFwiPlxyXG4gICAgICA8ZGl2ICpuZ0lmPVwiY2xpZW50ICYmIHN1YmNsaWVudFwiIGNsYXNzPVwiY2xpZW50LWluZm8td3JwXCI+XHJcbiAgICAgICAgPGRpdj57e2NsaWVudD8udGV4dH19PC9kaXY+XHJcbiAgICAgICAgPGkgY2xhc3M9XCJmYSBmYS1hbmdsZS1yaWdodFwiPjwvaT5cclxuICAgICAgICA8ZGl2Pnt7c3ViY2xpZW50Py50ZXh0fX08L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJzaWRlbmF2RGF0YS5hY3RpdmVSb2xlXCIgY2xhc3M9XCJyb2xlLWluZm8td3JwXCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJyb2xlLWluZm8tdGV4dFwiPkxvZ2dlZCBpbiBhcyA8L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJyb2xlLWluZm8tdGV4dCByb2xlXCI+e3tzaWRlbmF2RGF0YS5hY3RpdmVSb2xlfX08L3NwYW4+PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuPC9hc2lkZT5cclxuIl19
|
|
@@ -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 - 60px);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;min-height:100%!important;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!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.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 - 60px);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;min-height:100%!important;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!important;z-index:1}.sidebar_div{margin:0;padding:0;width:220px;overflow:hidden!important}.sidebar_div a{color:#005860;padding:10px 14px;text-decoration:none;margin:0 5px;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!important;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!important;color:#9d9d9d}.nav-list>li>a{color:#c4c4c4;font-size:14px;padding-left:15px!important;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!important;left:0%;top:0;z-index:1;cursor:default}@media screen and (max-width: 600px){.sidebar_div{margin:0!important}.sgh-sidebar{position:fixed!important;background:white!important}.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VibGV2ZWwtbWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zZ2gtbmF2YmFyL3NyYy9saWIvc2lkZW5hdi9zdWJsZXZlbC1tZW51LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRXpELE9BQU8sRUFBRSxTQUFTLEVBQWUsTUFBTSxVQUFVLENBQUM7Ozs7QUFnRWxELE1BQU0sT0FBTyxxQkFBcUI7SUFjaEMsWUFBbUIsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFaeEIsU0FBSSxHQUFnQjtZQUMzQixTQUFTLEVBQUUsRUFBRTtZQUNiLElBQUksRUFBRSxFQUFFO1lBQ1IsS0FBSyxFQUFFLEVBQUU7WUFDVCxPQUFPLEVBQUUsSUFBSTtZQUNiLEtBQUssRUFBRSxFQUFFO1NBQ1YsQ0FBQTtRQUNRLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFHbEIsYUFBUSxHQUFZLEtBQUssQ0FBQztJQUVDLENBQUM7SUFFckMsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXLENBQUMsSUFBUztRQUNuQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7Z0JBQ2pELEtBQUksSUFBSSxTQUFTLElBQUksSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7b0JBQ3BDLElBQUksSUFBSSxLQUFJLFNBQVMsSUFBSSxTQUFTLENBQUMsUUFBUSxFQUFFO3dCQUMzQyxTQUFTLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztxQkFDNUI7aUJBQ0Y7YUFDRjtTQUNGO1FBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDakMsQ0FBQztJQUVELGNBQWMsQ0FBQyxJQUFpQjtRQUM5QixPQUFPLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUM7WUFDOUQsQ0FBQyxDQUFDLGlCQUFpQjtZQUNuQixDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ1QsQ0FBQzs7a0hBcENVLHFCQUFxQjtzR0FBckIscUJBQXFCLCtLQTVEdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBDVCwrcUdBa0JVLHFCQUFxQixvSEFoQnBCO1FBQ1YsU0FBUztRQUNULE9BQU8sQ0FBQyxTQUFTLEVBQUU7WUFDakIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7Z0JBQ3BCLE1BQU0sRUFBRSxHQUFHO2dCQUNYLFFBQVEsRUFBRSxRQUFRO2FBQ25CLENBQUMsQ0FBQztZQUNILEtBQUssQ0FBQyxTQUFTLEVBQUUsS0FBSyxDQUFDO2dCQUNyQixNQUFNLEVBQUUsR0FBRzthQUNaLENBQUMsQ0FBQztZQUNILFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxDQUFDLEtBQUssQ0FBQyxFQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUMsQ0FBQztnQkFDM0QsT0FBTyxDQUFDLHNCQUFzQixDQUFDLENBQUMsQ0FBQztZQUNuQyxVQUFVLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQztTQUNwQyxDQUFDO0tBQ0g7MkZBRVUscUJBQXFCO2tCQTlEakMsU0FBUzsrQkFDRSxtQkFBbUIsWUFDbkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBDVCxjQUVXO3dCQUNWLFNBQVM7d0JBQ1QsT0FBTyxDQUFDLFNBQVMsRUFBRTs0QkFDakIsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7Z0NBQ3BCLE1BQU0sRUFBRSxHQUFHO2dDQUNYLFFBQVEsRUFBRSxRQUFROzZCQUNuQixDQUFDLENBQUM7NEJBQ0gsS0FBSyxDQUFDLFNBQVMsRUFBRSxLQUFLLENBQUM7Z0NBQ3JCLE1BQU0sRUFBRSxHQUFHOzZCQUNaLENBQUMsQ0FBQzs0QkFDSCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUM7Z0NBQzNELE9BQU8sQ0FBQyxzQkFBc0IsQ0FBQyxDQUFDLENBQUM7NEJBQ25DLFVBQVUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDO3lCQUNwQyxDQUFDO3FCQUNIOzZGQUlRLElBQUk7c0JBQVosS0FBSztnQkFPRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYW5pbWF0ZSwgc3RhdGUsIHN0eWxlLCB0cmFuc2l0aW9uLCB0cmlnZ2VyIH0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBSb3V0ZXIgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xyXG5pbXBvcnQgeyBmYWRlSW5PdXQsIElOYXZiYXJEYXRhIH0gZnJvbSAnLi9oZWxwZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhcHAtc3VibGV2ZWwtbWVudScsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDx1bCAqbmdJZj1cImNvbGxhcHNlZCAmJiBkYXRhLml0ZW1zICYmIGRhdGEuaXRlbXMubGVuZ3RoID4gMFwiXHJcbiAgICBbQHN1Ym1lbnVdPVwiZXhwYW5kZWRcclxuICAgICAgPyB7dmFsdWU6ICd2aXNpYmxlJyxcclxuICAgICAgICAgIHBhcmFtczoge3RyYW5zaXRpb25QYXJhbXM6ICc0MDBtcyBjdWJpYy1iZXppZXIoMC44NiwgMCwgMC4wNywgMSknLCBoZWlnaHQ6ICcqJ319XHJcbiAgICAgIDoge3ZhbHVlOiAnaGlkZGVuJyxcclxuICAgICAgICAgIHBhcmFtczoge3RyYW5zaXRpb25QYXJhbXM6ICc0MDBtcyBjdWJpYy1iZXppZXIoMC44NiwgMCwgMC4wNywgMSknLCBoZWlnaHQ6ICcwJ319XCJcclxuICAgICAgY2xhc3M9XCJzdWJsZXZlbC1uYXZcIlxyXG4gICAgPlxyXG4gICAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgZGF0YS5pdGVtc1wiIGNsYXNzPVwic3VibGV2ZWwtbmF2LWl0ZW1cIj5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKGl0ZW0pXCJcclxuICAgICAgICAgICAgKm5nSWY9XCJpdGVtLml0ZW1zICYmIGl0ZW0uaXRlbXMubGVuZ3RoID4gMCAmJiBpdGVtLnZpc2libGVcIlxyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJnZXRBY3RpdmVDbGFzcyhpdGVtKVwiXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwic3VibGV2ZWwtbGluay1pY29uIGZhIGZhLWNpcmNsZVwiPjwvaT5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdWJsZXZlbC1saW5rLXRleHRcIiBAZmFkZUluT3V0XHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgICA8aSAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgY29sbGFwc2VkXCIgY2xhc3M9XCJtZW51LWNvbGxhcHNlLWljb25cIlxyXG4gICAgICAgICAgICAgIFtuZ0NsYXNzXT1cIiFpdGVtLmV4cGFuZGVkID8gJ2ZhbCBmYS1hbmdsZS1yaWdodCcgOiAnZmFsIGZhLWFuZ2xlLWRvd24nXCJcclxuICAgICAgICAgICAgPjwvaT5cclxuICAgICAgICAgIDwvYT5cclxuICAgICAgICAgIDxhIGNsYXNzPVwic3VibGV2ZWwtbmF2LWxpbmtcIlxyXG4gICAgICAgICAgICAqbmdJZj1cIighaXRlbS5pdGVtcyB8fCAoaXRlbS5pdGVtcyAmJiBpdGVtLml0ZW1zLmxlbmd0aCA9PT0gMCkpICYmIGl0ZW0udmlzaWJsZVwiXHJcbiAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cIltpdGVtLnJvdXRlTGlua11cIlxyXG4gICAgICAgICAgICByb3V0ZXJMaW5rQWN0aXZlPVwiYWN0aXZlLXN1YmxldmVsXCJcclxuICAgICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cIntleGFjdDogdHJ1ZX1cIlxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8aSBjbGFzcz1cInN1YmxldmVsLWxpbmstaWNvbiBmYSBmYS1jaXJjbGVcIj48L2k+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3VibGV2ZWwtbGluay10ZXh0XCIgQGZhZGVJbk91dFxyXG4gICAgICAgICAgICAgICAqbmdJZj1cImNvbGxhcHNlZFwiPnt7aXRlbS5sYWJlbH19PC9zcGFuPlxyXG4gICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgPGRpdiAqbmdJZj1cIml0ZW0uaXRlbXMgJiYgaXRlbS5pdGVtcy5sZW5ndGggPiAwXCI+XHJcbiAgICAgICAgICAgIDxhcHAtc3VibGV2ZWwtbWVudVxyXG4gICAgICAgICAgICAgIFtkYXRhXT1cIml0ZW1cIlxyXG4gICAgICAgICAgICAgIFtjb2xsYXBzZWRdPVwiY29sbGFwc2VkXCJcclxuICAgICAgICAgICAgICBbbXVsdGlwbGVdPVwibXVsdGlwbGVcIlxyXG4gICAgICAgICAgICAgIFtleHBhbmRlZF09XCJpdGVtLmV4cGFuZGVkXCJcclxuICAgICAgICAgICAgPjwvYXBwLXN1YmxldmVsLW1lbnU+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9saT5cclxuICAgIDwvdWw+XHJcbiAgYCxcclxuICBzdHlsZVVybHM6IFsnLi9zaWRlbmF2LmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgYW5pbWF0aW9uczogW1xyXG4gICAgZmFkZUluT3V0LFxyXG4gICAgdHJpZ2dlcignc3VibWVudScsIFtcclxuICAgICAgc3RhdGUoJ2hpZGRlbicsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcwJyxcclxuICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbidcclxuICAgICAgfSkpLFxyXG4gICAgICBzdGF0ZSgndmlzaWJsZScsIHN0eWxlKHtcclxuICAgICAgICBoZWlnaHQ6ICcqJ1xyXG4gICAgICB9KSksXHJcbiAgICAgIHRyYW5zaXRpb24oJ3Zpc2libGUgPD0+IGhpZGRlbicsIFtzdHlsZSh7b3ZlcmZsb3c6ICdoaWRkZW4nfSksXHJcbiAgICAgICAgYW5pbWF0ZSgne3t0cmFuc2l0aW9uUGFyYW1zfX0nKV0pLFxyXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBhbmltYXRlKDApKVxyXG4gICAgXSlcclxuICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTdWJsZXZlbE1lbnVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBASW5wdXQoKSBkYXRhOiBJTmF2YmFyRGF0YSA9IHtcclxuICAgIHJvdXRlTGluazogJycsXHJcbiAgICBpY29uOiAnJyxcclxuICAgIGxhYmVsOiAnJyxcclxuICAgIHZpc2libGU6IHRydWUsXHJcbiAgICBpdGVtczogW11cclxuICB9XHJcbiAgQElucHV0KCkgY29sbGFwc2VkID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYW5pbWF0aW5nOiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIGV4cGFuZGVkOiBib29sZWFuIHwgdW5kZWZpbmVkO1xyXG4gIEBJbnB1dCgpIG11bHRpcGxlOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyByb3V0ZXI6IFJvdXRlcikge31cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVDbGljayhpdGVtOiBhbnkpOiB2b2lkIHtcclxuICAgIGlmICghdGhpcy5tdWx0aXBsZSkge1xyXG4gICAgICBpZiAodGhpcy5kYXRhLml0ZW1zICYmIHRoaXMuZGF0YS5pdGVtcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgICAgZm9yKGxldCBtb2RlbEl0ZW0gb2YgdGhpcy5kYXRhLml0ZW1zKSB7XHJcbiAgICAgICAgICBpZiAoaXRlbSAhPT1tb2RlbEl0ZW0gJiYgbW9kZWxJdGVtLmV4cGFuZGVkKSB7XHJcbiAgICAgICAgICAgIG1vZGVsSXRlbS5leHBhbmRlZCA9IGZhbHNlO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaXRlbS5leHBhbmRlZCA9ICFpdGVtLmV4cGFuZGVkO1xyXG4gIH1cclxuXHJcbiAgZ2V0QWN0aXZlQ2xhc3MoaXRlbTogSU5hdmJhckRhdGEpOiBzdHJpbmcge1xyXG4gICAgcmV0dXJuIGl0ZW0uZXhwYW5kZWQgJiYgdGhpcy5yb3V0ZXIudXJsLmluY2x1ZGVzKGl0ZW0ucm91dGVMaW5rKVxyXG4gICAgICA/ICdhY3RpdmUtc3VibGV2ZWwnXHJcbiAgICAgIDogJyc7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class NoftificationListComponent {
|
|
4
|
-
constructor() { }
|
|
5
|
-
ngOnInit() {
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
NoftificationListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
9
|
-
NoftificationListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NoftificationListComponent, selector: "app-noftification-list", ngImport: i0, template: "<div class=\"notifications-list-wrapper\">\r\n <div class=\"notifications-list\">\r\n <div class=\"notifications-title\">\r\n <span class=\"title mat-h3\">Notifications</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-title\">\r\n <span class=\"see-all mat-h4\">See all</span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:400px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0 5px 0 0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.notifications-list-wrapper{animation:cardAnim 1s cubic-bezier(.33,1,.68,1) 0s 1 normal none}@keyframes cardAnim{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}\n"] });
|
|
10
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NoftificationListComponent, decorators: [{
|
|
11
|
-
type: Component,
|
|
12
|
-
args: [{ selector: 'app-noftification-list', template: "<div class=\"notifications-list-wrapper\">\r\n <div class=\"notifications-list\">\r\n <div class=\"notifications-title\">\r\n <span class=\"title mat-h3\">Notifications</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-list-item\">\r\n <span class=\"item-title mat-h4\">David James</span>\r\n <span class=\"item-description mat-h5\">A notification box show message</span>\r\n </div>\r\n <div class=\"notifications-title\">\r\n <span class=\"see-all mat-h4\">See all</span>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".notifications-list-wrapper{padding:10px;position:absolute;right:10px;top:45px;z-index:2;color:#000000de;width:400px}.notifications-list-wrapper .notifications-list{box-shadow:0 2px 10px #00000026;position:relative}.notifications-list-wrapper .notifications-list .notifications-title{background-color:#fff;text-align:center;padding:20px 10px;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item{padding:10px 10px 10px 30px;background-color:#e0eced;border-bottom:1px solid #f1f1f3}.notifications-list-wrapper .notifications-list .notifications-list-item .item-title{margin:0 5px 0 0;white-space:normal}.notifications-list-wrapper .notifications-list .notifications-list-item .item-description{margin:0;color:#000000de;opacity:.5;white-space:normal}.notifications-list-wrapper .notifications-list .see-all{background-color:#fff;color:#006068;font-weight:500}@media screen and (max-width: 599px){.notifications-list-wrapper{width:auto}}.notifications-list-wrapper{animation:cardAnim 1s cubic-bezier(.33,1,.68,1) 0s 1 normal none}@keyframes cardAnim{0%{opacity:0;transform:rotateX(-100deg);transform-origin:top}to{opacity:1;transform:rotateX(0);transform-origin:top}}\n"] }]
|
|
13
|
-
}], ctorParameters: function () { return []; } });
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NnaC1uYXZiYXIvc3JjL2xpYi90b29sYmFyL25vZnRpZmljYXRpb24tbGlzdC9ub2Z0aWZpY2F0aW9uLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvbm9mdGlmaWNhdGlvbi1saXN0L25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQU9sRCxNQUFNLE9BQU8sMEJBQTBCO0lBRXJDLGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzt1SEFMVSwwQkFBMEI7MkdBQTFCLDBCQUEwQiw4RENQdkMsd3ZCQWtCQTsyRkRYYSwwQkFBMEI7a0JBTHRDLFNBQVM7K0JBQ0Usd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXBwLW5vZnRpZmljYXRpb24tbGlzdCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vZnRpZmljYXRpb24tbGlzdC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbm9mdGlmaWNhdGlvbi1saXN0LmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5vZnRpZmljYXRpb25MaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3Qtd3JhcHBlclwiPlxyXG4gIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3RcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLXRpdGxlXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGUgbWF0LWgzXCI+Tm90aWZpY2F0aW9uczwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cIm5vdGlmaWNhdGlvbnMtbGlzdC1pdGVtXCI+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS10aXRsZSBtYXQtaDRcIj5EYXZpZCBKYW1lczwvc3Bhbj5cclxuICAgICAgPHNwYW4gY2xhc3M9XCJpdGVtLWRlc2NyaXB0aW9uIG1hdC1oNVwiPkEgbm90aWZpY2F0aW9uIGJveCBzaG93IG1lc3NhZ2U8L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJub3RpZmljYXRpb25zLWxpc3QtaXRlbVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cIml0ZW0tdGl0bGUgbWF0LWg0XCI+RGF2aWQgSmFtZXM8L3NwYW4+XHJcbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS1kZXNjcmlwdGlvbiBtYXQtaDVcIj5BIG5vdGlmaWNhdGlvbiBib3ggc2hvdyBtZXNzYWdlPC9zcGFuPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9ucy10aXRsZVwiPlxyXG4gICAgICA8c3BhbiBjbGFzcz1cInNlZS1hbGwgbWF0LWg0XCI+U2VlIGFsbDwvc3Bhbj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
|
|
@@ -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=
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, Inject, Output } from '@angular/core';
|
|
2
|
-
import { MAT_DIALOG_DATA } from "@angular/material/dialog";
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/material/dialog";
|
|
5
|
-
import * as i2 from "../../sgh-navbar.service";
|
|
6
|
-
import * as i3 from "@angular/common";
|
|
7
|
-
import * as i4 from "@angular/material/radio";
|
|
8
|
-
export class SubClientDialogComponent {
|
|
9
|
-
constructor(data, dialogRef, sghNavbarService) {
|
|
10
|
-
this.data = data;
|
|
11
|
-
this.dialogRef = dialogRef;
|
|
12
|
-
this.sghNavbarService = sghNavbarService;
|
|
13
|
-
this.subClient = new EventEmitter();
|
|
14
|
-
this.client = data.client;
|
|
15
|
-
this.subClientList = data.client.subClientList;
|
|
16
|
-
// find the selected sub client
|
|
17
|
-
let selectedSubClientIndex = this.subClientList.findIndex((subClient) => subClient.checked == true);
|
|
18
|
-
this.selectedSubClient = this.subClientList[selectedSubClientIndex];
|
|
19
|
-
}
|
|
20
|
-
onSubClientSelect(item) {
|
|
21
|
-
// update the sub client list with newly selected values
|
|
22
|
-
this.subClientList.forEach((subClient) => {
|
|
23
|
-
if (subClient == item) {
|
|
24
|
-
subClient.checked = true;
|
|
25
|
-
}
|
|
26
|
-
else {
|
|
27
|
-
subClient.checked = false;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
this.selectedSubClient = item;
|
|
31
|
-
}
|
|
32
|
-
onSelectBtnClick() {
|
|
33
|
-
this.dialogRef.close({ data: { selectedSubClient: this.selectedSubClient } });
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
SubClientDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SubClientDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1.MatDialogRef }, { token: i2.SghNavbarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
37
|
-
SubClientDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SubClientDialogComponent, selector: "lib-subclient-dialog", outputs: { subClient: "subClient" }, ngImport: i0, template: "<div class=\"subclientlist-wrapper dialog-wrapper\">\r\n <h4 class=\"subclientlist-header\">Select Sub Client</h4>\r\n <div class=\"subclientlist-body\">\r\n <div>\r\n <mat-radio-group class=\"subclientlist-radiogrp\" aria-label=\"Select an option\">\r\n <mat-radio-button [value]=\"item.value\" *ngFor=\"let item of subClientList;index as i\" (click)=\"onSubClientSelect(item)\" [checked]=\"item.checked\">{{item.text}}</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </div>\r\n <div class=\"subclientlist-btns\">\r\n <button class=\"sgh-btn-primary\" (click)=\"onSelectBtnClick()\">Select</button>\r\n </div>\r\n</div>\r\n\r\n", styles: [".subclientlist-wrapper .subclientlist-header{font-weight:500;line-height:48px;display:flex;justify-content:center;align-items:center;padding-bottom:0;margin:0}.subclientlist-wrapper .subclientlist-body{font-weight:400;text-align:center;color:#000;padding:0 15px 15px}.subclientlist-wrapper .subclientlist-body .subclientlist-radiogrp{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.subclientlist-wrapper .subclientlist-btns{padding:0;min-height:48px}.subclientlist-wrapper button{width:100%;margin-bottom:0}.subclientlist-wrapper .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i4.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
|
|
38
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SubClientDialogComponent, decorators: [{
|
|
39
|
-
type: Component,
|
|
40
|
-
args: [{ selector: 'lib-subclient-dialog', template: "<div class=\"subclientlist-wrapper dialog-wrapper\">\r\n <h4 class=\"subclientlist-header\">Select Sub Client</h4>\r\n <div class=\"subclientlist-body\">\r\n <div>\r\n <mat-radio-group class=\"subclientlist-radiogrp\" aria-label=\"Select an option\">\r\n <mat-radio-button [value]=\"item.value\" *ngFor=\"let item of subClientList;index as i\" (click)=\"onSubClientSelect(item)\" [checked]=\"item.checked\">{{item.text}}</mat-radio-button>\r\n </mat-radio-group>\r\n </div>\r\n </div>\r\n <div class=\"subclientlist-btns\">\r\n <button class=\"sgh-btn-primary\" (click)=\"onSelectBtnClick()\">Select</button>\r\n </div>\r\n</div>\r\n\r\n", styles: [".subclientlist-wrapper .subclientlist-header{font-weight:500;line-height:48px;display:flex;justify-content:center;align-items:center;padding-bottom:0;margin:0}.subclientlist-wrapper .subclientlist-body{font-weight:400;text-align:center;color:#000;padding:0 15px 15px}.subclientlist-wrapper .subclientlist-body .subclientlist-radiogrp{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.subclientlist-wrapper .subclientlist-btns{padding:0;min-height:48px}.subclientlist-wrapper button{width:100%;margin-bottom:0}.subclientlist-wrapper .mat-mdc-dialog-actions .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}\n"] }]
|
|
41
|
-
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
42
|
-
type: Inject,
|
|
43
|
-
args: [MAT_DIALOG_DATA]
|
|
44
|
-
}] }, { type: i1.MatDialogRef }, { type: i2.SghNavbarService }]; }, propDecorators: { subClient: [{
|
|
45
|
-
type: Output
|
|
46
|
-
}] } });
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3ViLWNsaWVudC1kaWFsb2cuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvc3ViLWNsaWVudC1kaWFsb2cvc3ViLWNsaWVudC1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvc3ViLWNsaWVudC1kaWFsb2cvc3ViLWNsaWVudC1kaWFsb2cuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUN0RSxPQUFPLEVBQUMsZUFBZSxFQUFlLE1BQU0sMEJBQTBCLENBQUM7Ozs7OztBQVN2RSxNQUFNLE9BQU8sd0JBQXdCO0lBTW5DLFlBQTRDLElBQVMsRUFBVSxTQUFpRCxFQUFVLGdCQUFrQztRQUFoSCxTQUFJLEdBQUosSUFBSSxDQUFLO1FBQVUsY0FBUyxHQUFULFNBQVMsQ0FBd0M7UUFBVSxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBSGxKLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBSTVDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUMxQixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDO1FBQy9DLCtCQUErQjtRQUMvQixJQUFJLHNCQUFzQixHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxDQUFDO1FBQ3BHLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLHNCQUFzQixDQUFDLENBQUM7SUFDdEUsQ0FBQztJQUVELGlCQUFpQixDQUFDLElBQXVCO1FBRXZDLHdEQUF3RDtRQUN4RCxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sQ0FBQyxDQUFDLFNBQVMsRUFBRSxFQUFFO1lBQ3ZDLElBQUksU0FBUyxJQUFJLElBQUksRUFBRTtnQkFDckIsU0FBUyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUE7YUFDekI7aUJBQU07Z0JBQ0wsU0FBUyxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7YUFDM0I7UUFDSCxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUM7SUFDaEMsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQUMsSUFBSSxFQUFFLEVBQUMsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixFQUFDLEVBQUMsQ0FBQyxDQUFDO0lBQzVFLENBQUM7O3FIQTdCVSx3QkFBd0Isa0JBTWYsZUFBZTt5R0FOeEIsd0JBQXdCLGlHQ1ZyQyw4cEJBY0E7MkZESmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHNCQUFzQjs7MEJBVW5CLE1BQU07MkJBQUMsZUFBZTtzR0FIekIsU0FBUztzQkFBbEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgT3V0cHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtNQVRfRElBTE9HX0RBVEEsIE1hdERpYWxvZ1JlZn0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2RpYWxvZ1wiO1xyXG5pbXBvcnQge0NsaWVudExpc3RJdGVtLCBTdWJDbGllbnRMaXN0SXRlbX0gZnJvbSBcIi4uL3Rvb2xiYXItZGF0YVwiO1xyXG5pbXBvcnQge1NnaE5hdmJhclNlcnZpY2V9IGZyb20gXCIuLi8uLi9zZ2gtbmF2YmFyLnNlcnZpY2VcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbGliLXN1YmNsaWVudC1kaWFsb2cnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWItY2xpZW50LWRpYWxvZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc3ViLWNsaWVudC1kaWFsb2cuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgU3ViQ2xpZW50RGlhbG9nQ29tcG9uZW50IHtcclxuICBjbGllbnQ6IENsaWVudExpc3RJdGVtO1xyXG4gIHN1YkNsaWVudExpc3Q6IFN1YkNsaWVudExpc3RJdGVtW107XHJcbiAgQE91dHB1dCgpIHN1YkNsaWVudCA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIHNlbGVjdGVkU3ViQ2xpZW50OiBTdWJDbGllbnRMaXN0SXRlbTtcclxuXHJcbiAgY29uc3RydWN0b3IoQEluamVjdChNQVRfRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBhbnksIHByaXZhdGUgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8U3ViQ2xpZW50RGlhbG9nQ29tcG9uZW50PiwgcHJpdmF0ZSBzZ2hOYXZiYXJTZXJ2aWNlOiBTZ2hOYXZiYXJTZXJ2aWNlKSB7XHJcbiAgICB0aGlzLmNsaWVudCA9IGRhdGEuY2xpZW50O1xyXG4gICAgdGhpcy5zdWJDbGllbnRMaXN0ID0gZGF0YS5jbGllbnQuc3ViQ2xpZW50TGlzdDtcclxuICAgIC8vIGZpbmQgdGhlIHNlbGVjdGVkIHN1YiBjbGllbnRcclxuICAgIGxldCBzZWxlY3RlZFN1YkNsaWVudEluZGV4ID0gdGhpcy5zdWJDbGllbnRMaXN0LmZpbmRJbmRleCgoc3ViQ2xpZW50KSA9PiBzdWJDbGllbnQuY2hlY2tlZCA9PSB0cnVlKTtcclxuICAgIHRoaXMuc2VsZWN0ZWRTdWJDbGllbnQgPSB0aGlzLnN1YkNsaWVudExpc3Rbc2VsZWN0ZWRTdWJDbGllbnRJbmRleF07XHJcbiAgfVxyXG5cclxuICBvblN1YkNsaWVudFNlbGVjdChpdGVtOiBTdWJDbGllbnRMaXN0SXRlbSkge1xyXG5cclxuICAgIC8vIHVwZGF0ZSB0aGUgc3ViIGNsaWVudCBsaXN0IHdpdGggbmV3bHkgc2VsZWN0ZWQgdmFsdWVzXHJcbiAgICB0aGlzLnN1YkNsaWVudExpc3QuZm9yRWFjaCgoc3ViQ2xpZW50KSA9PiB7XHJcbiAgICAgIGlmIChzdWJDbGllbnQgPT0gaXRlbSkge1xyXG4gICAgICAgIHN1YkNsaWVudC5jaGVja2VkID0gdHJ1ZVxyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHN1YkNsaWVudC5jaGVja2VkID0gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgIH0pO1xyXG4gICAgdGhpcy5zZWxlY3RlZFN1YkNsaWVudCA9IGl0ZW07XHJcbiAgfVxyXG5cclxuICBvblNlbGVjdEJ0bkNsaWNrKCkge1xyXG4gICAgdGhpcy5kaWFsb2dSZWYuY2xvc2Uoe2RhdGE6IHtzZWxlY3RlZFN1YkNsaWVudDogdGhpcy5zZWxlY3RlZFN1YkNsaWVudH19KTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInN1YmNsaWVudGxpc3Qtd3JhcHBlciBkaWFsb2ctd3JhcHBlclwiPlxyXG4gIDxoNCBjbGFzcz1cInN1YmNsaWVudGxpc3QtaGVhZGVyXCI+U2VsZWN0IFN1YiBDbGllbnQ8L2g0PlxyXG4gIDxkaXYgY2xhc3M9XCJzdWJjbGllbnRsaXN0LWJvZHlcIj5cclxuICAgIDxkaXY+XHJcbiAgICAgIDxtYXQtcmFkaW8tZ3JvdXAgY2xhc3M9XCJzdWJjbGllbnRsaXN0LXJhZGlvZ3JwXCIgYXJpYS1sYWJlbD1cIlNlbGVjdCBhbiBvcHRpb25cIj5cclxuICAgICAgICA8bWF0LXJhZGlvLWJ1dHRvbiBbdmFsdWVdPVwiaXRlbS52YWx1ZVwiICpuZ0Zvcj1cImxldCBpdGVtIG9mIHN1YkNsaWVudExpc3Q7aW5kZXggYXMgaVwiIChjbGljayk9XCJvblN1YkNsaWVudFNlbGVjdChpdGVtKVwiIFtjaGVja2VkXT1cIml0ZW0uY2hlY2tlZFwiPnt7aXRlbS50ZXh0fX08L21hdC1yYWRpby1idXR0b24+XHJcbiAgICAgIDwvbWF0LXJhZGlvLWdyb3VwPlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBjbGFzcz1cInN1YmNsaWVudGxpc3QtYnRuc1wiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cInNnaC1idG4tcHJpbWFyeVwiIChjbGljayk9XCJvblNlbGVjdEJ0bkNsaWNrKClcIj5TZWxlY3Q8L2J1dHRvbj5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcblxyXG4iXX0=
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export class ToolbarData {
|
|
2
|
-
}
|
|
3
|
-
export class ThemeOption {
|
|
4
|
-
}
|
|
5
|
-
export class ClientListItem {
|
|
6
|
-
}
|
|
7
|
-
export class SubClientListItem {
|
|
8
|
-
}
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbGJhci1kYXRhLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc2doLW5hdmJhci9zcmMvbGliL3Rvb2xiYXIvdG9vbGJhci1kYXRhLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sT0FBTyxXQUFXO0NBZXZCO0FBRUQsTUFBTSxPQUFPLFdBQVc7Q0FJdkI7QUFFRCxNQUFNLE9BQU8sY0FBYztDQUsxQjtBQUVELE1BQU0sT0FBTyxpQkFBaUI7Q0FJN0IiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgY2xhc3MgVG9vbGJhckRhdGEge1xyXG4gIHRoZW1lT3B0aW9uczogVGhlbWVPcHRpb25bXVxyXG4gIGNsaWVudExpc3Q/OiBDbGllbnRMaXN0SXRlbVtdXHJcbiAgYmdDb2xvcjogc3RyaW5nO1xyXG4gIGltZzogc3RyaW5nO1xyXG4gIHNlYXJjaEVuYWJsZT86IGJvb2xlYW47XHJcbiAgbm90aWZpY2F0aW9uRW5hYmxlPzogYm9vbGVhbjtcclxuICBwcm9maWxlRW5hYmxlPzogYm9vbGVhbjtcclxuICBzZXR0aW5nc0VuYWJsZT86IGJvb2xlYW47XHJcbiAgcHJvZmlsZVZpZXc/OiBib29sZWFuO1xyXG4gIHByb2ZpbGVDb250ZW50PzogYW55O1xyXG4gIGNsaWVudENvbmZpZ3VyYXRpb25FbmFibGU/OiBib29sZWFuO1xyXG4gIGFwcGxpY2F0aW9uQ29uZmlndXJhdGlvbkVuYWJsZT86IGJvb2xlYW47XHJcbiAgaXNUaGVtZUNvbGxhcHNlZD86IGJvb2xlYW47XHJcbiAgaXNOb3RpZk5hdkNvbGxhcHNlZD86IGJvb2xlYW47XHJcbn1cclxuXHJcbmV4cG9ydCBjbGFzcyBUaGVtZU9wdGlvbiB7XHJcbiAgbmFtZTogc3RyaW5nO1xyXG4gIHZhbHVlOiBzdHJpbmc7XHJcbiAgY2hlY2tlZDogYm9vbGVhbjtcclxufVxyXG5cclxuZXhwb3J0IGNsYXNzIENsaWVudExpc3RJdGVtIHtcclxuICB0ZXh0OiBzdHJpbmc7XHJcbiAgdmFsdWU6IHN0cmluZztcclxuICBzZWxlY3RlZDogYm9vbGVhbjtcclxuICBzdWJDbGllbnRMaXN0PzogU3ViQ2xpZW50TGlzdEl0ZW1bXVxyXG59XHJcblxyXG5leHBvcnQgY2xhc3MgU3ViQ2xpZW50TGlzdEl0ZW0ge1xyXG4gIHRleHQ6IHN0cmluZztcclxuICB2YWx1ZTogc3RyaW5nO1xyXG4gIGNoZWNrZWQ6IGJvb2xlYW5cclxufVxyXG4iXX0=
|