marketplacepos 2.4.6 → 2.4.8

package/Marketplace/src_app_menu_notification_notification_module_ts.js

@@ -0,0 +1,285 @@
+"use strict";
+(self["webpackChunkpos_marketplace"] = self["webpackChunkpos_marketplace"] || []).push([["src_app_menu_notification_notification_module_ts"],{
+
+/***/ 9578:
+/*!******************************************************************!*\
+  !*** ./src/app/menu/notification/notification-routing.module.ts ***!
+  \******************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "NotificationRoutingModule": () => (/* binding */ NotificationRoutingModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ 124);
+/* harmony import */ var _notification_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./notification.component */ 7528);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+
+const routes = [
+    { path: "", component: _notification_component__WEBPACK_IMPORTED_MODULE_0__.NotificationComponent }
+];
+class NotificationRoutingModule {
+}
+NotificationRoutingModule.ɵfac = function NotificationRoutingModule_Factory(t) { return new (t || NotificationRoutingModule)(); };
+NotificationRoutingModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineNgModule"]({ type: NotificationRoutingModule });
+NotificationRoutingModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__.CommonModule,
+        _angular_router__WEBPACK_IMPORTED_MODULE_3__.RouterModule.forChild(routes)] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsetNgModuleScope"](NotificationRoutingModule, { imports: [_angular_common__WEBPACK_IMPORTED_MODULE_2__.CommonModule, _angular_router__WEBPACK_IMPORTED_MODULE_3__.RouterModule] }); })();
+
+
+/***/ }),
+
+/***/ 7528:
+/*!*************************************************************!*\
+  !*** ./src/app/menu/notification/notification.component.ts ***!
+  \*************************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "NotificationComponent": () => (/* binding */ NotificationComponent)
+/* harmony export */ });
+/* harmony import */ var src_app_model_Constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/app/model/Constants */ 1889);
+/* harmony import */ var src_app_model_ProductFilter__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/model/ProductFilter */ 1290);
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! rxjs */ 228);
+/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! rxjs */ 8951);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/core */ 2560);
+/* harmony import */ var _services_http_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../services/http.service */ 6858);
+/* harmony import */ var src_app_services_notification_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/services/notification.service */ 2013);
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @angular/forms */ 2508);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../main-panel/main-panel.component */ 7481);
+/* harmony import */ var _sharing_module_custom_paginator_custom_paginator_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../sharing-module/custom-paginator/custom-paginator.component */ 6732);
+
+
+
+
+
+
+
+
+
+
+
+function NotificationComponent_tr_26_Template(rf, ctx) { if (rf & 1) {
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "tr")(1, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelement"](2, "img", 12);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](3, "span");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](4);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](5, "td")(6, "b");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](7);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](8, "div");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](9);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](10, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](11);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](12, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](13);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](14, "td");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](15);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpipe"](16, "date");
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()();
+} if (rf & 2) {
+    const notification_r2 = ctx.$implicit;
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpropertyInterpolate"]("src", notification_r2.Img, _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵsanitizeUrl"]);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate"](notification_r2.Name);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate"](notification_r2.Label);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate"](notification_r2.Message);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate"](notification_r2.Duration);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate"](notification_r2.StatusLabel);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](2);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵpipeBind2"](16, 7, notification_r2.Created, "dd MMM yyyy HH:mm"));
+} }
+function NotificationComponent_ng_container_27_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵgetCurrentView"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerStart"](0);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](1, "div", 4)(2, "div", 13)(3, "app-custom-paginator", 14);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("total", function NotificationComponent_ng_container_27_Template_app_custom_paginator_total_3_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r4); const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](ctx_r3.getRowCount()); })("next", function NotificationComponent_ng_container_27_Template_app_custom_paginator_next_3_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r4); const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](ctx_r5.onNextPage()); })("previous", function NotificationComponent_ng_container_27_Template_app_custom_paginator_previous_3_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵrestoreView"](_r4); const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"](); return _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵresetView"](ctx_r6.onPreviousPage()); });
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementContainerEnd"]();
+} if (rf & 2) {
+    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵnextContext"]();
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](3);
+    _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("filter", ctx_r1.filter)("totaldata", ctx_r1.notifications == null ? null : ctx_r1.notifications.length)("paginationTotal", ctx_r1.rowCount)("hasClicked", ctx_r1.hasClickRowCount);
+} }
+class NotificationComponent {
+    constructor(http, notificationService) {
+        this.http = http;
+        this.notificationService = notificationService;
+        this.filter = new src_app_model_ProductFilter__WEBPACK_IMPORTED_MODULE_1__.ProductFilter();
+        this.hasClickRowCount = false;
+        this.destroy$ = new rxjs__WEBPACK_IMPORTED_MODULE_7__.Subject();
+    }
+    ngOnInit() {
+        this.notificationService.clearNotification();
+        this.initPageLoader();
+        this.subscribeNotification();
+    }
+    subscribeNotification() {
+        this.notificationService.getNotification()
+            .pipe((0,rxjs__WEBPACK_IMPORTED_MODULE_8__.takeUntil)(this.destroy$))
+            .subscribe(result => {
+            if (result.length > 0) {
+                this.getNotifications();
+                this.notificationService.clearNotification();
+            }
+        });
+    }
+    initPageLoader() {
+        this.http.post('/api/notification/Load', {}).subscribe(result => {
+            this.filter = result.Filter;
+            this.filter.PageSize = this.filter.RowCount;
+            this.channelOptions = result.Options.Channel;
+            this.getNotifications();
+        });
+    }
+    onFilter() {
+        this.hasClickRowCount = false;
+        this.getNotifications();
+    }
+    getNotifications() {
+        const payload = {
+            ChannelID: this.filter.ChannelID,
+            RowCount: this.filter.PageSize,
+            PageNumber: this.filter.PageNumber
+        };
+        this.http.post('/api/notification/Get', payload).subscribe(data => {
+            this.notifications = data.Data;
+            this.setChannelLogoToNotifications();
+        });
+    }
+    setChannelLogoToNotifications() {
+        this.notifications = this.notifications.map(notif => {
+            notif.Img = src_app_model_Constants__WEBPACK_IMPORTED_MODULE_0__.Constants.getChannelLogoByTypeId(notif.TypeID);
+            return notif;
+        });
+    }
+    onNextPage() {
+        this.filter.PageNumber += 1;
+        this.getNotifications();
+    }
+    onPreviousPage() {
+        this.filter.PageNumber -= 1;
+        this.getNotifications();
+    }
+    getRowCount() {
+        const payload = {
+            ChannelID: this.filter.ChannelID
+        };
+        this.http.post('/api/notification/RowCount', payload)
+            .subscribe((result) => {
+            this.hasClickRowCount = true;
+            this.rowCount = result.Count;
+        });
+    }
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.complete();
+    }
+}
+NotificationComponent.ɵfac = function NotificationComponent_Factory(t) { return new (t || NotificationComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](_services_http_service__WEBPACK_IMPORTED_MODULE_2__.HttpService), _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdirectiveInject"](src_app_services_notification_service__WEBPACK_IMPORTED_MODULE_3__.NotificationService)); };
+NotificationComponent.ɵcmp = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵdefineComponent"]({ type: NotificationComponent, selectors: [["app-notification"]], decls: 28, vars: 5, consts: [["headerTitle", "Notification", "hideSearchBox", "true", 3, "onSubmit"], ["container", ""], ["bindLabel", "Name", "name", "channelid", "bindValue", "ID", "placeholder", "Select Channel", 1, "center-text", 3, "clearable", "items", "ngModel", "ngModelChange"], [1, "container-fluid", "mt-3"], [1, "row"], [1, "col-md-12"], [1, "table-responsive"], [1, "table", "table-hover"], [1, "sticky-top-thead"], [1, "table-light"], [4, "ngFor", "ngForOf"], [4, "ngIf"], ["alt", "", 1, "channelLogo-md", "me-4", 3, "src"], [1, "col-12"], [3, "filter", "totaldata", "paginationTotal", "hasClicked", "total", "next", "previous"]], template: function NotificationComponent_Template(rf, ctx) { if (rf & 1) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](0, "mainpanel", 0);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("onSubmit", function NotificationComponent_Template_mainpanel_onSubmit_0_listener() { return ctx.onFilter(); });
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](1, "filters")(2, "div", 1)(3, "div")(4, "h6");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](5, "Channel");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](6, "ng-select", 2);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵlistener"]("ngModelChange", function NotificationComponent_Template_ng_select_ngModelChange_6_listener($event) { return ctx.filter.ChannelID = $event; });
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](7, "content")(8, "div", 3)(9, "div", 4)(10, "div", 5)(11, "div", 6)(12, "table", 7)(13, "thead", 8)(14, "tr", 9)(15, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](16, "Channel");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](17, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](18, "Process");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](19, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](20, "Duration");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](21, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](22, "Status");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](23, "th");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtext"](24, "Created");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementStart"](25, "tbody");
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](26, NotificationComponent_tr_26_Template, 17, 10, "tr", 10);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()()()();
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵtemplate"](27, NotificationComponent_ng_container_27_Template, 4, 4, "ng-container", 11);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵelementEnd"]()()();
+    } if (rf & 2) {
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](6);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("clearable", true)("items", ctx.channelOptions)("ngModel", ctx.filter.ChannelID);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](20);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngForOf", ctx.notifications);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵadvance"](1);
+        _angular_core__WEBPACK_IMPORTED_MODULE_6__["ɵɵproperty"]("ngIf", (ctx.notifications == null ? null : ctx.notifications.length) > 0);
+    } }, dependencies: [_angular_common__WEBPACK_IMPORTED_MODULE_9__.NgForOf, _angular_common__WEBPACK_IMPORTED_MODULE_9__.NgIf, _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_10__.NgSelectComponent, _angular_forms__WEBPACK_IMPORTED_MODULE_11__.NgControlStatus, _angular_forms__WEBPACK_IMPORTED_MODULE_11__.NgModel, _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_4__.MainPanelComponent, _sharing_module_custom_paginator_custom_paginator_component__WEBPACK_IMPORTED_MODULE_5__.CustomPaginatorComponent, _angular_common__WEBPACK_IMPORTED_MODULE_9__.DatePipe], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJub3RpZmljYXRpb24uY29tcG9uZW50LnNjc3MifQ== */"] });
+
+
+/***/ }),
+
+/***/ 3698:
+/*!**********************************************************!*\
+  !*** ./src/app/menu/notification/notification.module.ts ***!
+  \**********************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "NotificationModule": () => (/* binding */ NotificationModule)
+/* harmony export */ });
+/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common */ 4666);
+/* harmony import */ var _notification_component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./notification.component */ 7528);
+/* harmony import */ var _notification_routing_module__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./notification-routing.module */ 9578);
+/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ng-select/ng-select */ 3054);
+/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/forms */ 2508);
+/* harmony import */ var _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../main-panel/main-panel.component */ 7481);
+/* harmony import */ var src_app_sharing_module_custom_paginator_custom_paginator_module__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/sharing-module/custom-paginator/custom-paginator.module */ 7459);
+/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ 2560);
+
+
+
+
+
+
+
+
+class NotificationModule {
+}
+NotificationModule.ɵfac = function NotificationModule_Factory(t) { return new (t || NotificationModule)(); };
+NotificationModule.ɵmod = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineNgModule"]({ type: NotificationModule });
+NotificationModule.ɵinj = /*@__PURE__*/ _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineInjector"]({ imports: [_angular_common__WEBPACK_IMPORTED_MODULE_5__.CommonModule,
+        _notification_routing_module__WEBPACK_IMPORTED_MODULE_1__.NotificationRoutingModule,
+        _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_6__.NgSelectModule,
+        _angular_forms__WEBPACK_IMPORTED_MODULE_7__.FormsModule,
+        _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_2__.MainPanelModule,
+        src_app_sharing_module_custom_paginator_custom_paginator_module__WEBPACK_IMPORTED_MODULE_3__.CustomPaginatorModule] });
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵsetNgModuleScope"](NotificationModule, { declarations: [_notification_component__WEBPACK_IMPORTED_MODULE_0__.NotificationComponent], imports: [_angular_common__WEBPACK_IMPORTED_MODULE_5__.CommonModule,
+        _notification_routing_module__WEBPACK_IMPORTED_MODULE_1__.NotificationRoutingModule,
+        _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_6__.NgSelectModule,
+        _angular_forms__WEBPACK_IMPORTED_MODULE_7__.FormsModule,
+        _main_panel_main_panel_component__WEBPACK_IMPORTED_MODULE_2__.MainPanelModule,
+        src_app_sharing_module_custom_paginator_custom_paginator_module__WEBPACK_IMPORTED_MODULE_3__.CustomPaginatorModule] }); })();
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=src_app_menu_notification_notification_module_ts.js.map

