tango-app-ui-shared 3.0.60-dev → 3.0.61-dev
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/esm2022/lib/modules/layout/header/navbar/navbar.component.mjs +43 -15
- package/esm2022/lib/modules/layout/layout.module.mjs +2 -5
- package/esm2022/lib/modules/layout/toolbar/date-single-select/date-single-select.component.mjs +3 -12
- package/esm2022/lib/modules/notification/notification/notification.component.mjs +10 -7
- package/esm2022/lib/services/notification.service.mjs +4 -1
- package/fesm2022/tango-app-ui-shared-notification.module-CXZQpAXl.mjs +197 -0
- package/fesm2022/tango-app-ui-shared-notification.module-CXZQpAXl.mjs.map +1 -0
- package/fesm2022/tango-app-ui-shared.mjs +48 -45
- package/fesm2022/tango-app-ui-shared.mjs.map +1 -1
- package/lib/modules/layout/header/navbar/navbar.component.d.ts +9 -4
- package/lib/modules/layout/layout.module.d.ts +10 -11
- package/lib/modules/notification/notification/notification.component.d.ts +1 -1
- package/lib/services/notification.service.d.ts +1 -0
- package/package.json +1 -1
- package/esm2022/lib/modules/layout/header/notification-alert/notification-alert.component.mjs +0 -19
- package/fesm2022/tango-app-ui-shared-notification.module-BIS16sw8.mjs +0 -194
- package/fesm2022/tango-app-ui-shared-notification.module-BIS16sw8.mjs.map +0 -1
- package/lib/modules/layout/header/notification-alert/notification-alert.component.d.ts +0 -7
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import { OnDestroy, OnInit } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
2
|
import { NotificationService } from '../../../../services/notification.service';
|
|
3
3
|
import { Router } from '@angular/router';
|
|
4
|
-
import {
|
|
4
|
+
import { ToastService } from '../../../../services/toast.service';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class NavbarComponent implements OnInit, OnDestroy {
|
|
7
7
|
private service;
|
|
8
8
|
private router;
|
|
9
|
-
private
|
|
9
|
+
private toast;
|
|
10
|
+
private cd;
|
|
10
11
|
appHeaderDefaulMenuDisplay: boolean;
|
|
11
12
|
isRtl: boolean;
|
|
12
13
|
private readonly destroy$;
|
|
@@ -17,13 +18,16 @@ export declare class NavbarComponent implements OnInit, OnDestroy {
|
|
|
17
18
|
btnIconClass: string;
|
|
18
19
|
notificationReceived: boolean;
|
|
19
20
|
notification: any;
|
|
21
|
+
pushNotificationList: any;
|
|
20
22
|
activeTabId: string;
|
|
21
23
|
loading: boolean;
|
|
22
24
|
noData: boolean;
|
|
23
25
|
url: any;
|
|
26
|
+
showNotification: boolean;
|
|
27
|
+
showDropdown: boolean;
|
|
24
28
|
private subscription;
|
|
25
29
|
notificationDropDownClass: boolean;
|
|
26
|
-
constructor(service: NotificationService, router: Router,
|
|
30
|
+
constructor(service: NotificationService, router: Router, toast: ToastService, cd: ChangeDetectorRef);
|
|
27
31
|
ngOnDestroy(): void;
|
|
28
32
|
ngOnInit(): void;
|
|
29
33
|
toggleUserDropDown(): void;
|
|
@@ -31,6 +35,7 @@ export declare class NavbarComponent implements OnInit, OnDestroy {
|
|
|
31
35
|
notificationList(): void;
|
|
32
36
|
handleNotification(): void;
|
|
33
37
|
viewAll(type: any): void;
|
|
38
|
+
updateNotification(data: any, url: any): void;
|
|
34
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
|
|
35
40
|
static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "lib-navbar", never, { "appHeaderDefaulMenuDisplay": { "alias": "appHeaderDefaulMenuDisplay"; "required": false; }; "isRtl": { "alias": "isRtl"; "required": false; }; }, {}, never, never, false, never>;
|
|
36
41
|
}
|
|
@@ -24,18 +24,17 @@ import * as i22 from "./toolbar/datepicker/datepicker.component";
|
|
|
24
24
|
import * as i23 from "./toolbar/date-single-select/date-single-select.component";
|
|
25
25
|
import * as i24 from "./toolbar/single-store/single-store.component";
|
|
26
26
|
import * as i25 from "./header/notifications-inner/notifications-inner.component";
|
|
27
|
-
import * as i26 from "
|
|
28
|
-
import * as i27 from "@angular/
|
|
29
|
-
import * as i28 from "
|
|
30
|
-
import * as i29 from "
|
|
31
|
-
import * as i30 from "ng-
|
|
32
|
-
import * as i31 from "@
|
|
33
|
-
import * as i32 from "
|
|
34
|
-
import * as i33 from "
|
|
35
|
-
import * as i34 from "
|
|
36
|
-
import * as i35 from "ngx-daterangepicker-material";
|
|
27
|
+
import * as i26 from "@angular/common";
|
|
28
|
+
import * as i27 from "@angular/router";
|
|
29
|
+
import * as i28 from "../../i18n/translation.module";
|
|
30
|
+
import * as i29 from "ng-inline-svg-2";
|
|
31
|
+
import * as i30 from "@ng-bootstrap/ng-bootstrap";
|
|
32
|
+
import * as i31 from "@ngx-translate/core";
|
|
33
|
+
import * as i32 from "../common/common-shared.module";
|
|
34
|
+
import * as i33 from "@angular/forms";
|
|
35
|
+
import * as i34 from "ngx-daterangepicker-material";
|
|
37
36
|
export declare class LayoutModule {
|
|
38
37
|
static ɵfac: i0.ɵɵFactoryDeclaration<LayoutModule, never>;
|
|
39
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, [typeof i1.LayoutComponent, typeof i2.HeaderComponent, typeof i3.ContentComponent, typeof i4.FooterComponent, typeof i5.ScriptsInitComponent, typeof i6.ToolbarComponent, typeof i7.PageTitleComponent, typeof i8.HeaderMenuComponent, typeof i9.SidebarComponent, typeof i10.SidebarLogoComponent, typeof i11.SidebarMenuComponent, typeof i12.SidebarFooterComponent, typeof i13.NavbarComponent, typeof i14.AccountingComponent, typeof i15.ClassicComponent, typeof i16.ExtendedComponent, typeof i17.ReportsComponent, typeof i18.SaasComponent, typeof i19.KeeniconComponent, typeof i20.LayoutScrollTopComponent, typeof i21.ClientSettingsComponent, typeof i22.DatepickerComponent, typeof i23.DateSingleSelectComponent, typeof i24.SingleStoreComponent, typeof i25.NotificationsInnerComponent
|
|
38
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, [typeof i1.LayoutComponent, typeof i2.HeaderComponent, typeof i3.ContentComponent, typeof i4.FooterComponent, typeof i5.ScriptsInitComponent, typeof i6.ToolbarComponent, typeof i7.PageTitleComponent, typeof i8.HeaderMenuComponent, typeof i9.SidebarComponent, typeof i10.SidebarLogoComponent, typeof i11.SidebarMenuComponent, typeof i12.SidebarFooterComponent, typeof i13.NavbarComponent, typeof i14.AccountingComponent, typeof i15.ClassicComponent, typeof i16.ExtendedComponent, typeof i17.ReportsComponent, typeof i18.SaasComponent, typeof i19.KeeniconComponent, typeof i20.LayoutScrollTopComponent, typeof i21.ClientSettingsComponent, typeof i22.DatepickerComponent, typeof i23.DateSingleSelectComponent, typeof i24.SingleStoreComponent, typeof i25.NotificationsInnerComponent], [typeof i26.CommonModule, typeof i27.RouterModule, typeof i28.TranslationModule, typeof i29.InlineSVGModule, typeof i30.NgbDropdownModule, typeof i30.NgbProgressbarModule, typeof i30.NgbTooltipModule, typeof i31.TranslateModule, typeof i32.CommonSharedModule, typeof i33.FormsModule, typeof i34.NgxDaterangepickerMd], [typeof i27.RouterModule]>;
|
|
40
39
|
static ɵinj: i0.ɵɵInjectorDeclaration<LayoutModule>;
|
|
41
40
|
}
|
|
@@ -35,7 +35,7 @@ export declare class NotificationComponent implements OnInit {
|
|
|
35
35
|
ngOnInit(): void;
|
|
36
36
|
setPageData(): void;
|
|
37
37
|
notificationList(): void;
|
|
38
|
-
updateNotification(data: any,
|
|
38
|
+
updateNotification(data: any, btnDetails: any): void;
|
|
39
39
|
notificationPushUpdate(data: any, _id: any): void;
|
|
40
40
|
chooseManager(type: any): void;
|
|
41
41
|
onPageChange(pageOffset: number): void;
|
|
@@ -16,6 +16,7 @@ export declare class NotificationService {
|
|
|
16
16
|
notificationUpdate(_id: any): Observable<any>;
|
|
17
17
|
notificationPushUpdate(data: any, _id: any): Observable<any>;
|
|
18
18
|
updateNotificationReceived(value: boolean): void;
|
|
19
|
+
updateRemind(_id: any): Observable<any>;
|
|
19
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;
|
|
20
21
|
static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
|
|
21
22
|
}
|
package/package.json
CHANGED
package/esm2022/lib/modules/layout/header/notification-alert/notification-alert.component.mjs
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { Component, HostBinding } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class NotificationAlertComponent {
|
|
4
|
-
class = 'menu menu-sub menu-sub-dropdown menu-column w-450px w-lg-425px';
|
|
5
|
-
dataKtMenu = 'true';
|
|
6
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
7
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationAlertComponent, selector: "lib-notification-alert", host: { properties: { "class": "this.class", "attr.data-kt-menu": "this.dataKtMenu" } }, ngImport: i0, template: "<div class=\"d-flex justify-content-between\">\r\n <div class=\"alertbg\"></div> \r\n <div class=\"d-flex align-items-sm-center w-100\">\r\n <div class=\"symbol symbol-50px alerticon m-5\">\r\n <span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_12254_112653)\">\r\n <path d=\"M9.99935 13.3334V10M9.99935 6.66669H10.0077M18.3327 10C18.3327 14.6024 14.6017 18.3334 9.99935 18.3334C5.39698 18.3334 1.66602 14.6024 1.66602 10C1.66602 5.39765 5.39698 1.66669 9.99935 1.66669C14.6017 1.66669 18.3327 5.39765 18.3327 10Z\" stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12254_112653\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span></div>\r\n <div class=\"d-flex align-items-center flex-row-fluid flex-wrap\">\r\n <div class=\"flex-grow-1 me-2\"> \r\n <div class=\"d-flex justify-content-between\">\r\n <span class=\"alert-title mt-1\">\r\n Notification\r\n </span>\r\n <span class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n <span><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </span>\r\n </div>\r\n <span class=\"alt-desc d-block mt-2\">\r\n This product is under active development and is available in a Private Beta, please contact Courier support for access. \r\n </span>\r\n </div>\r\n <span class=\"mt-5\">\r\n <button class=\"btn btn-md btn-primary\">Pay Now</button>\r\n <span class=\"text-primary mx-12 remindlatertext\">Remind Me\r\n Later</span></span>\r\n </div>\r\n </div>\r\n </div>\r\n", styles: [".border-value{padding:16px!important;border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alert-title{color:var(--Gray-900, #101828);font-size:18px;font-style:normal;font-weight:600;line-height:28px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;text-align:left}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.alerticon{margin-bottom:35%!important}.alertbg{background:var(--Primary-500, #33B5FF);width:7px!important;height:192px;gap:0px;opacity:0px;border-top-left-radius:15px;border-bottom-left-radius:15px}\n"] });
|
|
8
|
-
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationAlertComponent, decorators: [{
|
|
10
|
-
type: Component,
|
|
11
|
-
args: [{ selector: 'lib-notification-alert', template: "<div class=\"d-flex justify-content-between\">\r\n <div class=\"alertbg\"></div> \r\n <div class=\"d-flex align-items-sm-center w-100\">\r\n <div class=\"symbol symbol-50px alerticon m-5\">\r\n <span><svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\r\n <g clip-path=\"url(#clip0_12254_112653)\">\r\n <path d=\"M9.99935 13.3334V10M9.99935 6.66669H10.0077M18.3327 10C18.3327 14.6024 14.6017 18.3334 9.99935 18.3334C5.39698 18.3334 1.66602 14.6024 1.66602 10C1.66602 5.39765 5.39698 1.66669 9.99935 1.66669C14.6017 1.66669 18.3327 5.39765 18.3327 10Z\" stroke=\"#667085\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12254_112653\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\"/>\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span></div>\r\n <div class=\"d-flex align-items-center flex-row-fluid flex-wrap\">\r\n <div class=\"flex-grow-1 me-2\"> \r\n <div class=\"d-flex justify-content-between\">\r\n <span class=\"alert-title mt-1\">\r\n Notification\r\n </span>\r\n <span class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n <span><svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </span>\r\n </div>\r\n <span class=\"alt-desc d-block mt-2\">\r\n This product is under active development and is available in a Private Beta, please contact Courier support for access. \r\n </span>\r\n </div>\r\n <span class=\"mt-5\">\r\n <button class=\"btn btn-md btn-primary\">Pay Now</button>\r\n <span class=\"text-primary mx-12 remindlatertext\">Remind Me\r\n Later</span></span>\r\n </div>\r\n </div>\r\n </div>\r\n", styles: [".border-value{padding:16px!important;border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alert-title{color:var(--Gray-900, #101828);font-size:18px;font-style:normal;font-weight:600;line-height:28px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px;text-align:left}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.alerticon{margin-bottom:35%!important}.alertbg{background:var(--Primary-500, #33B5FF);width:7px!important;height:192px;gap:0px;opacity:0px;border-top-left-radius:15px;border-bottom-left-radius:15px}\n"] }]
|
|
12
|
-
}], propDecorators: { class: [{
|
|
13
|
-
type: HostBinding,
|
|
14
|
-
args: ['class']
|
|
15
|
-
}], dataKtMenu: [{
|
|
16
|
-
type: HostBinding,
|
|
17
|
-
args: ['attr.data-kt-menu']
|
|
18
|
-
}] } });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RhbmdvLWFwcC1zaGFyZWQvc3JjL2xpYi9tb2R1bGVzL2xheW91dC9oZWFkZXIvbm90aWZpY2F0aW9uLWFsZXJ0L25vdGlmaWNhdGlvbi1hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90YW5nby1hcHAtc2hhcmVkL3NyYy9saWIvbW9kdWxlcy9sYXlvdXQvaGVhZGVyL25vdGlmaWNhdGlvbi1hbGVydC9ub3RpZmljYXRpb24tYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT3ZELE1BQU0sT0FBTywwQkFBMEI7SUFDZixLQUFLLEdBQzNCLGdFQUFnRSxDQUFDO0lBQ2pDLFVBQVUsR0FBRyxNQUFNLENBQUM7d0dBSHpDLDBCQUEwQjs0RkFBMUIsMEJBQTBCLHVKQ1B2Qywwb0ZBMENBOzs0RkRuQ2EsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHdCQUF3Qjs4QkFLWixLQUFLO3NCQUExQixXQUFXO3VCQUFDLE9BQU87Z0JBRVksVUFBVTtzQkFBM0MsV0FBVzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1ub3RpZmljYXRpb24tYWxlcnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24tYWxlcnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9ub3RpZmljYXRpb24tYWxlcnQuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25BbGVydENvbXBvbmVudCB7XHJcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzID1cclxuICAnbWVudSBtZW51LXN1YiBtZW51LXN1Yi1kcm9wZG93biBtZW51LWNvbHVtbiB3LTQ1MHB4IHctbGctNDI1cHgnO1xyXG5ASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1rdC1tZW51JykgZGF0YUt0TWVudSA9ICd0cnVlJztcclxuXHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImQtZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlblwiPlxyXG4gICAgPGRpdiBjbGFzcz1cImFsZXJ0YmdcIj48L2Rpdj4gXHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1zbS1jZW50ZXIgdy0xMDBcIj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInN5bWJvbCBzeW1ib2wtNTBweCBhbGVydGljb24gbS01XCI+XHJcbiAgICAgICAgICAgICAgICA8c3Bhbj48c3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCIgZmlsbD1cIm5vbmVcIj5cclxuICAgICAgICAgICAgICAgIDxnIGNsaXAtcGF0aD1cInVybCgjY2xpcDBfMTIyNTRfMTEyNjUzKVwiPlxyXG4gICAgICAgICAgICAgICAgPHBhdGggZD1cIk05Ljk5OTM1IDEzLjMzMzRWMTBNOS45OTkzNSA2LjY2NjY5SDEwLjAwNzdNMTguMzMyNyAxMEMxOC4zMzI3IDE0LjYwMjQgMTQuNjAxNyAxOC4zMzM0IDkuOTk5MzUgMTguMzMzNEM1LjM5Njk4IDE4LjMzMzQgMS42NjYwMiAxNC42MDI0IDEuNjY2MDIgMTBDMS42NjYwMiA1LjM5NzY1IDUuMzk2OTggMS42NjY2OSA5Ljk5OTM1IDEuNjY2NjlDMTQuNjAxNyAxLjY2NjY5IDE4LjMzMjcgNS4zOTc2NSAxOC4zMzI3IDEwWlwiIHN0cm9rZT1cIiM2NjcwODVcIiBzdHJva2Utd2lkdGg9XCIxLjY2NjY3XCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIvPlxyXG4gICAgICAgICAgICAgICAgPC9nPlxyXG4gICAgICAgICAgICAgICAgPGRlZnM+XHJcbiAgICAgICAgICAgICAgICA8Y2xpcFBhdGggaWQ9XCJjbGlwMF8xMjI1NF8xMTI2NTNcIj5cclxuICAgICAgICAgICAgICAgIDxyZWN0IHdpZHRoPVwiMjBcIiBoZWlnaHQ9XCIyMFwiIGZpbGw9XCJ3aGl0ZVwiLz5cclxuICAgICAgICAgICAgICAgIDwvY2xpcFBhdGg+XHJcbiAgICAgICAgICAgICAgICA8L2RlZnM+XHJcbiAgICAgICAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICAgICAgICAgIDwvc3Bhbj48L2Rpdj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZmxleC1yb3ctZmx1aWQgZmxleC13cmFwXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZmxleC1ncm93LTEgbWUtMlwiPiBcclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGp1c3RpZnktY29udGVudC1iZXR3ZWVuXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYWxlcnQtdGl0bGUgbXQtMVwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgTm90aWZpY2F0aW9uXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImJ0biBidG4tc20gYnRuLWljb24gYnRuLWFjdGl2ZS1jb2xvci1wcmltYXJ5XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHNwYW4+PHN2ZyB3aWR0aD1cIjIwXCIgaGVpZ2h0PVwiMjBcIiB2aWV3Qm94PVwiMCAwIDIwIDIwXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD1cIk0xNSA1TDUgMTVNNSA1TDE1IDE1XCIgc3Ryb2tlPVwiIzY2NzA4NVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLXdpZHRoPVwiMS42N1wiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCIgLz5cclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiYWx0LWRlc2MgZC1ibG9jayBtdC0yXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIFRoaXMgcHJvZHVjdCBpcyB1bmRlciBhY3RpdmUgZGV2ZWxvcG1lbnQgYW5kIGlzIGF2YWlsYWJsZSBpbiBhIFByaXZhdGUgQmV0YSwgcGxlYXNlIGNvbnRhY3QgQ291cmllciBzdXBwb3J0IGZvciBhY2Nlc3MuICAgXHJcbiAgICAgICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm10LTVcIj5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uIGNsYXNzPVwiYnRuIGJ0bi1tZCBidG4tcHJpbWFyeVwiPlBheSBOb3c8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInRleHQtcHJpbWFyeSBteC0xMiByZW1pbmRsYXRlcnRleHRcIj5SZW1pbmQgTWVcclxuICAgICAgICAgICAgICAgICAgICAgICAgTGF0ZXI8L3NwYW4+PC9zcGFuPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4iXX0=
|
|
@@ -1,194 +0,0 @@
|
|
|
1
|
-
import * as i0 from '@angular/core';
|
|
2
|
-
import { Component, NgModule } from '@angular/core';
|
|
3
|
-
import * as i2 from '@angular/common';
|
|
4
|
-
import { CommonModule } from '@angular/common';
|
|
5
|
-
import * as i1$1 from '@angular/router';
|
|
6
|
-
import { RouterModule } from '@angular/router';
|
|
7
|
-
import { Subject, takeUntil } from 'rxjs';
|
|
8
|
-
import * as i1 from 'tango-app-ui-global';
|
|
9
|
-
import { NotificationService, ToastService, PaginationComponent, CustomDateFormatPipe, CommonSharedModule } from './tango-app-ui-shared.mjs';
|
|
10
|
-
import '@angular/common/http';
|
|
11
|
-
import 'sweetalert2';
|
|
12
|
-
import 'rxjs/operators';
|
|
13
|
-
import '@angular/platform-browser';
|
|
14
|
-
import 'dayjs';
|
|
15
|
-
import 'dayjs/locale/en';
|
|
16
|
-
import 'dayjs/plugin/utc';
|
|
17
|
-
import 'dayjs/plugin/timezone';
|
|
18
|
-
import '@angular/forms';
|
|
19
|
-
import 'ngx-daterangepicker-material';
|
|
20
|
-
import 'crypto-js';
|
|
21
|
-
import 'ngx-pagination';
|
|
22
|
-
import '@ngx-translate/core';
|
|
23
|
-
import 'ng-inline-svg-2';
|
|
24
|
-
import '@ng-bootstrap/ng-bootstrap';
|
|
25
|
-
|
|
26
|
-
class NotificationComponent {
|
|
27
|
-
pageInfo;
|
|
28
|
-
gs;
|
|
29
|
-
route;
|
|
30
|
-
service;
|
|
31
|
-
cd;
|
|
32
|
-
toast;
|
|
33
|
-
router;
|
|
34
|
-
showalert = true;
|
|
35
|
-
showdownload = false;
|
|
36
|
-
loading = true;
|
|
37
|
-
noData = false;
|
|
38
|
-
itemsPerPage = 10;
|
|
39
|
-
currentPage = 1;
|
|
40
|
-
totalItems = 0;
|
|
41
|
-
paginationSizes = [10, 20, 30];
|
|
42
|
-
limit = 10;
|
|
43
|
-
offset = 1;
|
|
44
|
-
pageSize = 10;
|
|
45
|
-
user;
|
|
46
|
-
headerFilter;
|
|
47
|
-
clientId;
|
|
48
|
-
_id;
|
|
49
|
-
data;
|
|
50
|
-
destroy$ = new Subject();
|
|
51
|
-
notification;
|
|
52
|
-
total;
|
|
53
|
-
constructor(pageInfo, gs, route, service, cd, toast, router) {
|
|
54
|
-
this.pageInfo = pageInfo;
|
|
55
|
-
this.gs = gs;
|
|
56
|
-
this.route = route;
|
|
57
|
-
this.service = service;
|
|
58
|
-
this.cd = cd;
|
|
59
|
-
this.toast = toast;
|
|
60
|
-
this.router = router;
|
|
61
|
-
}
|
|
62
|
-
ngOnInit() {
|
|
63
|
-
// this.gs.dataRangeValue.pipe(takeUntil(this.destroy$)).subscribe((data: any) => {
|
|
64
|
-
// if (data != null) {
|
|
65
|
-
// this.user = JSON.parse(localStorage.getItem('user-info') || "")
|
|
66
|
-
// this.headerFilter = data;
|
|
67
|
-
// this.clientId = this.headerFilter?.clients
|
|
68
|
-
// }
|
|
69
|
-
// });
|
|
70
|
-
this.notificationList();
|
|
71
|
-
this.setPageData();
|
|
72
|
-
}
|
|
73
|
-
setPageData() {
|
|
74
|
-
this.pageInfo.setTitle("Alerts");
|
|
75
|
-
this.pageInfo.setDescription("Lorem ipsum dolor sit amet consectetur. Sit justo integer massa sit augue.");
|
|
76
|
-
this.pageInfo.setBreadcrumbs([
|
|
77
|
-
{ title: "", path: "", isActive: false, isSeparator: false },
|
|
78
|
-
]);
|
|
79
|
-
}
|
|
80
|
-
notificationList() {
|
|
81
|
-
this.loading = true;
|
|
82
|
-
let data = {
|
|
83
|
-
limit: this.limit,
|
|
84
|
-
offset: this.offset
|
|
85
|
-
};
|
|
86
|
-
this.service.notificationList(data)
|
|
87
|
-
.pipe(takeUntil(this.destroy$))
|
|
88
|
-
.subscribe({
|
|
89
|
-
next: (res) => {
|
|
90
|
-
if (res && res.code == 200) {
|
|
91
|
-
this.total = res.data.count || 0;
|
|
92
|
-
this.notification = res.data.result || [];
|
|
93
|
-
this.loading = false;
|
|
94
|
-
this.noData = false;
|
|
95
|
-
}
|
|
96
|
-
else {
|
|
97
|
-
this.noData = true;
|
|
98
|
-
this.loading = false;
|
|
99
|
-
this.notification = [];
|
|
100
|
-
}
|
|
101
|
-
this.cd.detectChanges();
|
|
102
|
-
},
|
|
103
|
-
error: (err) => {
|
|
104
|
-
this.noData = true;
|
|
105
|
-
this.loading = false;
|
|
106
|
-
this.notification = [];
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
}
|
|
110
|
-
updateNotification(data, url, index) {
|
|
111
|
-
this.service.notificationUpdate(data._id).pipe(takeUntil(this.destroy$)).subscribe((res) => {
|
|
112
|
-
if (res && res.code == 200) {
|
|
113
|
-
this.toast.getPrimaryToast(res.message);
|
|
114
|
-
setTimeout(() => {
|
|
115
|
-
this.notificationList();
|
|
116
|
-
}, 1000);
|
|
117
|
-
this.cd.detectChanges();
|
|
118
|
-
if (url != '') {
|
|
119
|
-
this.router.navigateByUrl(url);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
});
|
|
123
|
-
}
|
|
124
|
-
notificationPushUpdate(data, _id) {
|
|
125
|
-
this.service.notificationPushUpdate(data, _id).pipe(takeUntil(this.destroy$)).subscribe((res) => {
|
|
126
|
-
if (res && res.code == 200) {
|
|
127
|
-
this.toast.getPrimaryToast(res.message);
|
|
128
|
-
this.notificationList();
|
|
129
|
-
}
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
chooseManager(type) {
|
|
133
|
-
}
|
|
134
|
-
onPageChange(pageOffset) {
|
|
135
|
-
this.offset = Number(pageOffset);
|
|
136
|
-
this.notificationList();
|
|
137
|
-
}
|
|
138
|
-
onPageSizeChange(pageSize) {
|
|
139
|
-
this.limit = Number(pageSize);
|
|
140
|
-
this.offset = 1;
|
|
141
|
-
this.notificationList();
|
|
142
|
-
}
|
|
143
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationComponent, deps: [{ token: i1.PageInfoService }, { token: i1.GlobalStateService }, { token: i1$1.ActivatedRoute }, { token: NotificationService }, { token: i0.ChangeDetectorRef }, { token: ToastService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
144
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: NotificationComponent, selector: "lib-notification", ngImport: i0, template: "<!-- <div class=\"row buttonsec mb-10\">\r\n <button [ngClass]=\"showalert?'':'submenu'\" class=\" col-lg-6 btn bg-light-primary text-primary\"\r\n (click)=\"chooseManager('alert')\">Alerts Manager</button>\r\n <button [ngClass]=\"showdownload?'':'submenu'\" class=\"col-lg-6 btn bg-light-primary \"\r\n (click)=\"chooseManager('download')\">Download Manager</button>\r\n</div> -->\r\n\r\n<div class=\"card topbar\">\r\n <div class=\"card-header\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"card-label mb-2\">Alerts Manager</span>\r\n </h3>\r\n </div> \r\n <div class=\"card-body\">\r\n <div class=\"d-flex flex-column flex-xl-row p-7 \">\r\n <div class=\"flex-lg-row-fluid mb-20 mb-xl-0\">\r\n <div class=\"mb-0\">\r\n <div class=\"mb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <div class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"noData && !loading\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n <span class=\"noNotification mt-2\">Any new notification will be shown here.</span>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <div class=\"row w-100\" *ngIf=\"notification?.length && !loading\">\r\n\r\n <div class=\"col-lg-6\" *ngFor=\"let item of notification;let i=index\">\r\n <div class=\"d-flex justify-content-between mb-4\">\r\n <div class=\"d-flex align-items-sm-center mb-2 border-value w-100\">\r\n \r\n <div class=\"d-flex align-items-center flex-row-fluid flex-wrap\">\r\n <div class=\"flex-grow-1 me-2\">\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"symbol symbol-50px me-5\">\r\n <span>\r\n <svg width=\"40\" height=\"40\"\r\n viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#DAF1FF\" />\r\n <g clip-path=\"url(#clip0_12108_56367)\">\r\n <path\r\n d=\"M19.9993 23.3333V20M19.9993 16.6666H20.0077M28.3327 20C28.3327 24.6023 24.6017 28.3333 19.9993 28.3333C15.397 28.3333 11.666 24.6023 11.666 20C11.666 15.3976 15.397 11.6666 19.9993 11.6666C24.6017 11.6666 28.3327 15.3976 28.3327 20Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12108_56367\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\"\r\n transform=\"translate(10 10)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span class=\"alert-title mx-4\">{{ item._source.title }}<span class=\"alertdot m-2\">\u2022</span><span\r\n class=\"alertdot\">{{ item._source.date | customDateFormat }} Today</span>\r\n </span>\r\n </div>\r\n \r\n <span (click)=\"updateNotification(item,'',i)\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n \r\n </div>\r\n <span class=\"alt-desc d-block ms-17\">{{ item._source.description }}</span>\r\n <div class=\"mt-5 ms-16\">\r\n <ng-container *ngFor=\"let cta of item._source.alertCta\">\r\n <button *ngIf=\"cta.redirectionUrl !== 'cancel'\"(click)=\"updateNotification(item,cta.redirectionUrl,i)\" class=\"btn btn-md btn-primary\">{{ cta.buttonName }}</button>\r\n <span *ngIf=\"cta.redirectionUrl === 'cancel'\" (click)=\"updateNotification(item,'',i)\" class=\"text-primary mx-6 remindlatertext cursor-pointer\">{{ cta.buttonName }}</span>\r\n </ng-container>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <div *ngIf=\"notification?.length && !loading\" class=\"my-3\">\r\n <lib-pagination [itemsPerPage]=\"limit\" [currentPage]=\"offset\" [totalItems]=\"total\"\r\n [paginationSizes]=\"paginationSizes\" [pageSize]=\"limit\" (pageChange)=\"onPageChange($event)\"\r\n (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n<!-- <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-src\" width=\"200px\" src=\"./assets/tango/Icons/Nodata.svg\" alt=\"\">\r\n </div>\r\n</div> -->", styles: [".border-value{padding:16px!important;border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important;height:155px}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alert-title{color:var(--Gray-900, #101828);font-size:18px;font-style:normal;font-weight:600;line-height:28px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}\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: "component", type: PaginationComponent, selector: "lib-pagination", inputs: ["collection", "itemsPerPage", "currentPage", "totalItems", "directionLinks", "pageSize", "paginationSizes"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "pipe", type: CustomDateFormatPipe, name: "customDateFormat" }] });
|
|
145
|
-
}
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
147
|
-
type: Component,
|
|
148
|
-
args: [{ selector: 'lib-notification', template: "<!-- <div class=\"row buttonsec mb-10\">\r\n <button [ngClass]=\"showalert?'':'submenu'\" class=\" col-lg-6 btn bg-light-primary text-primary\"\r\n (click)=\"chooseManager('alert')\">Alerts Manager</button>\r\n <button [ngClass]=\"showdownload?'':'submenu'\" class=\"col-lg-6 btn bg-light-primary \"\r\n (click)=\"chooseManager('download')\">Download Manager</button>\r\n</div> -->\r\n\r\n<div class=\"card topbar\">\r\n <div class=\"card-header\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"card-label mb-2\">Alerts Manager</span>\r\n </h3>\r\n </div> \r\n <div class=\"card-body\">\r\n <div class=\"d-flex flex-column flex-xl-row p-7 \">\r\n <div class=\"flex-lg-row-fluid mb-20 mb-xl-0\">\r\n <div class=\"mb-0\">\r\n <div class=\"mb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <div class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"noData && !loading\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n <span class=\"noNotification mt-2\">Any new notification will be shown here.</span>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <div class=\"row w-100\" *ngIf=\"notification?.length && !loading\">\r\n\r\n <div class=\"col-lg-6\" *ngFor=\"let item of notification;let i=index\">\r\n <div class=\"d-flex justify-content-between mb-4\">\r\n <div class=\"d-flex align-items-sm-center mb-2 border-value w-100\">\r\n \r\n <div class=\"d-flex align-items-center flex-row-fluid flex-wrap\">\r\n <div class=\"flex-grow-1 me-2\">\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"symbol symbol-50px me-5\">\r\n <span>\r\n <svg width=\"40\" height=\"40\"\r\n viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#DAF1FF\" />\r\n <g clip-path=\"url(#clip0_12108_56367)\">\r\n <path\r\n d=\"M19.9993 23.3333V20M19.9993 16.6666H20.0077M28.3327 20C28.3327 24.6023 24.6017 28.3333 19.9993 28.3333C15.397 28.3333 11.666 24.6023 11.666 20C11.666 15.3976 15.397 11.6666 19.9993 11.6666C24.6017 11.6666 28.3327 15.3976 28.3327 20Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12108_56367\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\"\r\n transform=\"translate(10 10)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span class=\"alert-title mx-4\">{{ item._source.title }}<span class=\"alertdot m-2\">\u2022</span><span\r\n class=\"alertdot\">{{ item._source.date | customDateFormat }} Today</span>\r\n </span>\r\n </div>\r\n \r\n <span (click)=\"updateNotification(item,'',i)\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n \r\n </div>\r\n <span class=\"alt-desc d-block ms-17\">{{ item._source.description }}</span>\r\n <div class=\"mt-5 ms-16\">\r\n <ng-container *ngFor=\"let cta of item._source.alertCta\">\r\n <button *ngIf=\"cta.redirectionUrl !== 'cancel'\"(click)=\"updateNotification(item,cta.redirectionUrl,i)\" class=\"btn btn-md btn-primary\">{{ cta.buttonName }}</button>\r\n <span *ngIf=\"cta.redirectionUrl === 'cancel'\" (click)=\"updateNotification(item,'',i)\" class=\"text-primary mx-6 remindlatertext cursor-pointer\">{{ cta.buttonName }}</span>\r\n </ng-container>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <div *ngIf=\"notification?.length && !loading\" class=\"my-3\">\r\n <lib-pagination [itemsPerPage]=\"limit\" [currentPage]=\"offset\" [totalItems]=\"total\"\r\n [paginationSizes]=\"paginationSizes\" [pageSize]=\"limit\" (pageChange)=\"onPageChange($event)\"\r\n (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n<!-- <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-src\" width=\"200px\" src=\"./assets/tango/Icons/Nodata.svg\" alt=\"\">\r\n </div>\r\n</div> -->", styles: [".border-value{padding:16px!important;border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important;height:155px}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alert-title{color:var(--Gray-900, #101828);font-size:18px;font-style:normal;font-weight:600;line-height:28px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}\n"] }]
|
|
149
|
-
}], ctorParameters: () => [{ type: i1.PageInfoService }, { type: i1.GlobalStateService }, { type: i1$1.ActivatedRoute }, { type: NotificationService }, { type: i0.ChangeDetectorRef }, { type: ToastService }, { type: i1$1.Router }] });
|
|
150
|
-
|
|
151
|
-
const routes = [
|
|
152
|
-
{
|
|
153
|
-
path: 'alerts',
|
|
154
|
-
component: NotificationComponent
|
|
155
|
-
}
|
|
156
|
-
];
|
|
157
|
-
class NotificationRoutingModule {
|
|
158
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
159
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NotificationRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] });
|
|
160
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
|
|
161
|
-
}
|
|
162
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationRoutingModule, decorators: [{
|
|
163
|
-
type: NgModule,
|
|
164
|
-
args: [{
|
|
165
|
-
imports: [RouterModule.forChild(routes)],
|
|
166
|
-
exports: [RouterModule]
|
|
167
|
-
}]
|
|
168
|
-
}] });
|
|
169
|
-
|
|
170
|
-
class NotificationModule {
|
|
171
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
172
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent], imports: [CommonModule,
|
|
173
|
-
NotificationRoutingModule,
|
|
174
|
-
CommonSharedModule] });
|
|
175
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationModule, imports: [CommonModule,
|
|
176
|
-
NotificationRoutingModule,
|
|
177
|
-
CommonSharedModule] });
|
|
178
|
-
}
|
|
179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationModule, decorators: [{
|
|
180
|
-
type: NgModule,
|
|
181
|
-
args: [{
|
|
182
|
-
declarations: [
|
|
183
|
-
NotificationComponent
|
|
184
|
-
],
|
|
185
|
-
imports: [
|
|
186
|
-
CommonModule,
|
|
187
|
-
NotificationRoutingModule,
|
|
188
|
-
CommonSharedModule
|
|
189
|
-
]
|
|
190
|
-
}]
|
|
191
|
-
}] });
|
|
192
|
-
|
|
193
|
-
export { NotificationModule };
|
|
194
|
-
//# sourceMappingURL=tango-app-ui-shared-notification.module-BIS16sw8.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tango-app-ui-shared-notification.module-BIS16sw8.mjs","sources":["../../../projects/tango-app-shared/src/lib/modules/notification/notification/notification.component.ts","../../../projects/tango-app-shared/src/lib/modules/notification/notification/notification.component.html","../../../projects/tango-app-shared/src/lib/modules/notification/notification-routing.module.ts","../../../projects/tango-app-shared/src/lib/modules/notification/notification.module.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\r\nimport { GlobalStateService, PageInfoService } from 'tango-app-ui-global';\r\nimport { Subject, takeUntil } from \"rxjs\";\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { NotificationService } from '../../../services/notification.service';\r\nimport { ToastService } from '../../../services/toast.service';\r\n\r\n@Component({\r\n selector: 'lib-notification',\r\n templateUrl: './notification.component.html',\r\n styleUrl: './notification.component.scss'\r\n})\r\nexport class NotificationComponent implements OnInit {\r\n showalert:boolean = true;\r\n showdownload:boolean = false;\r\n loading: boolean = true;\r\n noData: boolean = false;\r\n itemsPerPage = 10;\r\n currentPage = 1;\r\n totalItems = 0;\r\n paginationSizes = [10, 20, 30];\r\n limit: number = 10;\r\n offset: number = 1;\r\n pageSize = 10;\r\n user: any;\r\n headerFilter: any;\r\n clientId: any;\r\n _id:any;\r\n data:any\r\n private readonly destroy$ = new Subject();\r\n notification: any;\r\n total:any;\r\n\r\n \r\nconstructor(private pageInfo:PageInfoService,public gs: GlobalStateService, private route: ActivatedRoute, private service:NotificationService,private cd :ChangeDetectorRef,private toast: ToastService, private router:Router){}\r\n ngOnInit(): void {\r\n // this.gs.dataRangeValue.pipe(takeUntil(this.destroy$)).subscribe((data: any) => {\r\n\r\n // if (data != null) {\r\n // this.user = JSON.parse(localStorage.getItem('user-info') || \"\")\r\n // this.headerFilter = data;\r\n // this.clientId = this.headerFilter?.clients \r\n // }\r\n\r\n // });\r\n this.notificationList()\r\n \r\n this.setPageData();\r\n }\r\n setPageData() {\r\n this.pageInfo.setTitle(\"Alerts\");\r\n this.pageInfo.setDescription(\"Lorem ipsum dolor sit amet consectetur. Sit justo integer massa sit augue.\");\r\n this.pageInfo.setBreadcrumbs([\r\n { title: \"\", path: \"\", isActive: false, isSeparator: false },\r\n ]);\r\n }\r\n notificationList() {\r\n this.loading = true;\r\n let data = {\r\n limit: this.limit,\r\n offset: this.offset\r\n };\r\n this.service.notificationList(data)\r\n .pipe(takeUntil(this.destroy$))\r\n .subscribe({\r\n next: (res: any) => {\r\n if (res && res.code == 200) {\r\n this.total = res.data.count || 0;\r\n this.notification = res.data.result || [];\r\n this.loading = false;\r\n this.noData = false;\r\n } else {\r\n this.noData = true;\r\n this.loading = false;\r\n this.notification = []; \r\n }\r\n this.cd.detectChanges();\r\n },\r\n error: (err) => {\r\n this.noData = true;\r\n this.loading = false;\r\n this.notification = [];\r\n }\r\n });\r\n }\r\n\r\n updateNotification(data: any, url: any,index:number): void {\r\n this.service.notificationUpdate(data._id).pipe(takeUntil(this.destroy$)).subscribe((res: any) => {\r\n if (res && res.code == 200) {\r\n this.toast.getPrimaryToast(res.message);\r\n setTimeout(() => {\r\n this.notificationList();\r\n },1000);\r\n this.cd.detectChanges();\r\n if(url != '') {\r\n this.router.navigateByUrl(url);\r\n }\r\n }\r\n })\r\n }\r\n \r\n notificationPushUpdate(data: any, _id: any): void {\r\n this.service.notificationPushUpdate(data, _id).pipe(takeUntil(this.destroy$)).subscribe((res: any) => {\r\n if (res && res.code == 200) {\r\n this.toast.getPrimaryToast(res.message);\r\n this.notificationList();\r\n }\r\n })\r\n }\r\n\r\n chooseManager(type:any){\r\n\r\n }\r\n\r\n onPageChange(pageOffset: number) {\r\n this.offset = Number(pageOffset);\r\n this.notificationList();\r\n }\r\n\r\n onPageSizeChange(pageSize: number) {\r\n this.limit = Number(pageSize);\r\n this.offset = 1;\r\n this.notificationList();\r\n }\r\n\r\n}\r\n","<!-- <div class=\"row buttonsec mb-10\">\r\n <button [ngClass]=\"showalert?'':'submenu'\" class=\" col-lg-6 btn bg-light-primary text-primary\"\r\n (click)=\"chooseManager('alert')\">Alerts Manager</button>\r\n <button [ngClass]=\"showdownload?'':'submenu'\" class=\"col-lg-6 btn bg-light-primary \"\r\n (click)=\"chooseManager('download')\">Download Manager</button>\r\n</div> -->\r\n\r\n<div class=\"card topbar\">\r\n <div class=\"card-header\">\r\n <h3 class=\"card-title align-items-start flex-column\">\r\n <span class=\"card-label mb-2\">Alerts Manager</span>\r\n </h3>\r\n </div> \r\n <div class=\"card-body\">\r\n <div class=\"d-flex flex-column flex-xl-row p-7 \">\r\n <div class=\"flex-lg-row-fluid mb-20 mb-xl-0\">\r\n <div class=\"mb-0\">\r\n <div class=\"mb-10\">\r\n <ng-container *ngIf=\"loading\">\r\n <div class=\"row loader d-flex justify-content-center align-items-center\">\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n <div class=\"shimmer\">\r\n <div class=\"wrapper\">\r\n <div class=\"stroke animate title\"></div>\r\n <div class=\"stroke animate link\"></div>\r\n <div class=\"stroke animate description\"></div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n </ng-container>\r\n <ng-container *ngIf=\"noData && !loading\">\r\n <div class=\"row\">\r\n <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n <span class=\"noNotification mt-2\">Any new notification will be shown here.</span>\r\n </div>\r\n </div>\r\n </div>\r\n </ng-container>\r\n <div class=\"row w-100\" *ngIf=\"notification?.length && !loading\">\r\n\r\n <div class=\"col-lg-6\" *ngFor=\"let item of notification;let i=index\">\r\n <div class=\"d-flex justify-content-between mb-4\">\r\n <div class=\"d-flex align-items-sm-center mb-2 border-value w-100\">\r\n \r\n <div class=\"d-flex align-items-center flex-row-fluid flex-wrap\">\r\n <div class=\"flex-grow-1 me-2\">\r\n <div class=\"d-flex justify-content-between\">\r\n <div class=\"symbol symbol-50px me-5\">\r\n <span>\r\n <svg width=\"40\" height=\"40\"\r\n viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect width=\"40\" height=\"40\" rx=\"20\" fill=\"#DAF1FF\" />\r\n <g clip-path=\"url(#clip0_12108_56367)\">\r\n <path\r\n d=\"M19.9993 23.3333V20M19.9993 16.6666H20.0077M28.3327 20C28.3327 24.6023 24.6017 28.3333 19.9993 28.3333C15.397 28.3333 11.666 24.6023 11.666 20C11.666 15.3976 15.397 11.6666 19.9993 11.6666C24.6017 11.6666 28.3327 15.3976 28.3327 20Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </g>\r\n <defs>\r\n <clipPath id=\"clip0_12108_56367\">\r\n <rect width=\"20\" height=\"20\" fill=\"white\"\r\n transform=\"translate(10 10)\" />\r\n </clipPath>\r\n </defs>\r\n </svg>\r\n </span>\r\n <span class=\"alert-title mx-4\">{{ item._source.title }}<span class=\"alertdot m-2\">•</span><span\r\n class=\"alertdot\">{{ item._source.date | customDateFormat }} Today</span>\r\n </span>\r\n </div>\r\n \r\n <span (click)=\"updateNotification(item,'',i)\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\r\n fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg>\r\n </span>\r\n </div>\r\n \r\n </div>\r\n <span class=\"alt-desc d-block ms-17\">{{ item._source.description }}</span>\r\n <div class=\"mt-5 ms-16\">\r\n <ng-container *ngFor=\"let cta of item._source.alertCta\">\r\n <button *ngIf=\"cta.redirectionUrl !== 'cancel'\"(click)=\"updateNotification(item,cta.redirectionUrl,i)\" class=\"btn btn-md btn-primary\">{{ cta.buttonName }}</button>\r\n <span *ngIf=\"cta.redirectionUrl === 'cancel'\" (click)=\"updateNotification(item,'',i)\" class=\"text-primary mx-6 remindlatertext cursor-pointer\">{{ cta.buttonName }}</span>\r\n </ng-container>\r\n \r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <div *ngIf=\"notification?.length && !loading\" class=\"my-3\">\r\n <lib-pagination [itemsPerPage]=\"limit\" [currentPage]=\"offset\" [totalItems]=\"total\"\r\n [paginationSizes]=\"paginationSizes\" [pageSize]=\"limit\" (pageChange)=\"onPageChange($event)\"\r\n (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n\r\n\r\n<!-- <div class=\"col-lg-12 mb-3\">\r\n <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n <img class=\"img-src\" width=\"200px\" src=\"./assets/tango/Icons/Nodata.svg\" alt=\"\">\r\n </div>\r\n</div> -->","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { NotificationComponent } from './notification/notification.component';\r\n\r\nconst routes: Routes = [\r\n {\r\n path:'alerts',\r\n component:NotificationComponent\r\n }\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule]\r\n})\r\nexport class NotificationRoutingModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { NotificationRoutingModule } from './notification-routing.module';\r\nimport { NotificationComponent } from './notification/notification.component';\r\nimport { CommonSharedModule } from '../common/common-shared.module';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n NotificationComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n NotificationRoutingModule,\r\n CommonSharedModule\r\n ]\r\n})\r\nexport class NotificationModule { }\r\n"],"names":["i2","i3.NotificationService","i4.ToastService","i5","i6.PaginationComponent","i7.CustomDateFormatPipe"],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class NotificationAlertComponent {
|
|
3
|
-
class: string;
|
|
4
|
-
dataKtMenu: string;
|
|
5
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NotificationAlertComponent, never>;
|
|
6
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<NotificationAlertComponent, "lib-notification-alert", never, {}, {}, never, never, false, never>;
|
|
7
|
-
}
|