\r\n
\r\n","// To use this, put this in your HTML:\r\n// \r\n
\r\n\r\n {{ title }}
\r\n {{ headerContent }}\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n \r\n From\r\n \r\n \r\n \r\n To\r\n \r\n \r\n\r\n","import { formatDate } from '@angular/common';\r\nimport { Directive, ElementRef, HostListener, Renderer2 } from '@angular/core';\r\nimport {\r\n AbstractControl,\r\n ControlValueAccessor,\r\n NG_VALIDATORS,\r\n NG_VALUE_ACCESSOR,\r\n ValidationErrors,\r\n Validator,\r\n} from '@angular/forms';\r\n\r\n@Directive({\r\n selector: 'input[type=date]',\r\n providers: [\r\n {\r\n provide: NG_VALUE_ACCESSOR,\r\n useExisting: DateInputDirective,\r\n multi: true,\r\n },\r\n {\r\n provide: NG_VALIDATORS,\r\n useExisting: DateInputDirective,\r\n multi: true,\r\n },\r\n ],\r\n})\r\nexport class DateInputDirective implements ControlValueAccessor, Validator {\r\n minDate: Date;\r\n maxDate: Date;\r\n\r\n constructor(\r\n private _elementRef: ElementRefClick Close to continue printing.\", false, null,\r\n () => {\r\n //This function will be called when the user clicks the Close button. But use setTimeout to wait some milliseconds because the msgBox dialog has to disappear before we call print().\r\n setTimeout(() => {\r\n this.finishPrint();\r\n }, 200);\r\n });\r\n GridFooterComponent.displayedMessageAboutDataNotFittingOnPrintout = true;\r\n }\r\n }\r\n\r\n //This will call print(), which opens the browser's print dialog. And then we set the grid display properties back to normal since it was reformatted for printing in onPrint().\r\n finishPrint() {\r\n print(); //this is a global JS function\r\n let grid = document.getElementById(this.gridID);\r\n grid.style.height = this.oldGridHeight;\r\n grid.style.width = this.oldGridWidth;\r\n this.gridOptions.api.setDomLayout(null);\r\n //If there's an Action column, make it visible\r\n for (let i: number = 0; i < this.gridOptions.columnDefs.length; i++) {\r\n if (this.gridOptions.columnDefs[i].headerName == \"Actions\" && !this.hideActions)\r\n this.gridOptions.columnApi.setColumnVisible((
\r\n \r\n
\r\n
\r\n \r\n ![](\"../../../../assets/images/favicon_96.png\")
\r\n ![](\"../../../../assets/images/warning-icon.png\")
\r\n {{modalTitle}}\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport {AccordionAnchorDirective} from './accordion/accordionanchor.directive';\r\nimport {AccordionLinkDirective} from './accordion/accordionlink.directive';\r\nimport {AccordionDirective} from './accordion/accordion.directive';\r\nimport {HttpClientModule} from '@angular/common/http';\r\nimport {PERFECT_SCROLLBAR_CONFIG, PerfectScrollbarConfigInterface, PerfectScrollbarModule} from 'ngx-perfect-scrollbar';\r\nimport {TitleComponent} from '../layout/admin/title/title.component';\r\nimport {CardComponent} from './card/card.component';\r\nimport {CardToggleDirective} from './card/card-toggle.directive';\r\nimport {ModalBasicComponent} from './modal-basic/modal-basic.component';\r\nimport {MessageBoxComponent} from './message-box/message-box.component';\r\nimport {DateRangePickerComponent} from './date-range-picker/date-range-picker.component';\r\nimport {GridFooterComponent} from './grid-footer/grid-footer.component';\r\nimport {SpinnerComponent} from './spinner/spinner.component';\r\nimport {ClickOutsideModule} from 'ng-click-outside';\r\nimport { TrimOnBlurModule } from 'ng2-trim-on-blur';\r\nimport { NgSelectModule, NgSelectComponent } from '@ng-select/ng-select';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { AgGridModule } from 'ag-grid-angular';\r\nimport { NgxMaskModule, IConfig } from 'ngx-mask'; //needed for textbox mask\r\nimport { InputTrimDirective } from './directives/input-trim.directive';\r\nimport { DateInputDirective } from './directives/input-date.directive';\r\n\r\nexport const options: Partial\r\n \r\n
\r\n\r\n \r\n
\r\n","//helper functions to save stuff in sessionStorage and retrieve it later\r\nexport class SessionSave {\r\n public static readonly receivingAccountsKey: string = \"ReceivingAccounts\";\r\n public static readonly defaultDesignationKey: string = \"defaultDesignationKey\";\r\n public static readonly pledgesFilterKey: string = \"PledgesFilter\";\r\n public static readonly reportsGivingFilterKey: string = \"ReportsGivingFilter\";\r\n public static readonly reportsDevFilterKey: string = \"ReportsDevFilter\";\r\n public static readonly reportsPledgesFilterKey: string = \"ReportsPledgesFilter\";\r\n public static readonly depositsFilterKey: string = \"DepositsFilter\";\r\n\r\n //This will save an object in sessionStorage. \r\n static save(key: string, data: object) {\r\n sessionStorage[key] = JSON.stringify(data);\r\n }\r\n //This function will get an object out of sessionStorage and (if it exists) copy all of its properties to the \"data\" parameter passed in. If nothing is found in sessionStorage, do nothing. The \"data\" object should already exist before being passed in.\r\n static get(key: string, data: object) {\r\n const str: string = sessionStorage[key];\r\n\r\n if (str && str != 'null' && str != 'undefined') {\r\n const newData: object = JSON.parse(str);\r\n for (var prop in newData)\r\n data[prop] = newData[prop];\r\n }\r\n return data;\r\n }\r\n\r\n //This function will get an object out of sessionStorage and (if it exists) copy all of its properties to the \"data\" parameter passed in. It's designed for objects that have filter data. If nothing is found in sessionStorage, initalize the properties of the \"data\" param: it's assumed that the filter object might have properties for toDate and fromDate, which are initialized to today (toDate) and a month ago (fromDate). All other properties are set to blank. The \"data\" object should already exist with all its properties before being passed in.\r\n static filterGet(key: string, data: object, monthsBackEndDateDefault: number = 1) {\r\n const str: string = sessionStorage[key];\r\n\r\n if (str && str != 'null' && str != 'undefined') {\r\n const newData: object = JSON.parse(str);\r\n for (var prop in data)\r\n data[prop] = newData[prop];\r\n for (var prop in newData)\r\n data[prop] = newData[prop];\r\n }\r\n else {\r\n let dateFormatOptions = { year: 'numeric', month: '2-digit', day: '2-digit' } as const;\r\n for (var prop in data) {\r\n if (prop == \"toDate\") {\r\n data[prop] = new Date().toLocaleString(\"en-US\", dateFormatOptions);\r\n }\r\n else if (prop == \"fromDate\") {\r\n var d = new Date();\r\n d.setMonth(d.getMonth() - monthsBackEndDateDefault);\r\n data[prop] = d.toLocaleString(\"en-US\", dateFormatOptions);\r\n }\r\n else if (typeof data[prop] === \"boolean\") {\r\n data[prop] = false;\r\n }\r\n else {\r\n data[prop] = \"\";\r\n }\r\n }\r\n }\r\n }\r\n\r\n //This will get an array out of sessionStorage and (if it exists) copy all of its objects to the \"arr\" parameter passed in. If it doesn't exist, nothing will happen to \"arr\". The \"arr\" should already exist before being passed in.\r\n static arrayGet(key: string, arr: any[]) {\r\n const str: string = sessionStorage[key];\r\n\r\n if (str && str != 'null' && str != 'undefined') {\r\n const newData: any[] = JSON.parse(str);\r\n arr.length = 0;\r\n for (let i = 0; i < newData.length; ++i) {\r\n arr.push(newData[i]);\r\n }\r\n }\r\n }\r\n}\r\n\r\n//helper functions to format things, validate things, and compare things\r\nexport class Formatter {\r\n //This is used for grid column sorting. If two number strings are passed in, this will convert them to numbers and compare them.\r\n static stringNumberComparator(valueA: string, valueB: string, nodeA, nodeB, isInverted) {\r\n let a: number = 0;\r\n let b: number = 0;\r\n //If the number string is in parentheses, it means it's negative, so we take off the parentheses and add a minus sign.\r\n if (valueA && valueA != '') {\r\n if (valueA.substring(0, 1) == '(')\r\n valueA = '-' + valueA.substring(1, valueA.length - 1);\r\n a = Formatter.toNumber(valueA);\r\n }\r\n if (valueB && valueB != '') {\r\n if (valueB.substring(0, 1) == '(')\r\n valueB = '-' + valueB.substring(1, valueB.length - 1);\r\n b = Formatter.toNumber(valueB);\r\n }\r\n return a - b;\r\n }\r\n\r\n //This is used for grid column sorting. If two date strings are passed in, this will convert them to dates and compare them.\r\n static stringDateComparator(valueA: string, valueB: string, nodeA, nodeB, isInverted) {\r\n let a: number = 0;\r\n let b: number = 0;\r\n //Date.parse() returns the number of ms since Jan 1 1970.\r\n if (valueA && valueA != '')\r\n a = Date.parse(valueA);\r\n if (valueB && valueB != '')\r\n b = Date.parse(valueB);\r\n return a - b;\r\n }\r\n\r\n //This will take a date object or date string and convert it into a date/time string that is consistent throughout the system. This function is often used as the cellRenderer for a grid column; in this case the object passed in is of type ICellRendererParams, so we have to use param.value as the date string.\r\n static toDateTime(param): string {\r\n if (param && param.column)\r\n param = param.value; // param is of type ICellRendererParams\r\n\r\n if (!param || (typeof param == \"string\" && param.trim() == \"\"))\r\n return \"\";\r\n\r\n //This kludge is for the weird case where param is a string in the format yyyy-mm-dd. In this case, when you create a Date object from the string, it assumes the date is at time 00:00 UTC, which would put it the day before in local time. So we have to add a time of noon on it so that it doesn't do this. Otherwise, I was having problems where a date passed in like \"2020-1-2\" was being returned as 1/1/2020. This problem doesn't occur if the param passed in is in the format mm/dd/yyyy.\r\n if (typeof param == \"string\" && param.indexOf('-') == 4 && param.length < 11)\r\n param += 'T12:00:00';\r\n\r\n let options = { year: 'numeric', month: '2-digit', day: '2-digit', hour: 'numeric', minute: 'numeric', hour12: true } as const;\r\n return (new Date(param)).toLocaleString(\"en-US\", options);\r\n }\r\n\r\n //This will take a date object or date string and convert it into a date that is consistent throughout the system. This function is often used as the cellRenderer for a grid column; in this case the object passed in is of type ICellRendererParams, so we have to use param.value as the date string.\r\n static toDate(param): string {\r\n if (param && param.column)\r\n param = param.value; // param is of type ICellRendererParams\r\n\r\n if (!param || (typeof param == \"string\" && param.trim() == \"\"))\r\n return \"\";\r\n\r\n //This kludge is for the weird case where param is a string in the format yyyy-mm-dd. In this case, when you create a Date object from the string, it assumes the date is at time 00:00 UTC, which would put it the day before in local time. So we have to add a time of noon on it so that it doesn't do this. Otherwise, I was having problems where a date passed in like \"2020-1-2\" was being returned as 1/1/2020. This problem doesn't occur if the param passed in is in the format mm/dd/yyyy.\r\n if (typeof param == \"string\" && param.indexOf('-') == 4 && param.length < 11)\r\n param += 'T12:00:00';\r\n\r\n let options = { year: 'numeric', month: '2-digit', day: '2-digit' } as const;\r\n return (new Date(param)).toLocaleString(\"en-US\", options);\r\n }\r\n\r\n // Convert ISO 8601 formatted date in UTC (as string) to local datetime\r\n // String returned -> this.toDateTime\r\n static dateToLocalTime(param: string): string {\r\n var d = new Date(param + \"Z\"); // Z indicates the parameter is in UTC\r\n var str = d.toString();\r\n return this.toDateTime(str);\r\n }\r\n\r\n // Convert ISO 8601 formatted date in UTC (as string) to local date\r\n static dateToLocalDate(param: string): string {\r\n var d = new Date(param + \"Z\");\r\n return this.toDate(d.toString());\r\n }\r\n\r\n //The reason for this is because if the string has commas in it (e.g. \"23,000\"), the normal JS conversion functions can't handle it.\r\n static toNumber(param: any): number {\r\n if (typeof param != \"string\")\r\n return param;\r\n if (param === null || param === undefined)\r\n return null;\r\n //Remove anything that isn't a digit, decimal point, or minus sign (-):\r\n return +param.replace(/[^\\d\\.\\-]/g, \"\");\r\n }\r\n\r\n //This will take a string and put a dollar sign at the front and add commas to large numbers. Will not add dollar sign if string is blank. If it's negative, it will surround with parens instead of negative sign.\r\n static toCurrency(param, addDollarSign: boolean = false) {\r\n if (param && param.column)\r\n param = param.value; // param is of type ICellRendererParams\r\n\r\n if (param === null || param === undefined || (typeof param == \"string\" && param.trim() == \"\"))\r\n return \"\";\r\n\r\n if (typeof param == \"string\")\r\n param = Formatter.toNumber(param); //convert to number\r\n\r\n //If the number is negative, make it positive so the minus sign won't display, and put it inside parantheses\r\n const prefix: string = (param < 0 ? \"(\" : \"\");\r\n const suffix: string = (param < 0 ? \")\" : \"\");\r\n\r\n if (addDollarSign)\r\n return \"$\" + prefix + Math.abs(param).toFixed(2).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\") + suffix;\r\n else\r\n return prefix + Math.abs(param).toFixed(2).replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\") + suffix;\r\n }\r\n\r\n //This will take a string and add commas to large numbers. If it's negative, it will surround with parens instead of negative sign.\r\n static addCommas(param) {\r\n if (param && param.column)\r\n param = param.value; // param is of type ICellRendererParams\r\n\r\n if (param === null || param === undefined || (typeof param == \"string\" && param.trim() == \"\"))\r\n return \"\";\r\n\r\n if (typeof param == \"string\")\r\n param = Formatter.toNumber(param); //convert to number\r\n\r\n //If the number is negative, make it positive so the minus sign won't display, and put it inside parantheses\r\n const prefix: string = (param < 0 ? \"(\" : \"\");\r\n const suffix: string = (param < 0 ? \")\" : \"\");\r\n\r\n return prefix + Math.abs(param).toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\") + suffix;\r\n }\r\n\r\n //returns true only if the passed-in string is a valid email format.\r\n static validateEmail(str): boolean {\r\n if (!str)\r\n return false;\r\n var pattern = /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\r\n return pattern.test(str.toLowerCase());\r\n }\r\n\r\n //returns true only if the passed-in string is a valid phone number format ###-###-#### or (###) ###-####.\r\n static validatePhone(str): boolean {\r\n if (!str)\r\n return false;\r\n var pattern = /(?:\\(\\d{3}\\)|\\d{3})[- ]?\\d{3}[- ]?\\d{4}/;\r\n return pattern.test(str.toLowerCase());\r\n }\r\n\r\n //returns true only if the passed-in string is a string with length 5 or 6 and has all alphanumeric (supports Canadian as well as US)\r\n static validateZip(str): boolean {\r\n if (!str)\r\n return false;\r\n if (str.length != 5 && str.length != 10)\r\n return false;\r\n var pattern = /^\\d{5}(?:[- ]?\\d{4})?$/i;\r\n return pattern.test(str.toLowerCase());\r\n }\r\n\r\n //returns true only if the passed-in string is a valid date format.\r\n //There are limits on how good this function is. \r\n static validateDate(str: string): boolean {\r\n if (!str || isNaN(Date.parse(str)))\r\n return false;\r\n if (typeof str != \"string\")\r\n return true;\r\n let arr: string[];\r\n if (str.indexOf(\"/\") != -1)\r\n arr = str.split(\"/\");\r\n else if (str.indexOf(\"-\") != -1)\r\n arr = str.split(\"-\");\r\n else\r\n return false;\r\n\r\n if (arr.length == 3) { //only accept years greater than 1900. But the date could be separated with either dashes or slashes, and the year could be either the first or third token in the string.\r\n let year: string;\r\n if (arr[0].length === 4)\r\n year = arr[0];\r\n if (arr[2].length === 4)\r\n year = arr[2];\r\n if (parseInt(year) > 1900)\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n //returns true if they are the same, false if different. This is not a deep comparison. The properties of the objects are compared with ==\r\n static compareArraysOfSimpleObjects(arr1, arr2) {\r\n if (arr1.length !== arr2.length)\r\n return false;\r\n for (let i = 0; i < arr1.length; i++) {\r\n if (!Formatter.compareSimpleObjects(arr1[i], arr2[i]))\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n //returns true if they are the same, false if different. This is not a deep comparison. The properties of the objects are compared with ==\r\n static compareSimpleObjects(obj1, obj2) {\r\n for (var prop in obj1) {\r\n if (obj1[prop] != obj2[prop])\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n static caseInsensitiveComparator(valueA, valueB) {\r\n if(valueA == null)\r\n valueA = '';\r\n if(valueB == null)\r\n valueB = '';\r\n return valueA.toLowerCase().localeCompare(valueB.toLowerCase())\r\n }\r\n\r\n}\r\n\r\n//This class is used to fix the issue that when you are keying in a date in a Chrome date input (not using the dropdown picker), and get to the year, it handles it completely wrong. If the year is highlighted and you try to type in \"2020\", it will clear out the entire input. So this class will attach handlers to the keyup and keydown events for any date inputs to keep track of user input and overwrite the input value if needed. The algorithm will take the old year, shift all the digits to the left (so that the leftmost digit is gone) and put the newest key pressed on the right. So if the old year is 1234, and you type in 5, we'll write in a new year of 2345.\r\nexport class ChromeDateFixer {\r\n static lastDateValue: string = '';\r\n\r\n static initFixer() {\r\n //This problem shows up on Chrome and Edge (which uses the Chrome engine), but not FF. Since both of them have the word \"Chrome\" in their userAgent, we can use it to decide whether or not to attach the event handlers to override the behavior\r\n if (navigator.userAgent.indexOf(\"Chrome\") != -1) {\r\n $('input[type=\"date\"]').each(function () {\r\n //We put a custom attribute on the inputs when we add the handlers to them, and then check to make sure that attribute isn't there before adding them. This is in case this method initFixer is called twice, we don't add the handlers twice.\r\n if (!this[\"alreadyHasHandlersAdded\"]) {\r\n this[\"alreadyHasHandlersAdded\"] = true;\r\n //This remembers the value of the date input before the key is pressed\r\n $(this).keydown(function (event) {\r\n ChromeDateFixer.lastDateValue = (