tango-app-ui-shared 3.0.59-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 +108 -8
- package/esm2022/lib/modules/layout/header/notifications-inner/notifications-inner.component.mjs +54 -10
- package/esm2022/lib/modules/layout/layout.module.mjs +2 -2
- package/esm2022/lib/modules/layout/toolbar/date-single-select/date-single-select.component.mjs +32 -11
- package/esm2022/lib/modules/layout/toolbar/toolbar.component.mjs +4 -4
- package/esm2022/lib/modules/notification/notification/notification.component.mjs +112 -21
- package/esm2022/lib/modules/notification/notification-routing.module.mjs +2 -2
- package/esm2022/lib/services/notification.service.mjs +53 -0
- package/esm2022/public-api.mjs +2 -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 +257 -52
- package/fesm2022/tango-app-ui-shared.mjs.map +1 -1
- package/lib/modules/layout/header/navbar/navbar.component.d.ts +30 -3
- package/lib/modules/layout/header/notifications-inner/notifications-inner.component.d.ts +11 -2
- package/lib/modules/layout/toolbar/date-single-select/date-single-select.component.d.ts +2 -0
- package/lib/modules/notification/notification/notification.component.d.ts +31 -7
- package/lib/services/notification.service.d.ts +22 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/fesm2022/tango-app-ui-shared-notification.module-BXu6NtBj.mjs +0 -111
- package/fesm2022/tango-app-ui-shared-notification.module-BXu6NtBj.mjs.map +0 -1
|
@@ -1,14 +1,41 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
|
|
2
|
+
import { NotificationService } from '../../../../services/notification.service';
|
|
3
|
+
import { Router } from '@angular/router';
|
|
4
|
+
import { ToastService } from '../../../../services/toast.service';
|
|
2
5
|
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class NavbarComponent implements OnInit {
|
|
6
|
+
export declare class NavbarComponent implements OnInit, OnDestroy {
|
|
7
|
+
private service;
|
|
8
|
+
private router;
|
|
9
|
+
private toast;
|
|
10
|
+
private cd;
|
|
4
11
|
appHeaderDefaulMenuDisplay: boolean;
|
|
5
12
|
isRtl: boolean;
|
|
13
|
+
private readonly destroy$;
|
|
6
14
|
itemClass: string;
|
|
7
15
|
btnClass: string;
|
|
16
|
+
btnClass1: string;
|
|
8
17
|
userAvatarClass: string;
|
|
9
18
|
btnIconClass: string;
|
|
10
|
-
|
|
19
|
+
notificationReceived: boolean;
|
|
20
|
+
notification: any;
|
|
21
|
+
pushNotificationList: any;
|
|
22
|
+
activeTabId: string;
|
|
23
|
+
loading: boolean;
|
|
24
|
+
noData: boolean;
|
|
25
|
+
url: any;
|
|
26
|
+
showNotification: boolean;
|
|
27
|
+
showDropdown: boolean;
|
|
28
|
+
private subscription;
|
|
29
|
+
notificationDropDownClass: boolean;
|
|
30
|
+
constructor(service: NotificationService, router: Router, toast: ToastService, cd: ChangeDetectorRef);
|
|
31
|
+
ngOnDestroy(): void;
|
|
11
32
|
ngOnInit(): void;
|
|
33
|
+
toggleUserDropDown(): void;
|
|
34
|
+
setActiveTabId(tabId: any): void;
|
|
35
|
+
notificationList(): void;
|
|
36
|
+
handleNotification(): void;
|
|
37
|
+
viewAll(type: any): void;
|
|
38
|
+
updateNotification(data: any, url: any): void;
|
|
12
39
|
static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
|
|
13
40
|
static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "lib-navbar", never, { "appHeaderDefaulMenuDisplay": { "alias": "appHeaderDefaulMenuDisplay"; "required": false; }; "isRtl": { "alias": "isRtl"; "required": false; }; }, {}, never, never, false, never>;
|
|
14
41
|
}
|
|
@@ -1,15 +1,24 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, OnInit } from '@angular/core';
|
|
2
2
|
import { Router } from '@angular/router';
|
|
3
|
+
import { NotificationService } from '../../../../services/notification.service';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
export type NotificationsTabsType = 'kt_topbar_notifications_1' | 'kt_topbar_notifications_2' | 'kt_topbar_notifications_3';
|
|
5
6
|
export declare class NotificationsInnerComponent implements OnInit {
|
|
6
7
|
private router;
|
|
8
|
+
private service;
|
|
9
|
+
private cd;
|
|
7
10
|
class: string;
|
|
8
11
|
dataKtMenu: string;
|
|
9
12
|
activeTabId: string;
|
|
10
|
-
|
|
13
|
+
private readonly destroy$;
|
|
14
|
+
notification: any;
|
|
15
|
+
loading: boolean;
|
|
16
|
+
noData: boolean;
|
|
17
|
+
constructor(router: Router, service: NotificationService, cd: ChangeDetectorRef);
|
|
11
18
|
ngOnInit(): void;
|
|
12
19
|
setActiveTabId(tabId: any): void;
|
|
20
|
+
notificationList(): void;
|
|
21
|
+
handleNotification(): void;
|
|
13
22
|
viewAll(type: any): void;
|
|
14
23
|
static ɵfac: i0.ɵɵFactoryDeclaration<NotificationsInnerComponent, never>;
|
|
15
24
|
static ɵcmp: i0.ɵɵComponentDeclaration<NotificationsInnerComponent, "lib-notifications-inner", never, {}, {}, never, never, false, never>;
|
|
@@ -14,6 +14,8 @@ export declare class DateSingleSelectComponent implements OnInit {
|
|
|
14
14
|
clientList: any;
|
|
15
15
|
selectedClient: any;
|
|
16
16
|
selectedFilters: any;
|
|
17
|
+
dummyArray: any;
|
|
18
|
+
respnsearray: any;
|
|
17
19
|
constructor(auth: AuthService, gs: GlobalStateService, cd: ChangeDetectorRef);
|
|
18
20
|
ngOnInit(): void;
|
|
19
21
|
onClientSelect(event: any): void;
|
|
@@ -1,21 +1,45 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
|
-
import { PageInfoService } from 'tango-app-ui-global';
|
|
1
|
+
import { ChangeDetectorRef, OnInit } from '@angular/core';
|
|
2
|
+
import { GlobalStateService, PageInfoService } from 'tango-app-ui-global';
|
|
3
|
+
import { ActivatedRoute, Router } from '@angular/router';
|
|
4
|
+
import { NotificationService } from '../../../services/notification.service';
|
|
5
|
+
import { ToastService } from '../../../services/toast.service';
|
|
3
6
|
import * as i0 from "@angular/core";
|
|
4
7
|
export declare class NotificationComponent implements OnInit {
|
|
5
8
|
private pageInfo;
|
|
9
|
+
gs: GlobalStateService;
|
|
10
|
+
private route;
|
|
11
|
+
private service;
|
|
12
|
+
private cd;
|
|
13
|
+
private toast;
|
|
14
|
+
private router;
|
|
6
15
|
showalert: boolean;
|
|
7
16
|
showdownload: boolean;
|
|
8
|
-
pagination: any;
|
|
9
17
|
loading: boolean;
|
|
10
18
|
noData: boolean;
|
|
19
|
+
itemsPerPage: number;
|
|
20
|
+
currentPage: number;
|
|
21
|
+
totalItems: number;
|
|
11
22
|
paginationSizes: number[];
|
|
12
|
-
|
|
23
|
+
limit: number;
|
|
24
|
+
offset: number;
|
|
25
|
+
pageSize: number;
|
|
26
|
+
user: any;
|
|
27
|
+
headerFilter: any;
|
|
28
|
+
clientId: any;
|
|
29
|
+
_id: any;
|
|
30
|
+
data: any;
|
|
31
|
+
private readonly destroy$;
|
|
32
|
+
notification: any;
|
|
33
|
+
total: any;
|
|
34
|
+
constructor(pageInfo: PageInfoService, gs: GlobalStateService, route: ActivatedRoute, service: NotificationService, cd: ChangeDetectorRef, toast: ToastService, router: Router);
|
|
13
35
|
ngOnInit(): void;
|
|
14
36
|
setPageData(): void;
|
|
37
|
+
notificationList(): void;
|
|
38
|
+
updateNotification(data: any, btnDetails: any): void;
|
|
39
|
+
notificationPushUpdate(data: any, _id: any): void;
|
|
15
40
|
chooseManager(type: any): void;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
onPageSizeChange(e: any): void;
|
|
41
|
+
onPageChange(pageOffset: number): void;
|
|
42
|
+
onPageSizeChange(pageSize: number): void;
|
|
19
43
|
static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
|
|
20
44
|
static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "lib-notification", never, {}, {}, never, never, false, never>;
|
|
21
45
|
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { HttpClient } from '@angular/common/http';
|
|
2
|
+
import { Observable, BehaviorSubject } from 'rxjs';
|
|
3
|
+
import { GlobalStateService } from 'tango-app-ui-global';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class NotificationService {
|
|
6
|
+
private http;
|
|
7
|
+
private gs;
|
|
8
|
+
paymentSubscriptionApiUrl: any;
|
|
9
|
+
clientApiUrl: string;
|
|
10
|
+
clientId: BehaviorSubject<string>;
|
|
11
|
+
clientData: BehaviorSubject<any>;
|
|
12
|
+
private notificationReceivedSubject;
|
|
13
|
+
notificationReceived$: Observable<boolean>;
|
|
14
|
+
constructor(http: HttpClient, gs: GlobalStateService);
|
|
15
|
+
notificationList(data: any): Observable<any>;
|
|
16
|
+
notificationUpdate(_id: any): Observable<any>;
|
|
17
|
+
notificationPushUpdate(data: any, _id: any): Observable<any>;
|
|
18
|
+
updateNotificationReceived(value: boolean): void;
|
|
19
|
+
updateRemind(_id: any): Observable<any>;
|
|
20
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;
|
|
21
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
|
|
22
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -39,5 +39,6 @@ export * from './lib/guards/auth.guard';
|
|
|
39
39
|
export * from './lib/interfaces/global-state';
|
|
40
40
|
export * from './lib/services/auth.service';
|
|
41
41
|
export * from './lib/services/toast.service';
|
|
42
|
+
export * from './lib/services/notification.service';
|
|
42
43
|
export * from './lib/pipes/customDate.pipe';
|
|
43
44
|
export * from './lib/interceptors/http-auth-interceptor';
|
|
@@ -1,111 +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 * as i1 from 'tango-app-ui-global';
|
|
8
|
-
import { PaginationComponent, CommonSharedModule } from './tango-app-ui-shared.mjs';
|
|
9
|
-
import 'rxjs';
|
|
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
|
-
showalert = true;
|
|
29
|
-
showdownload = false;
|
|
30
|
-
pagination = {
|
|
31
|
-
offset: 1,
|
|
32
|
-
limit: 10,
|
|
33
|
-
totalCount: 0,
|
|
34
|
-
};
|
|
35
|
-
loading = true;
|
|
36
|
-
noData = false;
|
|
37
|
-
paginationSizes = [10, 20, 30];
|
|
38
|
-
constructor(pageInfo) {
|
|
39
|
-
this.pageInfo = pageInfo;
|
|
40
|
-
}
|
|
41
|
-
ngOnInit() {
|
|
42
|
-
this.setPageData();
|
|
43
|
-
}
|
|
44
|
-
setPageData() {
|
|
45
|
-
this.pageInfo.setTitle("Tango TRAX");
|
|
46
|
-
this.pageInfo.setDescription("Automate or create checklists to improve operational efficiency");
|
|
47
|
-
this.pageInfo.setBreadcrumbs([
|
|
48
|
-
{ title: "Reports", path: "/manage", isActive: false, isSeparator: false },
|
|
49
|
-
{ title: "Download Manager", path: "/manage", isActive: false, isSeparator: true },
|
|
50
|
-
]);
|
|
51
|
-
}
|
|
52
|
-
chooseManager(type) {
|
|
53
|
-
}
|
|
54
|
-
paginationSize() {
|
|
55
|
-
}
|
|
56
|
-
onPageChange(e) {
|
|
57
|
-
}
|
|
58
|
-
onPageSizeChange(e) {
|
|
59
|
-
}
|
|
60
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationComponent, deps: [{ token: i1.PageInfoService }], target: i0.ɵɵFactoryTarget.Component });
|
|
61
|
-
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<div class=\"card topbar\">\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\r\n <div class=\"mb-10\">\r\n <div class=\"row w-100\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"d-flex justify-content-between mb-10\">\r\n <div class=\"d-flex align-items-sm-center mb-7 border-value w-100\">\r\n <div class=\"symbol symbol-50px me-5\"><span class=\"symbol-label\"><svg width=\"66\"\r\n height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" fill=\"#DAF1FF\" />\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" stroke=\"#EAF8FF\"\r\n stroke-width=\"10\" />\r\n <path\r\n d=\"M44.6673 41.1667C44.6673 41.7855 44.4215 42.379 43.9839 42.8166C43.5463 43.2542 42.9528 43.5 42.334 43.5H23.6673C23.0485 43.5 22.455 43.2542 22.0174 42.8166C21.5798 42.379 21.334 41.7855 21.334 41.1667V24.8333C21.334 24.2145 21.5798 23.621 22.0174 23.1834C22.455 22.7458 23.0485 22.5 23.6673 22.5H29.5007L31.834 26H42.334C42.9528 26 43.5463 26.2458 43.9839 26.6834C44.4215 27.121 44.6673 27.7145 44.6673 28.3333V41.1667Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"2.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></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\"> <a class=\"alert-title\">\r\n Trax_report_9348723758268394.zip\r\n </a>\r\n <span class=\"alt-desc d-block\">Initiated Time : 04:00 PM\r\n | 26 Jul, 2023 </span></div><span\r\n class=\"badge badge-light fw-bolder my-2\"><button\r\n class=\"btn btn-sm btn-primary\">Download</button></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"d-flex justify-content-between mb-10\">\r\n <div class=\"d-flex align-items-sm-center mb-7 border-value w-100\">\r\n <div class=\"symbol symbol-50px me-5\"><span class=\"symbol-label\"><svg width=\"66\"\r\n height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" fill=\"#DAF1FF\" />\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" stroke=\"#EAF8FF\"\r\n stroke-width=\"10\" />\r\n <path\r\n d=\"M44.6673 41.1667C44.6673 41.7855 44.4215 42.379 43.9839 42.8166C43.5463 43.2542 42.9528 43.5 42.334 43.5H23.6673C23.0485 43.5 22.455 43.2542 22.0174 42.8166C21.5798 42.379 21.334 41.7855 21.334 41.1667V24.8333C21.334 24.2145 21.5798 23.621 22.0174 23.1834C22.455 22.7458 23.0485 22.5 23.6673 22.5H29.5007L31.834 26H42.334C42.9528 26 43.5463 26.2458 43.9839 26.6834C44.4215 27.121 44.6673 27.7145 44.6673 28.3333V41.1667Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"2.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></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 <a class=\"alert-title\">\r\n Trax_report_9348723758268394.zip\r\n </a>\r\n <span class=\"alt-desc d-block\">Initiated Time : 04:00 PM\r\n | 26 Jul, 2023 </span>\r\n </div><span class=\"badge badge-light fw-bolder my-2\">\r\n <button class=\"btn btn-sm btn-primary\">Download</button></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <lib-pagination [itemsPerPage]=\"pagination.limit\" [currentPage]=\"pagination.offset\"\r\n [totalItems]=\"pagination.totalCount\" [paginationSizes]=\"paginationSizes\"\r\n (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>", 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-700, #344054)!important;font-size:16px!important;font-weight:500!important;line-height:24px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:500!important;line-height:20px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: PaginationComponent, selector: "lib-pagination", inputs: ["collection", "itemsPerPage", "currentPage", "totalItems", "directionLinks", "pageSize", "paginationSizes"], outputs: ["pageChange", "pageSizeChange"] }] });
|
|
62
|
-
}
|
|
63
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
64
|
-
type: Component,
|
|
65
|
-
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<div class=\"card topbar\">\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\r\n <div class=\"mb-10\">\r\n <div class=\"row w-100\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"d-flex justify-content-between mb-10\">\r\n <div class=\"d-flex align-items-sm-center mb-7 border-value w-100\">\r\n <div class=\"symbol symbol-50px me-5\"><span class=\"symbol-label\"><svg width=\"66\"\r\n height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" fill=\"#DAF1FF\" />\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" stroke=\"#EAF8FF\"\r\n stroke-width=\"10\" />\r\n <path\r\n d=\"M44.6673 41.1667C44.6673 41.7855 44.4215 42.379 43.9839 42.8166C43.5463 43.2542 42.9528 43.5 42.334 43.5H23.6673C23.0485 43.5 22.455 43.2542 22.0174 42.8166C21.5798 42.379 21.334 41.7855 21.334 41.1667V24.8333C21.334 24.2145 21.5798 23.621 22.0174 23.1834C22.455 22.7458 23.0485 22.5 23.6673 22.5H29.5007L31.834 26H42.334C42.9528 26 43.5463 26.2458 43.9839 26.6834C44.4215 27.121 44.6673 27.7145 44.6673 28.3333V41.1667Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"2.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></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\"> <a class=\"alert-title\">\r\n Trax_report_9348723758268394.zip\r\n </a>\r\n <span class=\"alt-desc d-block\">Initiated Time : 04:00 PM\r\n | 26 Jul, 2023 </span></div><span\r\n class=\"badge badge-light fw-bolder my-2\"><button\r\n class=\"btn btn-sm btn-primary\">Download</button></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"d-flex justify-content-between mb-10\">\r\n <div class=\"d-flex align-items-sm-center mb-7 border-value w-100\">\r\n <div class=\"symbol symbol-50px me-5\"><span class=\"symbol-label\"><svg width=\"66\"\r\n height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" fill=\"#DAF1FF\" />\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" stroke=\"#EAF8FF\"\r\n stroke-width=\"10\" />\r\n <path\r\n d=\"M44.6673 41.1667C44.6673 41.7855 44.4215 42.379 43.9839 42.8166C43.5463 43.2542 42.9528 43.5 42.334 43.5H23.6673C23.0485 43.5 22.455 43.2542 22.0174 42.8166C21.5798 42.379 21.334 41.7855 21.334 41.1667V24.8333C21.334 24.2145 21.5798 23.621 22.0174 23.1834C22.455 22.7458 23.0485 22.5 23.6673 22.5H29.5007L31.834 26H42.334C42.9528 26 43.5463 26.2458 43.9839 26.6834C44.4215 27.121 44.6673 27.7145 44.6673 28.3333V41.1667Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"2.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></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 <a class=\"alert-title\">\r\n Trax_report_9348723758268394.zip\r\n </a>\r\n <span class=\"alt-desc d-block\">Initiated Time : 04:00 PM\r\n | 26 Jul, 2023 </span>\r\n </div><span class=\"badge badge-light fw-bolder my-2\">\r\n <button class=\"btn btn-sm btn-primary\">Download</button></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <lib-pagination [itemsPerPage]=\"pagination.limit\" [currentPage]=\"pagination.offset\"\r\n [totalItems]=\"pagination.totalCount\" [paginationSizes]=\"paginationSizes\"\r\n (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>", 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-700, #344054)!important;font-size:16px!important;font-weight:500!important;line-height:24px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:500!important;line-height:20px}\n"] }]
|
|
66
|
-
}], ctorParameters: () => [{ type: i1.PageInfoService }] });
|
|
67
|
-
|
|
68
|
-
const routes = [
|
|
69
|
-
{
|
|
70
|
-
path: 'reports',
|
|
71
|
-
component: NotificationComponent
|
|
72
|
-
}
|
|
73
|
-
];
|
|
74
|
-
class NotificationRoutingModule {
|
|
75
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
76
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NotificationRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] });
|
|
77
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
|
|
78
|
-
}
|
|
79
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationRoutingModule, decorators: [{
|
|
80
|
-
type: NgModule,
|
|
81
|
-
args: [{
|
|
82
|
-
imports: [RouterModule.forChild(routes)],
|
|
83
|
-
exports: [RouterModule]
|
|
84
|
-
}]
|
|
85
|
-
}] });
|
|
86
|
-
|
|
87
|
-
class NotificationModule {
|
|
88
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
89
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent], imports: [CommonModule,
|
|
90
|
-
NotificationRoutingModule,
|
|
91
|
-
CommonSharedModule] });
|
|
92
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationModule, imports: [CommonModule,
|
|
93
|
-
NotificationRoutingModule,
|
|
94
|
-
CommonSharedModule] });
|
|
95
|
-
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationModule, decorators: [{
|
|
97
|
-
type: NgModule,
|
|
98
|
-
args: [{
|
|
99
|
-
declarations: [
|
|
100
|
-
NotificationComponent
|
|
101
|
-
],
|
|
102
|
-
imports: [
|
|
103
|
-
CommonModule,
|
|
104
|
-
NotificationRoutingModule,
|
|
105
|
-
CommonSharedModule
|
|
106
|
-
]
|
|
107
|
-
}]
|
|
108
|
-
}] });
|
|
109
|
-
|
|
110
|
-
export { NotificationModule };
|
|
111
|
-
//# sourceMappingURL=tango-app-ui-shared-notification.module-BXu6NtBj.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tango-app-ui-shared-notification.module-BXu6NtBj.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 { Component, OnInit } from '@angular/core';\r\nimport { PageInfoService } from 'tango-app-ui-global';\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 pagination: any = {\r\n offset: 1,\r\n limit: 10,\r\n totalCount: 0,\r\n };\r\n loading: boolean = true;\r\n noData: boolean = false;\r\n paginationSizes: number[] = [10, 20, 30];\r\nconstructor(private pageInfo:PageInfoService){}\r\n ngOnInit(): void {\r\n \r\n this.setPageData();\r\n }\r\n setPageData() {\r\n this.pageInfo.setTitle(\"Tango TRAX\");\r\n this.pageInfo.setDescription(\"Automate or create checklists to improve operational efficiency\");\r\n this.pageInfo.setBreadcrumbs([\r\n { title: \"Reports\", path: \"/manage\", isActive: false, isSeparator: false },\r\n { title: \"Download Manager\", path: \"/manage\", isActive: false, isSeparator: true },\r\n ]);\r\n }\r\n\r\n chooseManager(type:any){\r\n\r\n }\r\n paginationSize(){\r\n\r\n}\r\nonPageChange(e:any){\r\n\r\n}\r\nonPageSizeChange(e:any){\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<div class=\"card topbar\">\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\r\n <div class=\"mb-10\">\r\n <div class=\"row w-100\">\r\n <div class=\"col-lg-6\">\r\n <div class=\"d-flex justify-content-between mb-10\">\r\n <div class=\"d-flex align-items-sm-center mb-7 border-value w-100\">\r\n <div class=\"symbol symbol-50px me-5\"><span class=\"symbol-label\"><svg width=\"66\"\r\n height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" fill=\"#DAF1FF\" />\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" stroke=\"#EAF8FF\"\r\n stroke-width=\"10\" />\r\n <path\r\n d=\"M44.6673 41.1667C44.6673 41.7855 44.4215 42.379 43.9839 42.8166C43.5463 43.2542 42.9528 43.5 42.334 43.5H23.6673C23.0485 43.5 22.455 43.2542 22.0174 42.8166C21.5798 42.379 21.334 41.7855 21.334 41.1667V24.8333C21.334 24.2145 21.5798 23.621 22.0174 23.1834C22.455 22.7458 23.0485 22.5 23.6673 22.5H29.5007L31.834 26H42.334C42.9528 26 43.5463 26.2458 43.9839 26.6834C44.4215 27.121 44.6673 27.7145 44.6673 28.3333V41.1667Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"2.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></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\"> <a class=\"alert-title\">\r\n Trax_report_9348723758268394.zip\r\n </a>\r\n <span class=\"alt-desc d-block\">Initiated Time : 04:00 PM\r\n | 26 Jul, 2023 </span></div><span\r\n class=\"badge badge-light fw-bolder my-2\"><button\r\n class=\"btn btn-sm btn-primary\">Download</button></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6\">\r\n <div class=\"d-flex justify-content-between mb-10\">\r\n <div class=\"d-flex align-items-sm-center mb-7 border-value w-100\">\r\n <div class=\"symbol symbol-50px me-5\"><span class=\"symbol-label\"><svg width=\"66\"\r\n height=\"66\" viewBox=\"0 0 66 66\" fill=\"none\"\r\n xmlns=\"http://www.w3.org/2000/svg\">\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" fill=\"#DAF1FF\" />\r\n <rect x=\"5\" y=\"5\" width=\"56\" height=\"56\" rx=\"28\" stroke=\"#EAF8FF\"\r\n stroke-width=\"10\" />\r\n <path\r\n d=\"M44.6673 41.1667C44.6673 41.7855 44.4215 42.379 43.9839 42.8166C43.5463 43.2542 42.9528 43.5 42.334 43.5H23.6673C23.0485 43.5 22.455 43.2542 22.0174 42.8166C21.5798 42.379 21.334 41.7855 21.334 41.1667V24.8333C21.334 24.2145 21.5798 23.621 22.0174 23.1834C22.455 22.7458 23.0485 22.5 23.6673 22.5H29.5007L31.834 26H42.334C42.9528 26 43.5463 26.2458 43.9839 26.6834C44.4215 27.121 44.6673 27.7145 44.6673 28.3333V41.1667Z\"\r\n stroke=\"#00A3FF\" stroke-width=\"2.33333\" stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\" />\r\n </svg></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 <a class=\"alert-title\">\r\n Trax_report_9348723758268394.zip\r\n </a>\r\n <span class=\"alt-desc d-block\">Initiated Time : 04:00 PM\r\n | 26 Jul, 2023 </span>\r\n </div><span class=\"badge badge-light fw-bolder my-2\">\r\n <button class=\"btn btn-sm btn-primary\">Download</button></span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <lib-pagination [itemsPerPage]=\"pagination.limit\" [currentPage]=\"pagination.offset\"\r\n [totalItems]=\"pagination.totalCount\" [paginationSizes]=\"paginationSizes\"\r\n (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>","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:'reports',\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":["i3.PaginationComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;MAQa,qBAAqB,CAAA;AAWd,IAAA,QAAA,CAAA;IAVlB,SAAS,GAAW,IAAI,CAAC;IACzB,YAAY,GAAW,KAAK,CAAC;AAC7B,IAAA,UAAU,GAAQ;AAChB,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,UAAU,EAAE,CAAC;KACd,CAAC;IACF,OAAO,GAAY,IAAI,CAAC;IACxB,MAAM,GAAY,KAAK,CAAC;IACxB,eAAe,GAAa,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;AAC3C,IAAA,WAAA,CAAoB,QAAwB,EAAA;QAAxB,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAgB;KAAG;IAC7C,QAAQ,GAAA;QAEN,IAAI,CAAC,WAAW,EAAE,CAAC;KACpB;IACD,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;AACrC,QAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,iEAAiE,CAAC,CAAC;AAChG,QAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;AAC3B,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE;AAC1E,YAAA,EAAE,KAAK,EAAE,kBAAkB,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE;AACnF,SAAA,CAAC,CAAC;KACJ;AAED,IAAA,aAAa,CAAC,IAAQ,EAAA;KAErB;IACD,cAAc,GAAA;KAEf;AACD,IAAA,YAAY,CAAC,CAAK,EAAA;KAEjB;AACD,IAAA,gBAAgB,CAAC,CAAK,EAAA;KAErB;wGApCY,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,eAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,wDCRlC,ikNA6EM,EAAA,MAAA,EAAA,CAAA,wwBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,mBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,cAAA,EAAA,aAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,YAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDrEO,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,ikNAAA,EAAA,MAAA,EAAA,CAAA,wwBAAA,CAAA,EAAA,CAAA;;;AEA9B,MAAM,MAAM,GAAW;AACrB,IAAA;AACE,QAAA,IAAI,EAAC,SAAS;AACd,QAAA,SAAS,EAAC,qBAAqB;AAChC,KAAA;CACF,CAAC;MAMW,yBAAyB,CAAA;wGAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,0CAF1B,YAAY,CAAA,EAAA,CAAA,CAAA;yGAEX,yBAAyB,EAAA,OAAA,EAAA,CAH1B,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,EAC7B,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAEX,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;oBACxC,OAAO,EAAE,CAAC,YAAY,CAAC;AACxB,iBAAA,CAAA;;;MCIY,kBAAkB,CAAA;wGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAlB,kBAAkB,EAAA,YAAA,EAAA,CAR3B,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAGrB,YAAY;YACZ,yBAAyB;YACzB,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAGT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAL3B,YAAY;YACZ,yBAAyB;YACzB,kBAAkB,CAAA,EAAA,CAAA,CAAA;;4FAGT,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAV9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,yBAAyB;wBACzB,kBAAkB;AACnB,qBAAA;AACF,iBAAA,CAAA;;;;;"}
|