').dxTooltip({\r\n target: '#helpedInfo',\r\n showEvent: 'mouseenter',\r\n hideEvent: 'mouseleave',\r\n contentTemplate(args) {\r\n args.html('
Use the [AddressListFilter] tag to add the filter value in the email subject and body text
');\r\n },\r\n }).appendTo(element);\r\n\r\n $('#helpedInfo', element).click(function () {\r\n let subjectText = dataGrid.cellValue(dataGrid.getRowIndexByKey(vm.currentEmail().id), \"subjectText\");\r\n if (subjectText) {\r\n subjectText += \" [AddressListFilter]\";\r\n }\r\n dataGrid.cellValue(dataGrid.getRowIndexByKey(vm.currentEmail().id), \"subjectText\", subjectText);\r\n });\r\n },\r\n }\r\n },\r\n 'formats', {\r\n dataField: 'bodyText',\r\n editorType: 'dxTextArea',\r\n colSpan: 2,\r\n editorOptions: {\r\n height: 100,\r\n }\r\n }\r\n ],\r\n },\r\n {\r\n itemType: 'group',\r\n colCount: 2,\r\n colSpan: 2,\r\n items: [{\r\n dataField: \"showInfoBody\",\r\n editorType: 'dxSwitch'\r\n }]\r\n },\r\n {\r\n itemType: 'group',\r\n caption: 'Attachments',\r\n cssClass: \"scheduledEmail-attachment-group\",\r\n name: 'attachments-container',\r\n colCount: 2,\r\n colSpan: 2,\r\n items: [\r\n {\r\n colSpan: 2,\r\n cssClass: \"scheduledEmail-attachment-add\",\r\n editorType: 'dxButton',\r\n editorOptions: {\r\n icon: 'add',\r\n text: 'Add',\r\n onClick() {\r\n if (vm.currentEmail().attachments === undefined) {\r\n vm.currentEmail().attachments = [];\r\n }\r\n vm.currentEmail().attachments.push(new AttachmentTab());\r\n form.itemOption('attachments-container.attachmentList', 'items', getAttachmentsOptions(vm.currentEmail().attachments));\r\n let gridInstance = getDxDataGrid();\r\n gridInstance.cellValue(gridInstance.getRowIndexByKey(vm.currentEmail().id), \"attachments\", vm.currentEmail().attachments);\r\n },\r\n },\r\n },\r\n {\r\n itemType: 'group',\r\n name: 'attachmentList',\r\n colSpan: 2,\r\n colCount: 2,\r\n items: getAttachmentsOptions(currentEmail() ? currentEmail().attachments : []),\r\n }]\r\n }, {\r\n itemType: 'group',\r\n colCount: 2,\r\n colSpan: 2,\r\n caption: 'Schedule Details',\r\n name: 'ScheduleDetails',\r\n items: [\r\n {\r\n dataField: 'schedule',\r\n editorType: 'dxSelectBox',\r\n colSpan: 1,\r\n editorOptions: {\r\n items: ['Daily', 'Weekly', 'Monthly'],\r\n },\r\n },\r\n {\r\n dataField: 'scheduledHour',\r\n editorType: 'dxDateBox',\r\n colSpan: 1,\r\n editorOptions: {\r\n type: 'time',\r\n useMaskBehavior: true,\r\n showDropDownButton: false,\r\n displayFormat: \"HH:mm\",\r\n },\r\n },\r\n {\r\n itemType: 'group',\r\n colCount: 2,\r\n colSpan: 2,\r\n name: 'ScheduleDetailsHour',\r\n items: [\r\n {\r\n label: { text: 'Days' },\r\n dataField: 'scheduledDays',\r\n editorType: 'dxTagBox',\r\n colSpan: 2,\r\n editorOptions: {\r\n searchEnabled: true,\r\n showSelectionControls: true,\r\n dataSource: [{ Id: 1, Name: 'Sunday' }, { Id: 2, Name: 'Monday' }, { Id: 3, Name: 'Tuesday' }, { Id: 4, Name: 'Wednesday' }, { Id: 5, Name: 'Thursday' }, { Id: 6, Name: 'Friday' }, { Id: 7, Name: 'Saturday' }],\r\n displayExpr: 'Name',\r\n valueExpr: 'Id',\r\n onClosed: function (e) {\r\n if (refreshByCode) { return };\r\n\r\n let arr = e.component.option('value');\r\n\r\n refreshByCode = true;\r\n\r\n if (arr.length > 0) {\r\n let sorted = arr.sort((n1, n2) => n1 - n2);\r\n let email = currentEmail();\r\n let gridInstance = getDxDataGrid();\r\n let rowIndex = gridInstance.getRowIndexByKey(email.id);\r\n\r\n e.component.option('values', []);\r\n e.component.option('values', sorted);\r\n\r\n gridInstance.cellValue(rowIndex, \"scheduledDays\", sorted);\r\n\r\n e.component.repaint();\r\n }\r\n\r\n refreshByCode = false;\r\n }\r\n }\r\n },\r\n ]\r\n },\r\n 'sendReport'\r\n ],\r\n }\r\n ]\r\n },\r\n popup: {\r\n title: data.emailsManagement ? 'Emails Management' : 'Scheduled Emails',\r\n showTitle: true,\r\n width: 800,\r\n height: 600,\r\n },\r\n },\r\n focusedRowEnabled: true,\r\n keyExpr: \"id\",\r\n focusedRowIndex: 0,\r\n\r\n toolbar: !data.emailsManagement ? undefined : {\r\n items: [\r\n \"searchPanel\",\r\n {\r\n location: 'after',\r\n widget: 'dxButton',\r\n options: {\r\n hint: \"Filters\",\r\n icon: 'filter',\r\n name: 'filter',\r\n onClick: function (e) {\r\n let popupFilters = $(\"#scheduledEmailsFilter\").data(\"dxPopup\");\r\n\r\n let vmFilter = { };\r\n if (!popupFilters) {\r\n vmFilter = {\r\n dateRangeOptions: {\r\n multiView: false,\r\n displayFormat: data.dateFormat,\r\n value: [data.startDate, data.endDate],\r\n labelMode: \"hidden\",\r\n showClearButton: true,\r\n useMaskBehavior: true,\r\n },\r\n startTimeOptions: {\r\n value: data.startTime,\r\n type: 'time',\r\n useMaskBehavior: true,\r\n showDropDownButton: false,\r\n displayFormat: \"HH:mm\",\r\n showClearButton: true,\r\n onValueChanged: function (e) {\r\n let timeBox = $(\"#scheduledEmailsFilterEndTime\").dxDateBox(\"instance\");\r\n let endTime = timeBox.option(\"value\");\r\n if (e.value > endTime) {\r\n timeBox.option(\"value\", e.value);\r\n }\r\n }\r\n },\r\n endTimeOptions: {\r\n value: data.endTime,\r\n type: 'time',\r\n useMaskBehavior: true,\r\n showDropDownButton: false,\r\n displayFormat: \"HH:mm\",\r\n showClearButton: true,\r\n onValueChanged: function (e) {\r\n let timeBox = $(\"#scheduledEmailsFilterStarTime\").dxDateBox(\"instance\");\r\n let startTime = timeBox.option(\"value\");\r\n if (e.value < startTime) {\r\n timeBox.option(\"value\", e.value);\r\n }\r\n }\r\n },\r\n applyOptions: {\r\n text: 'Apply',\r\n icon: 'filter',\r\n onClick() {\r\n let vals = $(\"#scheduledEmailsFilterDates\").dxDateRangeBox(\"instance\").option(\"value\");\r\n var filterOptions = {\r\n startDate: vals && vals.length > 0 ? vals[0] : undefined,\r\n endDate: vals && vals.length > 1 ? vals[1] : vals && vals.length > 0 ? vals[0] : undefined,\r\n startTime: $(\"#scheduledEmailsFilterStarTime\").dxDateBox(\"instance\").option(\"value\"),\r\n endTime: $(\"#scheduledEmailsFilterEndTime\").dxDateBox(\"instance\").option(\"value\")\r\n };\r\n\r\n if (filterOptions.startDate && !filterOptions.endDate || !filterOptions.startDate && filterOptions.endDate ||\r\n filterOptions.startTime && !filterOptions.endTime || !filterOptions.startTime && filterOptions.endTime) {\r\n\r\n DevExpress.ui.dialog.alert(`The date range and/or the time range needs to be selected, it is not allowed to select only half of the date or a time`, \"Emails Management\");\r\n return;\r\n }\r\n\r\n let filtervalue = null;\r\n const gridComponent = getDxDataGrid();\r\n if (filterOptions.startDate && filterOptions.endDate) {\r\n let daysOfweek = [];\r\n let daysOfMonth = []\r\n let weeklyFilter = [];\r\n let monthlyFilter = [];\r\n for (var d = new Date(filterOptions.startDate); d <= filterOptions.endDate; d.setDate(d.getDate() + 1)) {\r\n let date = new Date(d);\r\n if (daysOfweek.indexOf(date.getDay() + 1) === -1) {\r\n daysOfweek.push(date.getDay() + 1);\r\n }\r\n\r\n if (daysOfMonth.indexOf(date.getDate()) === -1) {\r\n daysOfMonth.push(date.getDate());\r\n }\r\n }\r\n\r\n for (var i = 0; i < daysOfweek.length; i++) {\r\n if (weeklyFilter.length > 0) {\r\n weeklyFilter.push(\"or\");\r\n }\r\n\r\n weeklyFilter.push(['scheduledDaysFilter', 'contains', `#${daysOfweek[i]}#`]);\r\n }\r\n\r\n for (var i = 0; i < daysOfMonth.length; i++) {\r\n if (monthlyFilter.length > 0) {\r\n monthlyFilter.push(\"or\");\r\n }\r\n\r\n monthlyFilter.push(['scheduledDaysFilter', 'contains', `#${daysOfMonth[i]}#`]);\r\n }\r\n\r\n filtervalue = [\r\n ['schedule', '=', 'Daily'],\r\n 'or',\r\n [\r\n ['schedule', '=', 'Weekly'],\r\n 'and',\r\n [weeklyFilter]\r\n ],\r\n 'or',\r\n [\r\n ['schedule', '=', 'Monthly'],\r\n 'and',\r\n [monthlyFilter]\r\n ]\r\n ];\r\n }\r\n\r\n if (filterOptions.startTime && filterOptions.endTime) {\r\n if (!filtervalue) {\r\n filtervalue = [];\r\n }\r\n \r\n if (filtervalue.length > 0) {\r\n filtervalue = [filtervalue, \"and\"];\r\n }\r\n\r\n const starTimeStr = moment(filterOptions.startTime).format(\"HH:mm:ss\");\r\n const endTimeStr = moment(filterOptions.endTime).format(\"HH:mm:ss\");\r\n filtervalue.push([[\"scheduledHour\", \">=\", starTimeStr], \"and\", [\"scheduledHour\", \"<=\", endTimeStr]]);\r\n }\r\n\r\n if (gridComponent.option(\"filterValue\") !== filtervalue) {\r\n gridComponent.option(\"filterValue\", filtervalue);\r\n }\r\n\r\n $(\".dx-toolbar .dx-button[aria-label='filter'] i.dx-icon-filter\", \"#scheduledEmailsGrid\").css(\"color\", filtervalue ? \"#337ab7\" : \"#333\");\r\n\r\n popupFilters.hide();\r\n },\r\n }\r\n }\r\n\r\n ko.applyBindings(vmFilter, document.getElementById(\"scheduledEmailsFilter\"));\r\n popupFilters = ($(\"#scheduledEmailsFilter\") as any).dxPopup({\r\n width: 600,\r\n height: 150,\r\n showTitle: true,\r\n title: \"Filters\",\r\n visible: false,\r\n dragEnabled: false,\r\n hideOnOutsideClick: false,\r\n showCloseButton: true,\r\n position: {\r\n at: \"center\",\r\n my: \"center\",\r\n }\r\n }).dxPopup(\"instance\");\r\n }\r\n\r\n popupFilters.show();\r\n }\r\n }\r\n },\r\n {\r\n location: 'after',\r\n widget: 'dxButton',\r\n options: {\r\n hint: \"Send Selected Emails\",\r\n icon: 'chevrondoubleright',\r\n text: \"Send\",\r\n onClick: function(e) {\r\n const gridComponent = getDxDataGrid();\r\n const keys = gridComponent.getSelectedRowKeys();\r\n popupSendNow(keys, vm, data);\r\n },\r\n disabled: true\r\n }\r\n }\r\n ],\r\n \r\n },\r\n\r\n onInitialized: function (e) {\r\n e.component.emailsManagement = data.emailsManagement;\r\n e.component.filters = data.filters || [];\r\n e.component.tabs = data.tabs || [];\r\n e.component.usersGroups = data.usersGroups || [];\r\n e.component.widgets = data.widgets || [];\r\n },\r\n onEditorPreparing: function (e) {\r\n if (e.parentType === \"dataRow\") {\r\n let scheduledEmail = e.row.data;\r\n\r\n if (e.dataField === \"scheduledDays\") {\r\n e.editorOptions.enable = e.row.data && scheduledEmail.schedule !== \"Daily\";\r\n let data = [];\r\n if (scheduledEmail.schedule === \"Weekly\")\r\n data = [{ Id: 1, Name: 'Sunday' }, { Id: 2, Name: 'Monday' }, { Id: 3, Name: 'Tuesday' }, { Id: 4, Name: 'Wednesday' }, { Id: 5, Name: 'Thursday' }, { Id: 6, Name: 'Friday' }, { Id: 7, Name: 'Saturday' }];\r\n else if (scheduledEmail.schedule === \"Monthly\") {\r\n for (var i = 1; i <= 31; i++) {\r\n data.push({ Id: i, Name: i.toString() });\r\n }\r\n }\r\n e.editorOptions.dataSource = data;\r\n }\r\n else if (e.dataField === \"formats\") {\r\n switch (scheduledEmail.scope) {\r\n case ContainerScopeEnum.Workbook:\r\n case ContainerScopeEnum.Dashboard:\r\n formatList = [\r\n { id: EmailFormatEnum.PDFLandscape, name: \"PDF Landscape\" },\r\n { id: EmailFormatEnum.PDF, name: \"PDF\" }\r\n /*, { id: \"HTML\", name: \"HTML\" },*/\r\n ];\r\n break;\r\n case ContainerScopeEnum.Report:\r\n formatList = [\r\n { id: EmailFormatEnum.PDFLandscape, name: \"PDF Landscape\" },\r\n { id: EmailFormatEnum.PDF, name: \"PDF\" }\r\n /*, { id: \"HTML\", name: \"HTML\" }*/,\r\n { id: EmailFormatEnum.Excel, name: \"Excel\" },\r\n { id: EmailFormatEnum.CSV, name: \"CSV\" }\r\n ];\r\n break;\r\n }\r\n e.editorOptions.dataSource = formatList;\r\n e.editorOptions.itemTemplate = function (data) {\r\n let style = \"\";\r\n if (!loggedUser.permissions.printExportPDF() && (data.id === EmailFormatEnum.PDFLandscape || data.id === EmailFormatEnum.PDF) ||\r\n !loggedUser.permissions.exportExcelCSV() && (data.id === EmailFormatEnum.Excel || data.id === EmailFormatEnum.CSV)) {\r\n style = \"color: #afadad;\";\r\n }\r\n\r\n return `
${data.name}
`;\r\n }\r\n }\r\n else if (e.dataField === \"filterId\") {\r\n e.editorOptions.dataSource = e.component.filters;\r\n e.editorOptions.itemTemplate = function (data) {\r\n let style = \"\";\r\n if (data.deprecated) {\r\n style = \"color: #afadad;\";\r\n }\r\n\r\n return `
${data.name}
`;\r\n }\r\n }\r\n else if (e.dataField === \"tabId\") {\r\n e.editorOptions.dataSource = e.component.tabs.filter(function (x) { return x.id >= 0; });\r\n }\r\n else if (e.dataField === \"userId\") {\r\n e.editorOptions.dataSource = e.component.usersGroups;\r\n }\r\n else if (e.dataField === \"companyId\") {\r\n e.editorOptions.dataSource = data.companies.filter(function (x) { return x.users.includes(scheduledEmail.userId); })\r\n }\r\n else if (e.dataField === \"widgetIdEmptyReport\") {\r\n e.editorOptions.dataSource = e.component.widgets.filter(function (x) { return x.id === 0 || (x.id >= 0 && x.tabId == scheduledEmail.tabId); });\r\n }\r\n }\r\n },\r\n onRowInserted: function (e) {\r\n e.component.option(\"focusedRowKey\", e.data.id);\r\n },\r\n onEditingStart: function (e) {\r\n if (e.column) {\r\n e.cancel = e.column.dataField !== \"sendReport\";\r\n }\r\n },\r\n onEditCanceling: function (e) {\r\n newRow = false;\r\n },\r\n onFocusedRowChanged: function (e) {\r\n if (!newRow) {\r\n vm.currentEmail(e.row?.data);\r\n vm.currentSchedule(e.row?.data?.schedule);\r\n }\r\n\r\n if (currentEmail()) {\r\n bottomForm.itemOption('ScheduleDetails.scheduledDaysWeekly', 'visible', currentEmail().schedule === 'Weekly');\r\n bottomForm.itemOption('ScheduleDetails.scheduledDaysMonthly', 'visible', currentEmail().schedule === 'Monthly');\r\n }\r\n },\r\n onSaving: function (e) {\r\n newRow = false;\r\n\r\n if (e.component.option(\"editing.mode\") === \"popup\") {\r\n if (!loggedUser.permissions.printExportPDF() && !loggedUser.permissions.exportExcelCSV()) {\r\n DevExpress.ui.dialog.alert(\"User does not have 'Print Report and Export PDF' or 'Export to Excel/CSV' permission.\", \"Scheduled Emails\");\r\n e.cancel = true;\r\n }\r\n else {\r\n let email = vm.currentEmail() as Email;\r\n if (e.changes.length > 0) {\r\n //clone\r\n email = JSON.parse(JSON.stringify(email));\r\n copyProperties(e.changes[0].data, email);\r\n }\r\n\r\n let cancel = false;\r\n if (!loggedUser.permissions.printExportPDF() || !loggedUser.permissions.exportExcelCSV()) {\r\n if (!loggedUser.permissions.printExportPDF() && (email.formats === EmailFormatEnum.PDF || email.formats === EmailFormatEnum.PDFLandscape) ||\r\n !loggedUser.permissions.exportExcelCSV() && (email.formats === EmailFormatEnum.Excel || email.formats === EmailFormatEnum.CSV)) {\r\n cancel = true;\r\n }\r\n\r\n if (email.attachments) {\r\n email.attachments.forEach(function (attachment) {\r\n if (!loggedUser.permissions.printExportPDF() && (attachment.format === EmailFormatEnum.PDF || attachment.format === EmailFormatEnum.PDFLandscape) ||\r\n !loggedUser.permissions.exportExcelCSV() && (attachment.format === EmailFormatEnum.Excel || attachment.format === EmailFormatEnum.CSV)) {\r\n cancel = true;\r\n }\r\n });\r\n }\r\n }\r\n\r\n if (cancel) {\r\n DevExpress.ui.dialog.alert(`User does not have ${(!loggedUser.permissions.printExportPDF() ? \"Print Report and Export PDF\" : \"Export to Excel/CSV\")} permission.`, \"Scheduled Emails\");\r\n e.cancel = true;\r\n }\r\n\r\n if (email.sendEmptyReport !== SendEmptyReportEnum.Yes && email.scope === ContainerScopeEnum.Dashboard) {\r\n if (email.widgetIdEmptyReport === 0 || !e.component.widgets.find(function (x) { return x.id == email.widgetIdEmptyReport && x.tabId == email.tabId; })) {\r\n DevExpress.ui.dialog.alert(\"Widget is required.\", \"Email\");\r\n e.cancel = true;\r\n }\r\n }\r\n }\r\n }\r\n },\r\n onSaved: function (e) {\r\n if (currentEmail()) {\r\n bottomForm.itemOption('ScheduleDetails.scheduledDaysWeekly', 'visible', currentEmail().schedule === 'Weekly');\r\n bottomForm.itemOption('ScheduleDetails.scheduledDaysMonthly', 'visible', currentEmail().schedule === 'Monthly');\r\n }\r\n },\r\n onInitNewRow: function (e) {\r\n newRow = true;\r\n e.data = new Email();\r\n\r\n let config = tabView.getBaseSubmitObject({});\r\n e.data.workbookId = config.workbookId;\r\n e.data.mappingId = config.mappingId;\r\n e.data.userId = data.userId;\r\n e.data.userName = data.userName;\r\n e.data.subjectText = data.workbookName\r\n e.data.companyId = data.companyId;\r\n e.data.organisationId = data.organisationId;\r\n\r\n let userGroup = data.usersGroups.find(x => x.id === data.userId);\r\n if (userGroup) {\r\n e.data.recipients = userGroup.email;\r\n }\r\n\r\n if (data.enableMultiTenant) {\r\n let company = data.companies.find(x => x.id === e.data.companyId);\r\n if (company) {\r\n e.data.companyName = company.name;\r\n }\r\n }\r\n\r\n vm.currentEmail(e.data);\r\n vm.currentSchedule(e.data.schedule);\r\n enablePopupMode(e, true);\r\n },\r\n onSelectionChanged: function (e){\r\n if (data.emailsManagement) {\r\n const isDisabled = e.component.option(\"toolbar.items[2].options.disabled\");\r\n if (isDisabled !== (e.selectedRowKeys.length === 0)) {\r\n e.component.beginUpdate();\r\n e.component.option(\"toolbar.items[2].options.disabled\", e.selectedRowKeys.length === 0);\r\n const columns = e.component.option(\"columns\");\r\n const buttonColumn = columns.find(x => x.type === \"buttons\");\r\n for (var i = 0; i < buttonColumn.buttons.length; i++) {\r\n e.component.option(`columns[${columns.indexOf(buttonColumn)}].buttons[${i}].disabled`, e.selectedRowKeys.length > 0)\r\n }\r\n e.component.endUpdate();\r\n e.component.repaint();\r\n }\r\n }\r\n }\r\n },\r\n formOptions: {\r\n height: 245,\r\n onInitialized: function (e) {\r\n bottomForm = e.component;\r\n },\r\n readOnly: true,\r\n formData: currentEmail,\r\n items: [\r\n {\r\n itemType: 'group',\r\n colCount: 5,\r\n colSpan: 5,\r\n caption: 'Schedule Details',\r\n name: 'ScheduleDetails',\r\n items: [\r\n {\r\n dataField: 'schedule',\r\n editorType: 'dxSelectBox',\r\n colSpan: 1,\r\n editorOptions: {\r\n items: ['Daily', 'Weekly', 'Monthly'],\r\n },\r\n },\r\n {\r\n dataField: 'scheduledHour',\r\n editorType: 'dxDateBox',\r\n colSpan: 1,\r\n editorOptions: {\r\n type: 'time',\r\n useMaskBehavior: true,\r\n showDropDownButton: false,\r\n displayFormat: \"HH:mm\",\r\n },\r\n },\r\n {\r\n label: { text: 'Days' },\r\n name: 'scheduledDaysWeekly',\r\n dataField: 'scheduledDays',\r\n editorType: 'dxTagBox',\r\n colSpan: 3,\r\n editorOptions: {\r\n searchEnabled: true,\r\n showSelectionControls: true,\r\n dataSource: [{ Id: 1, Name: 'Sunday' }, { Id: 2, Name: 'Monday' }, { Id: 3, Name: 'Tuesday' }, { Id: 4, Name: 'Wednesday' }, { Id: 5, Name: 'Thursday' }, { Id: 6, Name: 'Friday' }, { Id: 7, Name: 'Saturday' }],\r\n displayExpr: 'Name',\r\n valueExpr: 'Id',\r\n },\r\n },\r\n {\r\n label: { text: 'Days' },\r\n name: 'scheduledDaysMonthly',\r\n dataField: 'scheduledDays',\r\n editorType: 'dxTagBox',\r\n colSpan: 3,\r\n editorOptions: {\r\n searchEnabled: true,\r\n showSelectionControls: true,\r\n items: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 29, 29, 30, 31],\r\n onValueChanged: function (e) {\r\n let arr = e.component.option('value');\r\n\r\n if (arr.length > 0) {\r\n let sorted = arr.sort((n1, n2) => n1 - n2);\r\n\r\n e.component.option('values', sorted);\r\n\r\n try {\r\n e.component.repaint();\r\n } catch (e) { console.log('exception on repaint'); }\r\n }\r\n }\r\n },\r\n },\r\n\r\n ],\r\n },\r\n {\r\n itemType: 'group',\r\n colCount: 5,\r\n colSpan: 5,\r\n caption: 'Information',\r\n items: [\r\n {\r\n dataField: 'dateAdded',\r\n caption: 'Added',\r\n editorType: 'dxDateBox',\r\n colSpan: 2,\r\n editorOptions: {\r\n type: 'datetime',\r\n showDropDownButton: false,\r\n },\r\n },\r\n {\r\n dataField: 'lastEmailSent',\r\n caption: 'Last Email Sent',\r\n editorType: 'dxCheckBox',\r\n colSpan: 1,\r\n },\r\n {\r\n dataField: 'lastSentDate',\r\n caption: 'Last Sent',\r\n editorType: 'dxDateBox',\r\n colSpan: 2,\r\n editorOptions: {\r\n type: 'datetime',\r\n showDropDownButton: false,\r\n },\r\n },\r\n {\r\n dataField: 'lastStatus',\r\n caption: 'Last Status',\r\n colSpan: 5,\r\n },\r\n {\r\n dataField: 'lastSmtpResponse',\r\n caption: 'Last STMP Response',\r\n colSpan: 5,\r\n },\r\n {\r\n dataField: 'emailCount',\r\n caption: 'Email Count',\r\n colSpan: 1,\r\n },\r\n\r\n ]\r\n }\r\n ]\r\n\r\n }\r\n };\r\n\r\n $(\"#EmailsPopupContent\").html(\"\");\r\n let popup = ($(\"#EmailsPopup\") as any).dxPopup({\r\n contentTemplate: ``,\r\n width: 1200,\r\n height: 600,\r\n showTitle: true,\r\n title: data.emailsManagement ? 'Emails Management' : 'Scheduled Emails',\r\n visible: false,\r\n dragEnabled: false,\r\n hideOnOutsideClick: false,\r\n showCloseButton: true,\r\n position: {\r\n at: \"center\",\r\n my: \"center\",\r\n },\r\n onShown: function (e) {\r\n $(\"#EmailsPopupContent\").html(data.view);\r\n ko.applyBindings(vm, document.getElementById(\"scheduledEmailsContext\"));\r\n }\r\n }).dxPopup(\"instance\");\r\n\r\n popup.show();\r\n };\r\n\r\n function openEmailsManagement(emailId: number = null, showEmailLogButton: boolean = true) {\r\n if (!loggedUser.permissions.emailsManagement()) {\r\n return showToast(\"User does not have permission to Emails Management\");\r\n }\r\n\r\n irGlobal.updateFromServer({},\r\n urlConfigs.email + \"GetEmailsManagement\",\r\n emailId === null ? {} : { EmailsId: [emailId] },\r\n function (data) {\r\n let emails = [];\r\n data.emails.forEach(function (em) {\r\n let email = new Email();\r\n for (var i = 0; i < data.emailProperties.length; i++) {\r\n if (em[i] !== null && em[i] !== undefined) {\r\n if (typeof em[i] === \"object\" && em[i].$values) {\r\n email[data.emailProperties[i]] = em[i].$values;\r\n }\r\n else {\r\n email[data.emailProperties[i]] = em[i];\r\n }\r\n }\r\n }\r\n delete email.scheduleDetails;\r\n\r\n if (email.scheduledDays && email.scheduledDays.length > 0) {\r\n email.scheduledDaysFilter = email.scheduledDays.map(x => \"#\" + x + \"#\").toString();\r\n }\r\n\r\n emails.push(email);\r\n });\r\n\r\n data.emails = emails;\r\n data.emailsManagement = true;\r\n data.showEmailLogButton = showEmailLogButton;\r\n openPopup(data);\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n }\r\n\r\n function openEmailsPopup() {\r\n irGlobal.updateFromServer({},\r\n urlConfigs.email + \"GetEmails\",\r\n {},\r\n function (data) {\r\n prepareEmails(data.emails, data.tabs);\r\n openPopup(data);\r\n },\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n }\r\n\r\n return {\r\n openEmailsPopup: openEmailsPopup,\r\n openEmailsManagement: openEmailsManagement\r\n };\r\n\r\n}());\r\n","interface EmailLogResultData {\r\n emailId: number;\r\n logs: Array
;\r\n partial: string;\r\n startDate: string;\r\n endDate: string;\r\n startTime: string;\r\n endTime: string;\r\n}\r\n\r\ninterface EmailLogItem {\r\n id: number;\r\n emailId: number;\r\n date: string;\r\n sent: boolean;\r\n messageId: string;\r\n smtpResponse: string;\r\n status: string;\r\n recipients: string;\r\n}\r\n\r\ninterface EmailLogFilterOptions {\r\n startDate: string;\r\n endDate: string;\r\n startTime: string;\r\n endTime: string;\r\n recipients: string;\r\n sent: boolean;\r\n}\r\n\r\nvar emailLogs = (function () {\r\n\r\n function show(data: EmailLogResultData) {\r\n let currentLog = ko.observable(data.logs.length > 0 ? data.logs[0] : null);\r\n let sentFilter = ko.observable(null);\r\n let recipientsFilter = ko.observable(\"\");\r\n let startDateFilter = ko.observable(data.startDate);\r\n let endDateFilter = ko.observable(data.endDate);\r\n let startTimeFilter = ko.observable(data.startTime);\r\n let endTimeFilter = ko.observable(data.endTime);\r\n\r\n let vm = {\r\n dataGridOptions: {\r\n height: 270,\r\n width: 778,\r\n dataSource: data.logs,\r\n showColumnLines: false,\r\n showRowLines: true,\r\n rowAlternationEnabled: false,\r\n columns: [\r\n { dataField: \"emailLogId\", caption: \"Id\", width: 80, allowGrouping: false },\r\n { dataField: \"date\", width: 110},\r\n { dataField: \"sent\", width: 50},\r\n { dataField: \"status\", allowGrouping: false },\r\n {\r\n type: \"buttons\",\r\n width: 75,\r\n buttons: [{\r\n hint: \"Copy Status\",\r\n icon: \"copy\",\r\n onClick: function (e) {\r\n irGlobal.copyTextToClipboard(e.row.data.status || \"\", \"Status copied to clipboard\");\r\n }\r\n }, {\r\n hint: \"Email\",\r\n icon: \"email\",\r\n onClick: function (e) {\r\n scheduledEmail.openEmailsManagement(e.row.data.emailId, false);\r\n }\r\n }],\r\n allowGrouping: false\r\n }\r\n ],\r\n showBorders: true,\r\n focusedRowKey: data.logs.length > 0 ? data.logs[0].id : null,\r\n focusedRowEnabled: true,\r\n keyExpr: \"id\",\r\n groupPanel: {\r\n visible: true\r\n },\r\n scrolling: {\r\n mode: 'virtual'\r\n },\r\n paging: {\r\n enabled: false\r\n },\r\n onFocusedRowChanged: function (e) {\r\n currentLog(e.row?.data);\r\n }\r\n },\r\n formOptions: {\r\n height: 130,\r\n readOnly: true,\r\n formData: currentLog,\r\n items: [\r\n {\r\n dataField: 'recipients',\r\n caption: 'Recipients',\r\n editorType: 'dxTextArea',\r\n editorOptions: {\r\n height: 60\r\n }\r\n },\r\n {\r\n dataField: 'smtpResponse',\r\n caption: 'STMP Response',\r\n editorType: 'dxTextArea',\r\n }\r\n ]\r\n },\r\n\r\n dateRangeOptions: {\r\n multiView: false,\r\n displayFormat: irSettings.dateFormat,\r\n value: [data.startDate, data.endDate],\r\n labelMode: \"hidden\",\r\n onValueChanged: function (e) {\r\n let previousStartDate = e.previousValue[0];\r\n let previousEndDate = e.previousValue[1];\r\n let newStartDate = e.value[0];\r\n let newEndDate = e.value[1];\r\n\r\n if (previousStartDate !== newStartDate || previousEndDate !== newEndDate) {\r\n if (typeof newStartDate === \"object\") {\r\n startDateFilter(DevExpress.localization.formatDate(newStartDate, \"yyyy-MM-dd\"));\r\n }\r\n else {\r\n startDateFilter(newStartDate);\r\n }\r\n\r\n if (typeof newEndDate === \"object\") {\r\n endDateFilter(DevExpress.localization.formatDate(newEndDate, \"yyyy-MM-dd\"));\r\n }\r\n else {\r\n endDateFilter(newEndDate);\r\n }\r\n }\r\n }\r\n },\r\n recipientsOptions: {\r\n value: recipientsFilter,\r\n showClearButton: true\r\n },\r\n sentOptions: {\r\n enableThreeStateBehavior: true,\r\n value: sentFilter,\r\n text: 'Sent'\r\n },\r\n\r\n startTimeOptions: {\r\n value: data.startTime,\r\n type: 'time',\r\n useMaskBehavior: true,\r\n showDropDownButton: false,\r\n displayFormat: \"HH:mm\",\r\n onValueChanged: function (e) {\r\n let timeBox = $(\"#emailLogEndTime\", \"#emailLogsContext\").dxDateBox(\"instance\");\r\n let endTime = timeBox.option(\"value\");\r\n if (e.value > endTime) {\r\n timeBox.option(\"value\", e.value);\r\n }\r\n\r\n startTimeFilter(e.value);\r\n }\r\n },\r\n endTimeOptions: {\r\n value: data.endTime,\r\n type: 'time',\r\n useMaskBehavior: true,\r\n showDropDownButton: false,\r\n displayFormat: \"HH:mm\",\r\n onValueChanged: function (e) {\r\n let timeBox = $(\"#emailLogStartTime\", \"#emailLogsContext\").dxDateBox(\"instance\");\r\n let startTime = timeBox.option(\"value\");\r\n if (e.value < startTime) {\r\n timeBox.option(\"value\", e.value);\r\n }\r\n\r\n endTimeFilter(e.value);\r\n }\r\n },\r\n\r\n applyOptions: {\r\n text: 'Apply',\r\n icon: 'filter',\r\n onClick() {\r\n var filterOptions = {\r\n startDate: startDateFilter(),\r\n endDate: endDateFilter(),\r\n startTime: startTimeFilter(),\r\n endTime: endTimeFilter(),\r\n recipients: recipientsFilter(),\r\n sent: sentFilter()\r\n } as EmailLogFilterOptions;\r\n\r\n if (filterOptions.startDate && !filterOptions.endDate || !filterOptions.startDate && filterOptions.endDate ||\r\n filterOptions.startTime && !filterOptions.endTime || !filterOptions.startTime && filterOptions.endTime) {\r\n\r\n DevExpress.ui.dialog.alert(`The date range and/or the time range needs to be selected, it is not allowed to select only half of the date or a time`, \"Emails Management\");\r\n return;\r\n }\r\n\r\n getLogs(function (result: EmailLogResultData) {\r\n const grid = $(\"#emailLogsGrid\").dxDataGrid(\"instance\");\r\n grid.option({\r\n dataSource: result.logs,\r\n focusedRowKey: result.logs.length > 0 ? result.logs[0].id : null\r\n });\r\n }, data.emailId, filterOptions)\r\n },\r\n }\r\n };\r\n\r\n $(\"#emailLogsContext\").html(\"\");\r\n let popup = ($(\"#EmailLogsPopup\") as any).dxPopup({\r\n contentTemplate: ``,\r\n width: 800,\r\n height: 600,\r\n showTitle: true,\r\n title: \"Email Logs\",\r\n visible: false,\r\n dragEnabled: false,\r\n hideOnOutsideClick: false,\r\n showCloseButton: true,\r\n position: {\r\n at: \"center\",\r\n my: \"center\",\r\n },\r\n onShown: function (e) {\r\n $(\"#EmailLogsPopupContent\").html(data.partial);\r\n ko.applyBindings(vm, document.getElementById(\"emailLogsContext\"));\r\n }\r\n }).dxPopup(\"instance\");\r\n\r\n popup.show();\r\n }\r\n\r\n function getLogs(callback: Function, emailId: number = null, filterOptions: EmailLogFilterOptions = null) {\r\n irGlobal.updateFromServer({},\r\n urlConfigs.email + \"GetEmailLogs\",\r\n emailId === null ? { Filter: filterOptions } : { EmailId: emailId, Filter: filterOptions },\r\n callback,\r\n null,\r\n true,\r\n \"POST\",\r\n true);\r\n }\r\n\r\n function open(emailId: number = null) {\r\n getLogs(function (data: EmailLogResultData) {\r\n show(data);\r\n }, emailId);\r\n }\r\n\r\n return {\r\n open: open\r\n }\r\n}());"]}