@memberjunction/ng-explorer-core 0.9.79 → 0.9.116

package/dist/lib/user-notifications/user-notifications.component.js

@@ -1,282 +1,282 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { Component, ViewChild } from '@angular/core';
-import { SharedService } from '../../shared/shared.service';
-import { Metadata } from '@memberjunction/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../shared/shared.service";
-import * as i2 from "@angular/router";
-import * as i3 from "@angular/common";
-import * as i4 from "@progress/kendo-angular-buttons";
-import * as i5 from "@progress/kendo-angular-inputs";
-import * as i6 from "@memberjunction/ng-container-directives";
-import * as i7 from "@progress/kendo-angular-listview";
-const _c0 = ["allRadio"];
-const _c1 = ["unreadRadio"];
-const _c2 = ["readRadio"];
-function UserNotificationsComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 14);
-} }
-function UserNotificationsComponent_ng_template_20_button_10_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_20_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const dataItem_r5 = i0.ɵɵnextContext().dataItem; const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.markAsRead(dataItem_r5, true)); });
-    i0.ɵɵtext(1, "Mark as Read");
-    i0.ɵɵelementEnd();
-} }
-function UserNotificationsComponent_ng_template_20_button_11_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 20);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_20_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const dataItem_r5 = i0.ɵɵnextContext().dataItem; const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.markAsRead(dataItem_r5, false)); });
-    i0.ɵɵtext(1, "Mark as Unread");
-    i0.ɵɵelementEnd();
-} }
-function UserNotificationsComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div")(1, "div", 15);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_20_Template_div_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r15); const dataItem_r5 = restoredCtx.dataItem; const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.notificationClicked(dataItem_r5)); });
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 16);
-    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_20_Template_div_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r15); const dataItem_r5 = restoredCtx.dataItem; const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.notificationClicked(dataItem_r5)); });
-    i0.ɵɵelementStart(4, "div", 17);
-    i0.ɵɵtext(5);
-    i0.ɵɵpipe(6, "date");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 18);
-    i0.ɵɵtext(8);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "div");
-    i0.ɵɵtemplate(10, UserNotificationsComponent_ng_template_20_button_10_Template, 2, 0, "button", 19);
-    i0.ɵɵtemplate(11, UserNotificationsComponent_ng_template_20_button_11_Template, 2, 0, "button", 19);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const dataItem_r5 = ctx.dataItem;
-    const ctx_r4 = i0.ɵɵnextContext();
-    i0.ɵɵclassMap(ctx_r4.getItemWrapperClass(dataItem_r5));
-    i0.ɵɵadvance(1);
-    i0.ɵɵclassMap(ctx_r4.getItemTitleClass(dataItem_r5));
-    i0.ɵɵadvance(1);
-    i0.ɵɵtextInterpolate(dataItem_r5.Title);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(6, 9, dataItem_r5.CreatedAt, "long"));
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(dataItem_r5.Message);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", dataItem_r5.Unread);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !dataItem_r5.Unread);
-} }
-export class UserNotificationsComponent {
-    constructor(sharedService, router) {
-        this.sharedService = sharedService;
-        this.router = router;
-        this.radioSelected = 'all';
-        this.currentFilter = '';
-    }
-    ngAfterViewInit() {
-        this.sharedService.InvokeManualResize(); // make sure the notifications component is sized correctly
-    }
-    get NotificationsToShow() {
-        let temp = [];
-        if (this.radioSelected.trim().toLowerCase() === 'all') {
-            temp = this.AllNotifications;
-        }
-        else if (this.radioSelected.trim().toLowerCase() === 'unread') {
-            temp = this.AllNotifications.filter(n => n.Unread);
-        }
-        else {
-            temp = this.AllNotifications.filter(n => !n.Unread);
-        }
-        // Apply filter if it is not empty
-        if (this.currentFilter.trim().length > 0) {
-            // check for inclusion of filter value in title or message
-            temp = temp.filter(n => n.Title.toLowerCase().includes(this.currentFilter.trim().toLowerCase()) ||
-                n.Message.toLowerCase().includes(this.currentFilter.trim().toLowerCase()));
-        }
-        return temp;
-    }
-    isNotificationClickable(notification) {
-        const info = this.notificationUrl(notification);
-        return (info !== null && info.urlParts && info.urlParts.length > 0);
-    }
-    notificationUrl(notification) {
-        var _a;
-        let url = [];
-        let queryString = '';
-        if (notification.ResourceRecordID && notification.ResourceRecordID > 0 &&
-            notification.ResourceTypeID && notification.ResourceTypeID > 0) {
-            // we have a resource here, like a Report, Dashboard, etc
-            // we can generate a url to navigate to it
-            const rt = this.sharedService.ResourceTypeByID(notification.ResourceTypeID);
-            let routeSegment;
-            if (rt)
-                routeSegment = this.sharedService.mapResourceTypeNameToRouteSegment(rt.Name);
-            if (rt && routeSegment && routeSegment.trim().length > 0) {
-                url.push('resource');
-                url.push(routeSegment);
-                url.push(notification.ResourceRecordID.toString());
-                if (notification.ResourceConfiguration && notification.ResourceConfiguration.trim().length > 0) {
-                    queryString = notification.ResourceConfiguration;
-                }
-            }
-        }
-        else if (notification.ResourceConfiguration && notification.ResourceConfiguration.trim().length > 0) {
-            // we do NOT have a resource type or resource record id, but we do have a ResourceConfiguration
-            // string, which means we might have information on how to navigate to what we want if we parse the config
-            // HOME screen stuff is done this way
-            const config = JSON.parse(notification.ResourceConfiguration);
-            if (config) {
-                switch ((_a = config.type) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) {
-                    case 'askskip':
-                        url.push('askskip');
-                        if (config.conversationId)
-                            url.push(config.conversationId);
-                        break;
-                }
-            }
-        }
-        else {
-            // we have nothing to click on
-            // don't generate a url
-        }
-        return { urlParts: url, queryString: queryString };
-    }
-    get AllNotifications() {
-        return SharedService.UserNotifications;
-    }
-    selectReadOption(option) {
-        this.radioSelected = option;
-        // now update the radio button group in the UI
-        switch (option.trim().toLowerCase()) {
-            case 'all':
-                this.allRadio.nativeElement.checked = true;
-                break;
-            case 'unread':
-                this.unreadRadio.nativeElement.checked = true;
-                break;
-            case 'read':
-                this.readRadio.nativeElement.checked = true;
-                break;
-        }
-    }
-    onReadRadioChanged(event) {
-        const target = event.target;
-        const value = target.value;
-        this.radioSelected = value;
-    }
-    onFilterChanged(value) {
-        this.currentFilter = value;
-    }
-    getItemTitleClass(notification) {
-        if (notification.Unread) {
-            return 'notification-title notification-title-unread';
-        }
-        else {
-            return 'notification-title';
-        }
-    }
-    getItemWrapperClass(notification) {
-        let classInfo = 'notification-wrap';
-        if (this.isNotificationClickable(notification))
-            classInfo += ' notification-wrap-clickable';
-        if (notification.Unread)
-            classInfo += ' notification-wrap-unread';
-        return classInfo;
-    }
-    markAsRead(notification, bRead) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (notification) {
-                notification.Unread = !bRead;
-                const md = new Metadata();
-                const notificationEntity = yield md.GetEntityObject('User Notifications');
-                yield notificationEntity.Load(notification.ID);
-                notificationEntity.Unread = notification.Unread; //copy from local object
-                if (yield notificationEntity.Save())
-                    SharedService.RefreshUserNotifications();
-                else
-                    this.sharedService.CreateSimpleNotification('Unable to mark notification as read', 'error', 5000);
-            }
-        });
-    }
-    notificationClicked(notification) {
-        if (this.isNotificationClickable(notification)) {
-            // also mark this as read when we click it
-            this.markAsRead(notification, true);
-            const info = this.notificationUrl(notification);
-            if (info.queryString && info.queryString.trim().length > 0) {
-                const fullUrl = `${info.urlParts.join('/')}${info.queryString ? '?' + info.queryString : ''}`;
-                this.router.navigateByUrl(fullUrl);
-            }
-            else
-                this.router.navigate(info.urlParts);
-        }
-    }
-}
-UserNotificationsComponent.ɵfac = function UserNotificationsComponent_Factory(t) { return new (t || UserNotificationsComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
-UserNotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserNotificationsComponent, selectors: [["app-user-notifications"]], viewQuery: function UserNotificationsComponent_Query(rf, ctx) { if (rf & 1) {
-        i0.ɵɵviewQuery(_c0, 5);
-        i0.ɵɵviewQuery(_c1, 5);
-        i0.ɵɵviewQuery(_c2, 5);
-    } if (rf & 2) {
-        let _t;
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.allRadio = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.unreadRadio = _t.first);
-        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.readRadio = _t.first);
-    } }, decls: 21, vars: 2, consts: [["mjFillContainer", "", 1, "notification-list-wrap", 3, "bottomMargin"], [1, "header"], [1, "title"], ["checked", "", "type", "radio", "name", "UnreadStatus", "value", "All", 3, "change"], ["allRadio", ""], [1, "radio-label", 3, "click"], ["type", "radio", "name", "UnreadStatus", "value", "Unread", 3, "change"], ["unreadRadio", ""], ["type", "radio", "name", "UnreadStatus", "value", "Read", 3, "change"], ["readRadio", ""], ["placeholder", "Filter items...", 1, "filter-input", 3, "valueChange"], ["kendoTextBoxSuffixTemplate", ""], [3, "data"], ["kendoListViewItemTemplate", ""], [1, "k-icon", "k-i-search"], [3, "click"], [1, "notification-body", 3, "click"], [1, "notification-date"], [1, "notification-message"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["kendoButton", "", 3, "click"]], template: function UserNotificationsComponent_Template(rf, ctx) { if (rf & 1) {
-        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
-        i0.ɵɵtext(3, " Notifications ");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(4, "div")(5, "input", 3, 4);
-        i0.ɵɵlistener("change", function UserNotificationsComponent_Template_input_change_5_listener($event) { return ctx.onReadRadioChanged($event); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(7, "span", 5);
-        i0.ɵɵlistener("click", function UserNotificationsComponent_Template_span_click_7_listener() { return ctx.selectReadOption("All"); });
-        i0.ɵɵtext(8, "All");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(9, "input", 6, 7);
-        i0.ɵɵlistener("change", function UserNotificationsComponent_Template_input_change_9_listener($event) { return ctx.onReadRadioChanged($event); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(11, "span", 5);
-        i0.ɵɵlistener("click", function UserNotificationsComponent_Template_span_click_11_listener() { return ctx.selectReadOption("Unread"); });
-        i0.ɵɵtext(12, "Unread");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(13, "input", 8, 9);
-        i0.ɵɵlistener("change", function UserNotificationsComponent_Template_input_change_13_listener($event) { return ctx.onReadRadioChanged($event); });
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(15, "span", 5);
-        i0.ɵɵlistener("click", function UserNotificationsComponent_Template_span_click_15_listener() { return ctx.selectReadOption("Read"); });
-        i0.ɵɵtext(16, "Read");
-        i0.ɵɵelementEnd();
-        i0.ɵɵelementStart(17, "kendo-textbox", 10);
-        i0.ɵɵlistener("valueChange", function UserNotificationsComponent_Template_kendo_textbox_valueChange_17_listener($event) { return ctx.onFilterChanged($event); });
-        i0.ɵɵtemplate(18, UserNotificationsComponent_ng_template_18_Template, 1, 0, "ng-template", 11);
-        i0.ɵɵelementEnd()()();
-        i0.ɵɵelementStart(19, "kendo-listview", 12);
-        i0.ɵɵtemplate(20, UserNotificationsComponent_ng_template_20_Template, 12, 12, "ng-template", 13);
-        i0.ɵɵelementEnd()();
-    } if (rf & 2) {
-        i0.ɵɵproperty("bottomMargin", 5);
-        i0.ɵɵadvance(19);
-        i0.ɵɵproperty("data", ctx.NotificationsToShow);
-    } }, dependencies: [i3.NgIf, i4.Button, i5.TextBoxComponent, i5.TextBoxSuffixTemplateDirective, i6.FillContainer, i7.ItemTemplateDirective, i7.ListViewComponent, i3.DatePipe], styles: [".notification-list-wrap[_ngcontent-%COMP%] {\r\n  height: 800px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  border: solid 1px lightgray;\r\n}\r\n\r\n.k-listview[_ngcontent-%COMP%] {\r\n  font-family: sans-serif;\r\n  border: 0;\r\n}\r\n.product[_ngcontent-%COMP%] {\r\n  width: 100%;\r\n}\r\n.header[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  background-color: lightgray;\r\n  padding: 12px;\r\n  height: 24px;\r\n}\r\n.title[_ngcontent-%COMP%] {\r\n  flex: 1;\r\n  font-size: 22px;\r\n  font-weight: bold;\r\n}\r\n.filter-input[_ngcontent-%COMP%] {\r\n  width: 200px;\r\n}\r\n.radio-label[_ngcontent-%COMP%] {\r\n  cursor: pointer;\r\n  margin-right: 10px;\r\n}\r\n\r\n.notification-wrap[_ngcontent-%COMP%] {\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n  padding-top: 10px;\r\n  padding-bottom: 10px;\r\n  border-bottom: dashed 1px lightgray;\r\n  background-color: white;\r\n}\r\n\r\n.notification-wrap-unread[_ngcontent-%COMP%] {\r\n  background-color: aliceblue;\r\n}\r\n\r\n.notification-wrap-clickable[_ngcontent-%COMP%] {\r\n  cursor: pointer;\r\n}\r\n\r\n.notification-title[_ngcontent-%COMP%] {\r\n  font-size: 16px;\r\n}\r\n.notification-wrap-clickable[_ngcontent-%COMP%]    > .notification-title[_ngcontent-%COMP%] {\r\n  color: blue;\r\n  text-decoration: underline;\r\n}\r\n.notification-title-unread[_ngcontent-%COMP%] {\r\n  font-weight: bold;\r\n}\r\n\r\n.notification-body[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n}\r\n\r\n.notification-date[_ngcontent-%COMP%] {\r\n  margin-left: 1px;\r\n  font-size: 12px;\r\n  color: gray;\r\n  font-style: italic;\r\n}"] });
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserNotificationsComponent, [{
-        type: Component,
-        args: [{ selector: 'app-user-notifications', template: "<div class=\"notification-list-wrap\" mjFillContainer [bottomMargin]=\"5\"> \n  <div class=\"header\">\n    <div class=\"title\">\n      Notifications\n    </div>\n    <div>\n      <input #allRadio checked type=\"radio\" name=\"UnreadStatus\" value=\"All\" (change)=\"onReadRadioChanged($event)\" /><span class=\"radio-label\"  \n            (click)=\"selectReadOption('All')\">All</span>\n      <input #unreadRadio type=\"radio\" name=\"UnreadStatus\" value=\"Unread\" (change)=\"onReadRadioChanged($event)\" /><span class=\"radio-label\"  \n            (click)=\"selectReadOption('Unread')\">Unread</span>\n      <input #readRadio type=\"radio\" name=\"UnreadStatus\" value=\"Read\" (change)=\"onReadRadioChanged($event)\" /><span class=\"radio-label\" \n            (click)=\"selectReadOption('Read')\">Read</span>\n      <kendo-textbox\n        class=\"filter-input\"\n        placeholder=\"Filter items...\"\n        (valueChange)=\"onFilterChanged($event)\"\n      >\n        <ng-template kendoTextBoxSuffixTemplate>\n          <span class=\"k-icon k-i-search\"></span>\n        </ng-template>\n      </kendo-textbox>  \n    </div>\n  </div> \n\n  <kendo-listview [data]=\"NotificationsToShow\">\n    <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n      <div [class]=\"getItemWrapperClass(dataItem)\">\n        <div [class]=\"getItemTitleClass(dataItem)\" (click)=\"notificationClicked(dataItem)\">{{dataItem.Title}}</div>\n        <div class=\"notification-body\"  (click)=\"notificationClicked(dataItem)\">\n          <div class=\"notification-date\">{{dataItem.CreatedAt | date:'long'}}</div>\n          <div class=\"notification-message\">{{dataItem.Message}}</div>\n        </div>\n        <div>\n          <button kendoButton *ngIf=\"dataItem.Unread\" (click)=\"markAsRead(dataItem, true)\">Mark as Read</button>\n          <button kendoButton *ngIf=\"!dataItem.Unread\" (click)=\"markAsRead(dataItem, false)\">Mark as Unread</button>\n        </div>  \n      </div>\n    </ng-template>\n  </kendo-listview>\n</div>\n", styles: [".notification-list-wrap {\r\n  height: 800px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  border: solid 1px lightgray;\r\n}\r\n\r\n.k-listview {\r\n  font-family: sans-serif;\r\n  border: 0;\r\n}\r\n.product {\r\n  width: 100%;\r\n}\r\n.header {\r\n  display: flex;\r\n  background-color: lightgray;\r\n  padding: 12px;\r\n  height: 24px;\r\n}\r\n.title {\r\n  flex: 1;\r\n  font-size: 22px;\r\n  font-weight: bold;\r\n}\r\n.filter-input {\r\n  width: 200px;\r\n}\r\n.radio-label {\r\n  cursor: pointer;\r\n  margin-right: 10px;\r\n}\r\n\r\n.notification-wrap {\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n  padding-top: 10px;\r\n  padding-bottom: 10px;\r\n  border-bottom: dashed 1px lightgray;\r\n  background-color: white;\r\n}\r\n\r\n.notification-wrap-unread {\r\n  background-color: aliceblue;\r\n}\r\n\r\n.notification-wrap-clickable {\r\n  cursor: pointer;\r\n}\r\n\r\n.notification-title {\r\n  font-size: 16px;\r\n}\r\n.notification-wrap-clickable > .notification-title {\r\n  color: blue;\r\n  text-decoration: underline;\r\n}\r\n.notification-title-unread {\r\n  font-weight: bold;\r\n}\r\n\r\n.notification-body {\r\n  font-size: 14px;\r\n}\r\n\r\n.notification-date {\r\n  margin-left: 1px;\r\n  font-size: 12px;\r\n  color: gray;\r\n  font-style: italic;\r\n}"] }]
-    }], function () { return [{ type: i1.SharedService }, { type: i2.Router }]; }, { allRadio: [{
-            type: ViewChild,
-            args: ['allRadio']
-        }], unreadRadio: [{
-            type: ViewChild,
-            args: ['unreadRadio']
-        }], readRadio: [{
-            type: ViewChild,
-            args: ['readRadio']
-        }] }); })();
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, ViewChild } from '@angular/core';
+import { SharedService } from '@memberjunction/ng-shared';
+import { Metadata } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-buttons";
+import * as i5 from "@progress/kendo-angular-inputs";
+import * as i6 from "@memberjunction/ng-container-directives";
+import * as i7 from "@progress/kendo-angular-listview";
+const _c0 = ["allRadio"];
+const _c1 = ["unreadRadio"];
+const _c2 = ["readRadio"];
+function UserNotificationsComponent_ng_template_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 14);
+} }
+function UserNotificationsComponent_ng_template_20_button_10_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 20);
+    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_20_button_10_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const dataItem_r5 = i0.ɵɵnextContext().dataItem; const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.markAsRead(dataItem_r5, true)); });
+    i0.ɵɵtext(1, "Mark as Read");
+    i0.ɵɵelementEnd();
+} }
+function UserNotificationsComponent_ng_template_20_button_11_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 20);
+    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_20_button_11_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const dataItem_r5 = i0.ɵɵnextContext().dataItem; const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.markAsRead(dataItem_r5, false)); });
+    i0.ɵɵtext(1, "Mark as Unread");
+    i0.ɵɵelementEnd();
+} }
+function UserNotificationsComponent_ng_template_20_Template(rf, ctx) { if (rf & 1) {
+    const _r15 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div")(1, "div", 15);
+    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_20_Template_div_click_1_listener() { const restoredCtx = i0.ɵɵrestoreView(_r15); const dataItem_r5 = restoredCtx.dataItem; const ctx_r14 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r14.notificationClicked(dataItem_r5)); });
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 16);
+    i0.ɵɵlistener("click", function UserNotificationsComponent_ng_template_20_Template_div_click_3_listener() { const restoredCtx = i0.ɵɵrestoreView(_r15); const dataItem_r5 = restoredCtx.dataItem; const ctx_r16 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r16.notificationClicked(dataItem_r5)); });
+    i0.ɵɵelementStart(4, "div", 17);
+    i0.ɵɵtext(5);
+    i0.ɵɵpipe(6, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 18);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div");
+    i0.ɵɵtemplate(10, UserNotificationsComponent_ng_template_20_button_10_Template, 2, 0, "button", 19)(11, UserNotificationsComponent_ng_template_20_button_11_Template, 2, 0, "button", 19);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const dataItem_r5 = ctx.dataItem;
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵclassMap(ctx_r4.getItemWrapperClass(dataItem_r5));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r4.getItemTitleClass(dataItem_r5));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(dataItem_r5.Title);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(6, 9, dataItem_r5.CreatedAt, "long"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(dataItem_r5.Message);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", dataItem_r5.Unread);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !dataItem_r5.Unread);
+} }
+export class UserNotificationsComponent {
+    constructor(sharedService, router) {
+        this.sharedService = sharedService;
+        this.router = router;
+        this.radioSelected = 'all';
+        this.currentFilter = '';
+    }
+    ngAfterViewInit() {
+        this.sharedService.InvokeManualResize(); // make sure the notifications component is sized correctly
+    }
+    get NotificationsToShow() {
+        let temp = [];
+        if (this.radioSelected.trim().toLowerCase() === 'all') {
+            temp = this.AllNotifications;
+        }
+        else if (this.radioSelected.trim().toLowerCase() === 'unread') {
+            temp = this.AllNotifications.filter(n => n.Unread);
+        }
+        else {
+            temp = this.AllNotifications.filter(n => !n.Unread);
+        }
+        // Apply filter if it is not empty
+        if (this.currentFilter.trim().length > 0) {
+            // check for inclusion of filter value in title or message
+            temp = temp.filter(n => n.Title.toLowerCase().includes(this.currentFilter.trim().toLowerCase()) ||
+                n.Message.toLowerCase().includes(this.currentFilter.trim().toLowerCase()));
+        }
+        return temp;
+    }
+    isNotificationClickable(notification) {
+        const info = this.notificationUrl(notification);
+        return (info !== null && info.urlParts && info.urlParts.length > 0);
+    }
+    notificationUrl(notification) {
+        var _a;
+        let url = [];
+        let queryString = '';
+        if (notification.ResourceRecordID && notification.ResourceRecordID > 0 &&
+            notification.ResourceTypeID && notification.ResourceTypeID > 0) {
+            // we have a resource here, like a Report, Dashboard, etc
+            // we can generate a url to navigate to it
+            const rt = this.sharedService.ResourceTypeByID(notification.ResourceTypeID);
+            let routeSegment;
+            if (rt)
+                routeSegment = this.sharedService.mapResourceTypeNameToRouteSegment(rt.Name);
+            if (rt && routeSegment && routeSegment.trim().length > 0) {
+                url.push('resource');
+                url.push(routeSegment);
+                url.push(notification.ResourceRecordID.toString());
+                if (notification.ResourceConfiguration && notification.ResourceConfiguration.trim().length > 0) {
+                    queryString = notification.ResourceConfiguration;
+                }
+            }
+        }
+        else if (notification.ResourceConfiguration && notification.ResourceConfiguration.trim().length > 0) {
+            // we do NOT have a resource type or resource record id, but we do have a ResourceConfiguration
+            // string, which means we might have information on how to navigate to what we want if we parse the config
+            // HOME screen stuff is done this way
+            const config = JSON.parse(notification.ResourceConfiguration);
+            if (config) {
+                switch ((_a = config.type) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) {
+                    case 'askskip':
+                        url.push('askskip');
+                        if (config.conversationId)
+                            url.push(config.conversationId);
+                        break;
+                }
+            }
+        }
+        else {
+            // we have nothing to click on
+            // don't generate a url
+        }
+        return { urlParts: url, queryString: queryString };
+    }
+    get AllNotifications() {
+        return SharedService.UserNotifications;
+    }
+    selectReadOption(option) {
+        this.radioSelected = option;
+        // now update the radio button group in the UI
+        switch (option.trim().toLowerCase()) {
+            case 'all':
+                this.allRadio.nativeElement.checked = true;
+                break;
+            case 'unread':
+                this.unreadRadio.nativeElement.checked = true;
+                break;
+            case 'read':
+                this.readRadio.nativeElement.checked = true;
+                break;
+        }
+    }
+    onReadRadioChanged(event) {
+        const target = event.target;
+        const value = target.value;
+        this.radioSelected = value;
+    }
+    onFilterChanged(value) {
+        this.currentFilter = value;
+    }
+    getItemTitleClass(notification) {
+        if (notification.Unread) {
+            return 'notification-title notification-title-unread';
+        }
+        else {
+            return 'notification-title';
+        }
+    }
+    getItemWrapperClass(notification) {
+        let classInfo = 'notification-wrap';
+        if (this.isNotificationClickable(notification))
+            classInfo += ' notification-wrap-clickable';
+        if (notification.Unread)
+            classInfo += ' notification-wrap-unread';
+        return classInfo;
+    }
+    markAsRead(notification, bRead) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (notification) {
+                notification.Unread = !bRead;
+                const md = new Metadata();
+                const notificationEntity = yield md.GetEntityObject('User Notifications');
+                yield notificationEntity.Load(notification.ID);
+                notificationEntity.Unread = notification.Unread; //copy from local object
+                if (yield notificationEntity.Save())
+                    SharedService.RefreshUserNotifications();
+                else
+                    this.sharedService.CreateSimpleNotification('Unable to mark notification as read', 'error', 5000);
+            }
+        });
+    }
+    notificationClicked(notification) {
+        if (this.isNotificationClickable(notification)) {
+            // also mark this as read when we click it
+            this.markAsRead(notification, true);
+            const info = this.notificationUrl(notification);
+            if (info.queryString && info.queryString.trim().length > 0) {
+                const fullUrl = `${info.urlParts.join('/')}${info.queryString ? '?' + info.queryString : ''}`;
+                this.router.navigateByUrl(fullUrl);
+            }
+            else
+                this.router.navigate(info.urlParts);
+        }
+    }
+}
+UserNotificationsComponent.ɵfac = function UserNotificationsComponent_Factory(t) { return new (t || UserNotificationsComponent)(i0.ɵɵdirectiveInject(i1.SharedService), i0.ɵɵdirectiveInject(i2.Router)); };
+UserNotificationsComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UserNotificationsComponent, selectors: [["app-user-notifications"]], viewQuery: function UserNotificationsComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5);
+        i0.ɵɵviewQuery(_c1, 5);
+        i0.ɵɵviewQuery(_c2, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.allRadio = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.unreadRadio = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.readRadio = _t.first);
+    } }, decls: 21, vars: 2, consts: [["mjFillContainer", "", 1, "notification-list-wrap", 3, "bottomMargin"], [1, "header"], [1, "title"], ["checked", "", "type", "radio", "name", "UnreadStatus", "value", "All", 3, "change"], ["allRadio", ""], [1, "radio-label", 3, "click"], ["type", "radio", "name", "UnreadStatus", "value", "Unread", 3, "change"], ["unreadRadio", ""], ["type", "radio", "name", "UnreadStatus", "value", "Read", 3, "change"], ["readRadio", ""], ["placeholder", "Filter items...", 1, "filter-input", 3, "valueChange"], ["kendoTextBoxSuffixTemplate", ""], [3, "data"], ["kendoListViewItemTemplate", ""], [1, "k-icon", "k-i-search"], [3, "click"], [1, "notification-body", 3, "click"], [1, "notification-date"], [1, "notification-message"], ["kendoButton", "", 3, "click", 4, "ngIf"], ["kendoButton", "", 3, "click"]], template: function UserNotificationsComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+        i0.ɵɵtext(3, " Notifications ");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "div")(5, "input", 3, 4);
+        i0.ɵɵlistener("change", function UserNotificationsComponent_Template_input_change_5_listener($event) { return ctx.onReadRadioChanged($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(7, "span", 5);
+        i0.ɵɵlistener("click", function UserNotificationsComponent_Template_span_click_7_listener() { return ctx.selectReadOption("All"); });
+        i0.ɵɵtext(8, "All");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(9, "input", 6, 7);
+        i0.ɵɵlistener("change", function UserNotificationsComponent_Template_input_change_9_listener($event) { return ctx.onReadRadioChanged($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(11, "span", 5);
+        i0.ɵɵlistener("click", function UserNotificationsComponent_Template_span_click_11_listener() { return ctx.selectReadOption("Unread"); });
+        i0.ɵɵtext(12, "Unread");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(13, "input", 8, 9);
+        i0.ɵɵlistener("change", function UserNotificationsComponent_Template_input_change_13_listener($event) { return ctx.onReadRadioChanged($event); });
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(15, "span", 5);
+        i0.ɵɵlistener("click", function UserNotificationsComponent_Template_span_click_15_listener() { return ctx.selectReadOption("Read"); });
+        i0.ɵɵtext(16, "Read");
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(17, "kendo-textbox", 10);
+        i0.ɵɵlistener("valueChange", function UserNotificationsComponent_Template_kendo_textbox_valueChange_17_listener($event) { return ctx.onFilterChanged($event); });
+        i0.ɵɵtemplate(18, UserNotificationsComponent_ng_template_18_Template, 1, 0, "ng-template", 11);
+        i0.ɵɵelementEnd()()();
+        i0.ɵɵelementStart(19, "kendo-listview", 12);
+        i0.ɵɵtemplate(20, UserNotificationsComponent_ng_template_20_Template, 12, 12, "ng-template", 13);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵproperty("bottomMargin", 5);
+        i0.ɵɵadvance(19);
+        i0.ɵɵproperty("data", ctx.NotificationsToShow);
+    } }, dependencies: [i3.NgIf, i4.ButtonComponent, i5.TextBoxComponent, i5.TextBoxSuffixTemplateDirective, i6.FillContainer, i7.ItemTemplateDirective, i7.ListViewComponent, i3.DatePipe], styles: [".notification-list-wrap[_ngcontent-%COMP%] {\r\n  height: 800px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  border: solid 1px lightgray;\r\n}\r\n\r\n.k-listview[_ngcontent-%COMP%] {\r\n  font-family: sans-serif;\r\n  border: 0;\r\n}\r\n.product[_ngcontent-%COMP%] {\r\n  width: 100%;\r\n}\r\n.header[_ngcontent-%COMP%] {\r\n  display: flex;\r\n  background-color: lightgray;\r\n  padding: 12px;\r\n  height: 24px;\r\n}\r\n.title[_ngcontent-%COMP%] {\r\n  flex: 1;\r\n  font-size: 22px;\r\n  font-weight: bold;\r\n}\r\n.filter-input[_ngcontent-%COMP%] {\r\n  width: 200px;\r\n}\r\n.radio-label[_ngcontent-%COMP%] {\r\n  cursor: pointer;\r\n  margin-right: 10px;\r\n}\r\n\r\n.notification-wrap[_ngcontent-%COMP%] {\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n  padding-top: 10px;\r\n  padding-bottom: 10px;\r\n  border-bottom: dashed 1px lightgray;\r\n  background-color: white;\r\n}\r\n\r\n.notification-wrap-unread[_ngcontent-%COMP%] {\r\n  background-color: aliceblue;\r\n}\r\n\r\n.notification-wrap-clickable[_ngcontent-%COMP%] {\r\n  cursor: pointer;\r\n}\r\n\r\n.notification-title[_ngcontent-%COMP%] {\r\n  font-size: 16px;\r\n}\r\n.notification-wrap-clickable[_ngcontent-%COMP%]    > .notification-title[_ngcontent-%COMP%] {\r\n  color: blue;\r\n  text-decoration: underline;\r\n}\r\n.notification-title-unread[_ngcontent-%COMP%] {\r\n  font-weight: bold;\r\n}\r\n\r\n.notification-body[_ngcontent-%COMP%] {\r\n  font-size: 14px;\r\n}\r\n\r\n.notification-date[_ngcontent-%COMP%] {\r\n  margin-left: 1px;\r\n  font-size: 12px;\r\n  color: gray;\r\n  font-style: italic;\r\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UserNotificationsComponent, [{
+        type: Component,
+        args: [{ selector: 'app-user-notifications', template: "<div class=\"notification-list-wrap\" mjFillContainer [bottomMargin]=\"5\"> \n  <div class=\"header\">\n    <div class=\"title\">\n      Notifications\n    </div>\n    <div>\n      <input #allRadio checked type=\"radio\" name=\"UnreadStatus\" value=\"All\" (change)=\"onReadRadioChanged($event)\" /><span class=\"radio-label\"  \n            (click)=\"selectReadOption('All')\">All</span>\n      <input #unreadRadio type=\"radio\" name=\"UnreadStatus\" value=\"Unread\" (change)=\"onReadRadioChanged($event)\" /><span class=\"radio-label\"  \n            (click)=\"selectReadOption('Unread')\">Unread</span>\n      <input #readRadio type=\"radio\" name=\"UnreadStatus\" value=\"Read\" (change)=\"onReadRadioChanged($event)\" /><span class=\"radio-label\" \n            (click)=\"selectReadOption('Read')\">Read</span>\n      <kendo-textbox\n        class=\"filter-input\"\n        placeholder=\"Filter items...\"\n        (valueChange)=\"onFilterChanged($event)\"\n      >\n        <ng-template kendoTextBoxSuffixTemplate>\n          <span class=\"k-icon k-i-search\"></span>\n        </ng-template>\n      </kendo-textbox>  \n    </div>\n  </div> \n\n  <kendo-listview [data]=\"NotificationsToShow\">\n    <ng-template kendoListViewItemTemplate let-dataItem=\"dataItem\">\n      <div [class]=\"getItemWrapperClass(dataItem)\">\n        <div [class]=\"getItemTitleClass(dataItem)\" (click)=\"notificationClicked(dataItem)\">{{dataItem.Title}}</div>\n        <div class=\"notification-body\"  (click)=\"notificationClicked(dataItem)\">\n          <div class=\"notification-date\">{{dataItem.CreatedAt | date:'long'}}</div>\n          <div class=\"notification-message\">{{dataItem.Message}}</div>\n        </div>\n        <div>\n          <button kendoButton *ngIf=\"dataItem.Unread\" (click)=\"markAsRead(dataItem, true)\">Mark as Read</button>\n          <button kendoButton *ngIf=\"!dataItem.Unread\" (click)=\"markAsRead(dataItem, false)\">Mark as Unread</button>\n        </div>  \n      </div>\n    </ng-template>\n  </kendo-listview>\n</div>\n", styles: [".notification-list-wrap {\r\n  height: 800px;\r\n  overflow-y: auto;\r\n  overflow-x: hidden;\r\n  border: solid 1px lightgray;\r\n}\r\n\r\n.k-listview {\r\n  font-family: sans-serif;\r\n  border: 0;\r\n}\r\n.product {\r\n  width: 100%;\r\n}\r\n.header {\r\n  display: flex;\r\n  background-color: lightgray;\r\n  padding: 12px;\r\n  height: 24px;\r\n}\r\n.title {\r\n  flex: 1;\r\n  font-size: 22px;\r\n  font-weight: bold;\r\n}\r\n.filter-input {\r\n  width: 200px;\r\n}\r\n.radio-label {\r\n  cursor: pointer;\r\n  margin-right: 10px;\r\n}\r\n\r\n.notification-wrap {\r\n  padding-left: 10px;\r\n  padding-right: 10px;\r\n  padding-top: 10px;\r\n  padding-bottom: 10px;\r\n  border-bottom: dashed 1px lightgray;\r\n  background-color: white;\r\n}\r\n\r\n.notification-wrap-unread {\r\n  background-color: aliceblue;\r\n}\r\n\r\n.notification-wrap-clickable {\r\n  cursor: pointer;\r\n}\r\n\r\n.notification-title {\r\n  font-size: 16px;\r\n}\r\n.notification-wrap-clickable > .notification-title {\r\n  color: blue;\r\n  text-decoration: underline;\r\n}\r\n.notification-title-unread {\r\n  font-weight: bold;\r\n}\r\n\r\n.notification-body {\r\n  font-size: 14px;\r\n}\r\n\r\n.notification-date {\r\n  margin-left: 1px;\r\n  font-size: 12px;\r\n  color: gray;\r\n  font-style: italic;\r\n}"] }]
+    }], () => [{ type: i1.SharedService }, { type: i2.Router }], { allRadio: [{
+            type: ViewChild,
+            args: ['allRadio']
+        }], unreadRadio: [{
+            type: ViewChild,
+            args: ['unreadRadio']
+        }], readRadio: [{
+            type: ViewChild,
+            args: ['readRadio']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UserNotificationsComponent, { className: "UserNotificationsComponent", filePath: "src\\lib\\user-notifications\\user-notifications.component.ts", lineNumber: 12 }); })();