package/Marketplace/src_app_menu_notification_notification_module_ts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"src_app_menu_notification_notification_module_ts.js","mappings":"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","sources":["./src/app/menu/notification/notification-routing.module.ts","./src/app/menu/notification/notification.component.ts","./src/app/menu/notification/notification.component.html","./src/app/menu/notification/notification.module.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { NotificationComponent } from './notification.component';\r\n\r\nconst routes: Routes = [\r\n  { path: \"\", component: NotificationComponent }\r\n]\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    RouterModule.forChild(routes)\r\n  ]\r\n})\r\nexport class NotificationRoutingModule { }\r\n","import { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { Constants } from 'src/app/model/Constants';\r\nimport { Channel } from 'src/app/model/core/Channel';\r\nimport { ProductFilter } from 'src/app/model/ProductFilter';\r\nimport { NotificationService } from 'src/app/services/notification.service';\r\nimport { HttpService } from '../../services/http.service';\r\nimport { takeUntil, Subject } from 'rxjs';\r\n\r\n@Component({\r\n  selector: 'app-notification',\r\n  templateUrl: './notification.component.html',\r\n  styleUrls: ['./notification.component.scss']\r\n})\r\nexport class NotificationComponent implements OnInit, OnDestroy {\r\n  public notifications: any[];\r\n  public channelOptions: Channel[];\r\n  public filter: ProductFilter;\r\n  public rowCount: number;\r\n  public hasClickRowCount: boolean;\r\n  private destroy$: Subject<boolean>;\r\n\r\n  constructor(private http: HttpService, private notificationService: NotificationService) {\r\n    this.filter = new ProductFilter();\r\n    this.hasClickRowCount = false;\r\n    this.destroy$ = new Subject();\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.notificationService.clearNotification();\r\n    this.initPageLoader();\r\n    this.subscribeNotification();\r\n  }\r\n\r\n  private subscribeNotification() {\r\n    this.notificationService.getNotification()\r\n    .pipe(takeUntil(this.destroy$))\r\n    .subscribe(result => {\r\n      if (result.length > 0) {\r\n        this.getNotifications();\r\n        this.notificationService.clearNotification();\r\n      }\r\n    })\r\n  }\r\n\r\n  private initPageLoader() : void{\r\n    this.http.post<any>('/api/notification/Load',{}).subscribe(result=>{\r\n      this.filter = result.Filter;\r\n      this.filter.PageSize = this.filter.RowCount;\r\n      this.channelOptions = result.Options.Channel;\r\n      this.getNotifications();\r\n    })\r\n  }\r\n\r\n  public onFilter() {\r\n    this.hasClickRowCount = false;\r\n    this.getNotifications();\r\n  }\r\n\r\n  public getNotifications() : void{\r\n    const payload = {\r\n      ChannelID: this.filter.ChannelID,\r\n      RowCount: this.filter.PageSize,\r\n      PageNumber: this.filter.PageNumber\r\n    }\r\n    this.http.post<any>('/api/notification/Get',payload).subscribe(data=>{    \r\n      this.notifications = data.Data;\r\n      this.setChannelLogoToNotifications();\r\n    })\r\n  }\r\n\r\n  private setChannelLogoToNotifications() {\r\n    this.notifications = this.notifications.map(notif => {\r\n      notif.Img = Constants.getChannelLogoByTypeId(notif.TypeID);\r\n      return notif;\r\n    })\r\n  }\r\n\r\n  public onNextPage() {\r\n    this.filter.PageNumber += 1;\r\n    this.getNotifications();\r\n  }\r\n\r\n  public onPreviousPage() {\r\n    this.filter.PageNumber -= 1;\r\n    this.getNotifications();\r\n  }\r\n\r\n  public getRowCount() {\r\n    const payload = {\r\n      ChannelID: this.filter.ChannelID\r\n    }\r\n    this.http.post('/api/notification/RowCount', payload)\r\n    .subscribe((result: {Count: number}) => {\r\n      this.hasClickRowCount = true;\r\n      this.rowCount = result.Count;\r\n    })\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.destroy$.next(true);\r\n    this.destroy$.complete();\r\n  }\r\n}\r\n","<mainpanel headerTitle=\"Notification\" (onSubmit)=\"onFilter()\" hideSearchBox=\"true\">\r\n    <filters>\r\n        <div container>\r\n            <div>\r\n                <h6>Channel</h6>\r\n                <ng-select class=\"center-text\" [clearable]=\"true\" [items]=\"channelOptions\" bindLabel=\"Name\"\r\n                    name=\"channelid\" bindValue=\"ID\" placeholder=\"Select Channel\" [(ngModel)]=\"filter.ChannelID\">\r\n                </ng-select>\r\n            </div>\r\n        </div>\r\n    </filters>\r\n    <content>\r\n        <div class=\"container-fluid mt-3\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"table-responsive\">\r\n                        <table class=\"table table-hover\">\r\n                            <thead class=\"sticky-top-thead\">\r\n                                <tr class=\"table-light\">\r\n                                    <th>Channel</th>\r\n                                    <th>Process</th>\r\n                                    <th>Duration</th>\r\n                                    <th>Status</th>\r\n                                    <th>Created</th>\r\n                                </tr>\r\n                            </thead>\r\n\r\n                            <tbody>\r\n                                <tr *ngFor=\"let notification of notifications\">\r\n                                    <td>\r\n                                        <img class=\"channelLogo-md me-4\" src=\"{{notification.Img}}\" alt=\"\">\r\n                                        <span>{{notification.Name}}</span>\r\n                                    </td>\r\n                                    <td>\r\n                                        <b>{{notification.Label}}</b>\r\n                                        <div>{{notification.Message}}</div>\r\n                                    </td>\r\n                                    <td>{{notification.Duration}}</td>\r\n                                    <td>{{notification.StatusLabel}}</td>\r\n                                    <td>{{notification.Created | date : 'dd MMM yyyy HH:mm'}}</td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <ng-container *ngIf=\"notifications?.length > 0\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-12\">\r\n                        <app-custom-paginator [filter]=\"filter\" [totaldata]=\"notifications?.length\"\r\n                            [paginationTotal]=\"rowCount\" [hasClicked]=\"hasClickRowCount\" (total)=\"getRowCount()\"\r\n                            (next)=\"onNextPage()\" (previous)=\"onPreviousPage()\"></app-custom-paginator>\r\n                    </div>\r\n                </div>\r\n            </ng-container>\r\n        </div>\r\n    </content>\r\n</mainpanel>","import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NotificationComponent } from './notification.component';\r\nimport { NotificationRoutingModule } from './notification-routing.module';\r\nimport { NgSelectModule } from '@ng-select/ng-select';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MainPanelModule } from '../main-panel/main-panel.component';\r\nimport { CustomPaginatorModule } from 'src/app/sharing-module/custom-paginator/custom-paginator.module';\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    NotificationRoutingModule,\r\n    NgSelectModule,\r\n    FormsModule,\r\n    MainPanelModule,\r\n    CustomPaginatorModule\r\n  ],\r\n  declarations: [NotificationComponent],\r\n  schemas: [NO_ERRORS_SCHEMA]\r\n})\r\nexport class NotificationModule { }\r\n"],"names":[],"sourceRoot":"webpack:///"}