\n
\n\n\n\n\n\n\n \n
\n\n \n \n
\n \n
\n \n\n \n \n \n \n
\n \n
\n \n \n ![]()
\n
\n \n
\n \n \n
\n \n
\n - 0\">\n
- \n {{sdata.loan_id}}{{' '}}{{sdata?.status}}{{' - '}}{{sdata?.label}}
\n {{' '}}{{sdata?.firstname || ''}}{{' '}}{{sdata?.lastname || ''}}{{' '}}{{sdata?.vehicle_year}}{{' '}}{{sdata?.vehicle_make}}{{' '}}{{sdata?.vehicle_model}}{{' '}}{{sdata?.vehicle_vin}} \n
- \n
- {{'No Loan Found'|translate}} \n
\n \n \n
\n \n \n \n \n \n
\n \n
\n \n \n \n \n
\n \n \n \n ![\"\"]()
\n \n \n \n
\n \n
\n {{\"Update Password\"|translate}}
\n \n\n
\n \n
\n\n
\n \n \n ![\"\"](\"../assets/images/header/calc-icon.png\")
\n ![\"\"](\"../assets/images/header/calc-icon-dark.png\")
\n \n
\n \n \n \n {{\"Calculator\"|translate}}
\n \n\n
\n \n
\n \n
\n \n {{input}}
\n {{result}}
\n\n\n \n \n \n\n \n \n \n\n \n \n \n \n \n \n\n \n \n \n\n \n \n \n\n \n \n \n\n\n \n \n\n \n\n
\n \n \n
\n\n \n \n
\n","import { AfterViewInit, Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, Router } from '@angular/router';\nimport { HttpService, PermissionService } from '../..';\nimport { MODULES } from '../../config/enum';\nimport { ClientDetailService } from '../../services/client-detail-service';\nimport { UserService } from '../../services/user.service';\nimport { ClientUtils } from '../../utils/clientUtil';\nimport { QBTokenChangeService } from '../../services/qb_token_change-service';\nimport { Subscription } from 'rxjs';\nimport { ConfirmModalComponent } from 'src/app/shared/components/confirm-modal/confirm-modal.component';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { PathConfig } from '../../config/path.config';\nimport { filter } from 'rxjs/operators';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-left-navigation',\n templateUrl: './left-navigation.component.html',\n styleUrls: ['./left-navigation.component.scss']\n\n})\n\nexport class LeftNavigationComponent implements OnInit , AfterViewInit{\n defaultTab:string = 'menu-servicing';\n private subscription!: Subscription\n clientId: string;\n isLendisoftClient: boolean = false;\n USER_PERMISSIONS:Array${this.translateService.instant('Do you want to proceed?')}`;\n modalRef.result.then((response) => {\n if (response) {\n window.open(this.qb_url+'/'+this.qb_token, '_blank');\n }\n\n });\n }\n }\n\n getQboUrl() {\n const qbo_URL = `${PathConfig.CUSTOM_VENDOR_CONFIG}?config_data=qb`;\n this.httpService.get(qbo_URL).subscribe((res) => {\n this.qb_url = res?.qb_configuration?.url;\n });\n }\n}\n","
\n \n \n \n \n ![\"\"](\"../assets/images/sidebar/service-dark.png\")
\n ![\"\"](\"../assets/images/sidebar/service.png\")
\n {{\"Servicing\"|translate}}\n \n \n \n \n \n \n\n\n \n\n \n \n\n \n \n\n \n \n\n \n \n\n\n \n\n \n\n\n\n\n \n \n \n \n ![\"\"](\"../assets/images/sidebar/reports-dark.png\")
\n ![\"\"](\"../assets/images/sidebar/reports.png\")
\n {{\"Reports\"|translate}}\n \n \n \n \n \n \n \n \n \n \n ![\"\"](\"../assets/images/sidebar/configurations-dark.png\")
\n ![\"\"](\"../assets/images/sidebar/configurations.png\")
\n {{\"Configurations\"|translate}}\n \n \n \n \n \n\n \n \n \n\n \n \n ![\"\"](\"../assets/images/sidebar/lms-configurations-dark.png\")
\n ![\"\"](\"../assets/images/sidebar/lms-configurations.png\")
\n {{\"Lendisoft Configurations\"|translate}}\n \n \n \n \n \n \n\n\n\n \n \n \n
\n","import { NgModule, ModuleWithProviders} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SharedModule } from 'src/app/shared';\nimport { RouterModule } from '@angular/router';\nimport { LeftNavigationComponent } from './left-navigation.component';\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\nimport { TranslateModule, TranslateLoader } from '@ngx-translate/core';\n\nexport function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader {\n return new TranslateHttpLoader(http, './assets/i18n/', '.json');\n}\n\n@NgModule({\n imports: [CommonModule, RouterModule, SharedModule,\n HttpClientModule,\n TranslateModule.forRoot({\n loader: {\n provide: TranslateLoader,\n useFactory: HttpLoaderFactory,\n deps: [HttpClient]\n }\n })\n ],\nproviders: [HttpClient],\n declarations: [LeftNavigationComponent],\n exports: [LeftNavigationComponent],\n bootstrap: [LeftNavigationComponent]\n})\nexport class LeftNavigationModule {\n static forRoot(): ModuleWithProviders\n \n {{\"Servicing\"|translate}}\n \n
\n \n \n
\n \n ![\"\"](\"../assets/images/sidebar/Model)
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n ![\"\"](\"../assets/images/sidebar/Data)
\n \n \n
\n \n \n \n \n \n
\n \n \n
\n \n ![\"\"](\"../assets/images/sidebar/Valuations)
\n \n \n
\n \n \n \n \n \n \n {{\"Reports\"|translate}}\n \n \n {{\"Configurations\"|translate}}\n \n \n {{\"Lendisoft Configurations\"|translate}}\n \n
\n \n \n
\n \n ![\"\"](\"../assets/images/sidebar/open-book-black.svg\")
\n ![\"\"](\"../assets/images/sidebar/open-book.svg\")
\n \n
\n \n \n \n \n {{ arrayObject | groupBy: 'elm' }}
\n\n \n{{ arrayObject | groupBy: ['elm', 'value'] }}
\n\n \n{{ arrayObject | groupBy: ['elm', 'value']: '_' }}
\n\n \n{{ arrayNestedObject | groupBy: 'prop.deep' }}
\n\n*/\n\n@Pipe({ name: 'groupBy' })\nexport class GroupByPipe implements PipeTransform {\n transform(input: any, discriminator: any = [], delimiter: string = '|'): any {\n if (!Array.isArray(input)) {\n return input;\n }\n\n return this.groupBy(input, discriminator, delimiter);\n }\n\n private groupBy(list: any[], discriminator: any, delimiter: string) {\n return list.reduce((acc: any, payload: string) => {\n const key = this.extractKeyByDiscriminator(discriminator, payload, delimiter);\n\n acc[key] = Array.isArray(acc[key]) ? acc[key].concat([payload]) : [payload];\n\n return acc;\n }, {});\n }\n\n private extractKeyByDiscriminator(discriminator: any, payload: string, delimiter: string) {\n if (isFunction(discriminator)) {\n return (`;\n if(err?.code){\n errorMsg += `
`;\n return errorMsg;\n }\n\n static getPlainMessageTmpl(msg:any){\n let errorMsg = `Error Code:${err?.code}
`;\n }\n errorMsg += `${err?.message}
`;\n errorMsg += `Please contact support for further assistance.
`;\n errorMsg += ``;\n errorMsg += `
`;\n return errorMsg;\n}\n static isValueEqual(value1:any , value2:any) : boolean{\n return (value1 === value2);\n }\n\n static getAgeInYrs(dt:string){\n const dob = new Date(dt);\n\n //calculate month difference from current date in time\n const month_diff = Date.now() - dob.getTime();\n //convert the calculated difference in date format\n const age_dt = new Date(month_diff);\n //extract year from date\n const year = age_dt.getUTCFullYear();\n //now calculate the age of the user\n const age = Math.abs(year - 1970);\n return age;\n }\n\n\n static getAgeInYrsWithDecease(dt:string,dt2:string){\n const dob = new Date(dt);\n const dec = new Date(dt2);\n //calculate month difference from current date in time\n const month_diff = ['',null,undefined].includes(dt2)?(Date.now() - dob.getTime()):(dec.getTime()-dob.getTime());\n //convert the calculated difference in date format\n const age_dt = new Date(month_diff);\n //extract year from date\n const year = age_dt.getUTCFullYear();\n //now calculate the age of the user\n const age = Math.abs(year - 1970);\n return Number.isNaN(age)?'':age;\n }\n\n\n /**\n * Export JSON Array to excel\n * @param name\n * @returns\n */\n static getFileName(name: string) {\n let timeSpan = new Date().toISOString();\n let sheetName = name || \"report\";\n let fileName = `${sheetName}-${timeSpan}`;\n return {\n sheetName,\n fileName\n };\n };\n static exportArrayToExcel(arr: any[], name: string = '') {\n let { sheetName, fileName } = Utility.getFileName(name);\n\n var wb = XLSX.utils.book_new();\n var ws = XLSX.utils.json_to_sheet(arr);\n XLSX.utils.book_append_sheet(wb, ws, sheetName);\n XLSX.writeFile(wb, `${fileName}.xlsx`);\n }\n\n static exportURLToExcel(metaInfo:any, name: string = '') {\n let { sheetName, fileName } = Utility.getFileName(name);\n //to download\n const a = document.createElement(\"a\");\n a.href = metaInfo?.url;\n a.download = fileName;\n a.click();\n\n }\n\n static async downloadURI(uri:any, name:string='') {\n const response = await fetch(uri);\n \n // Storing data in form of text\n var data = await response.blob();\n\n var content:any = data;\n // any kind of extension (.txt,.cpp,.cs,.bat)\n // var filename = name;\n var blob = new Blob([content], {\n type: \"text/plain;charset=utf-8\"\n });\n\n saveAs(blob, name);\n }\n\n static downloadFileFromURL(url:string, fileName: string) {\n saveAs(url,fileName);\n }\n\n static getRandomColor(){\n return '#'+(0x1000000+Math.random()*0xffffff).toString(16).substr(1,6);\n }\n\n static ROUNDUP(number:any, digits:any) {\n number = parseFloat(number);\n digits = parseFloat(digits);\n const sign = number > 0 ? 1 : -1\n return (sign * Math.ceil(Math.abs(number) * Math.pow(10, digits))) / Math.pow(10, digits);\n }\n\n static conver_To_Camel_Case(str:string)\n {\n let STR = str.toLowerCase()\n\t\t.trim()\n\t\t.split(' ')\n\t\t.map(word => word.replace(word[0], word[0].toString().toUpperCase()))\n\t\t.join(' ');\n\treturn STR;\n }\n\n static getDefaultCategoryObject(catArr:any)\n {\n return catArr.find((item:any)=> item.is_default=='YES');\n }\n\n static isCategoryObjectIndexExist(catArr:any,id:number)\n {\n return catArr.map((item:any)=>item.id).indexOf(id);\n }\n\n static initialOfString(str:string)\n {\n\n let matches = str.match(/\\b(\\w)/g); // ['J','S','O','N']\n return matches?.join(''); // JSON\n\n }\n\n static getNextVersion(versionList:any)\n {\n\n let tbdList=versionList?.filter((item:any)=>{return item.version_status==='DRAFT'});\n let activeList=versionList?.filter((item:any)=>{return item.version_status==='ACTIVE'});\n tbdList.reverse();\n if(tbdList?.length>0)\n {\n return tbdList[0].id;\n }\n else if(activeList.length>0)\n {\n return activeList[0].id;\n }\n else\n {\n return -1;\n }\n\n }\n\n static getDType(tString:any)\n {\n if(tString.match(/^([0-9]*)$/)){\n return 'integer';\n }else if(tString.match(/^[+-]?([0-9]*[.])?[0-9]+$/)){\n return 'float';\n }else if(tString.match(/^\\d{2}\\/\\d{2}\\/\\d{4}$/) || tString.match(/^\\d{2}\\/\\d{2}\\/\\d{2}$/) || tString.match(/^\\d{1}\\/\\d{1}\\/\\d{4}$/) || tString.match(/^\\d{1}\\/\\d{1}\\/\\d{2}$/) || tString.match(/^\\d{1}\\/\\d{2}\\/\\d{2}$/) || tString.match(/^\\d{1}\\/\\d{2}\\/\\d{4}$/)){\n return 'date';\n }else if(['TRUE','FALSE','true','false','yes','no','YES','NO'].includes(tString)){\n return 'boolean';\n }else{\n return \"string\";\n }\n }\n\n\n}\n","\nimport { AbstractControl, ValidatorFn } from '@angular/forms';\n \nexport function ArrayLengthValidator(minimumLength: number): ValidatorFn {\n return (control: AbstractControl): {[key: string]: any} | null => {\n if (control?.value?.length < minimumLength) {\n return {arrayLength: true};\n }\n return null;\n }; \n }","import { AbstractControl } from '@angular/forms';\n\nexport function CompanyIdValidator(control: AbstractControl) {\n const companyId: RegExp = /[`~!@#$%^&*()+\\=\\[\\]{};':\"\\\\|,.<>\\/?]/;\n if (control.value && companyId.test(control.value)) {\n return { invalidCompanyId: true };\n }\n return null;\n}","\nimport { UntypedFormGroup } from '@angular/forms';\n \nexport function ConfirmedValidator(controlName: string, matchingControlName: string){\n return (formGroup: UntypedFormGroup) => {\n const control = formGroup.controls[controlName];\n const matchingControl = formGroup.controls[matchingControlName];\n if (matchingControl.errors && !matchingControl.errors.matched) {\n return;\n }\n if (control.value !== matchingControl.value) {\n matchingControl.setErrors({ matched: true });\n } else {\n matchingControl.setErrors(null);\n }\n }\n}","import { FormGroup } from '@angular/forms';\n\nexport function DueDateValidator(due_date: string, first_due_date: string,maturity_date: string='maturity_date'){\n return (formGroup: FormGroup) => {\n const firstDueDateFormControl = formGroup.controls[first_due_date];\n const dueDateFormControl = formGroup.controls[due_date];\n // const maturityDateFormControl = formGroup.controls[maturity_date];\n\n let dueDate = dueDateFormControl?.value;\n let firstDueDate = firstDueDateFormControl?.value;\n // let maturityDate = maturityDateFormControl?.value;\n\n if(dueDate) {\n \n if (firstDueDate && firstDueDate > dueDate) {\n\n dueDateFormControl.setErrors({invalid_first_due_date_before_due_date: true });\n\n dueDateFormControl.markAsTouched();\n\n }\n // As per client request on 26-01-25 we are removing maturity date validation from side notes due date\n\n // else if (maturityDate && maturityDate <= dueDate ) {\n\n // dueDateFormControl.setErrors({invalid_maturity_date_before_due_date: true });\n\n // dueDateFormControl.markAsTouched();\n\n // }\n\n else\n dueDateFormControl.setErrors(null);\n }\n else {\n dueDateFormControl.setErrors({required:true});\n }\n }\n}","import { AbstractControl } from '@angular/forms';\n\n/**\nEmail Validation\n--------------------\nValid formats:\ntest@test.com\ntest@test.com;test1@test.com\ntest@test.com;test1@test.com;test2@test.com;test3@test.com\n */\nexport function EmailConditionalValidator(control: AbstractControl) {\n // const regExp = /^((\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*)\\s*[,]{0,1}\\s*)+$/;\n \n //supports multi email validation\n const regExp = /^(|([a-zA-Z0-9_\\-\\.]+)@([a-zA-Z0-9_\\-\\.]+)\\.([a-zA-Z]{2,5}){1,25})+([;.](([a-zA-Z0-9_\\-\\.]+)@([a-zA-Z0-9_\\-\\.]+)\\.([a-zA-Z]{2,5}){1,25})+)*$/;\n if(control.value && control.value.startsWith('{')) return null;\n if (control.value && !regExp.test(control.value)) {\n return { invalidEmail: \"Invalid Email\" };\n }\n return null;\n}","\nimport { AbstractControl, ValidatorFn } from '@angular/forms';\n \nexport function EmailOccurenceValidator(maxOccurence: number,delimiter:string =';'): ValidatorFn {\n return (control: AbstractControl): {[key: string]: any} | null => {\n const occurence = control?.value?.split(delimiter) || [];\n if (control?.value && (occurence?.length > maxOccurence)) {\n return {maxOccurenceExceed: true};\n }\n return null;\n }; \n }","import { AbstractControl } from '@angular/forms';\n\n/**\nNumber Validation\n--------------------\nValid formats:\n12354\n52\n */\nexport function EmailValidator(control: AbstractControl) {\n const regExp = /^((\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*)\\s*[,]{0,1}\\s*)+$/;\n if (control.value && !regExp.test(control.value)) {\n return { invalidEmail: \"Invalid Email\" };\n }\n return null;\n}","import { AbstractControl } from '@angular/forms';\n\n/**\nFloat Validation\n--------------------\nValid formats:\n23.75\n */\nexport function ValidateFloat(control: AbstractControl) {\n const regExp = /^[+-]?[0-9]*\\.[0-9]{2}$/; //[+-]\n if (control.value && !regExp.test(control.value)) {\n return { invalidFloat: true };\n }\n return null;\n}\n","export {ConfirmedValidator} from './confirm-validator';\nexport {ValidateUSPhone} from './us-phone.validator';\nexport {ValidateUSZip} from './us-zip.validator';\nexport {ValidateUSFax} from './us-fax.validator';\nexport {ArrayLengthValidator} from './array-length.validator';\nexport {ValidateNumber} from './number.validator';\nexport {EmailValidator} from './email-validator';\nexport {TotalValidator} from './total-validator';\nexport {ValidatePin} from './pin.validator';\nexport {EmailConditionalValidator} from './email-conditional-validators';\nexport { ValidateInitials } from './initials-validator';\nexport { EmailOccurenceValidator } from './email-occurence.validator';\nexport { ValidateFloat } from './float.validator';\nexport { noZeroPrefixValidator } from './no_zero_prefix.validator';\nexport { CompanyIdValidator } from './company-id.validator';\nexport { SpaceValidator } from './space.validator';\n","import { AbstractControl } from '@angular/forms';\n\n/**\nInitials Validation\n--------------------\nValid formats:\nAA\nA345\n */\nexport function ValidateInitials(control: AbstractControl) {\n const regExp = /^[a-zA-Z0-9]{2,4}$/;\n if (control.value && !regExp.test(control.value)) {\n return { invalidInitials: \"Invalid Initials\" };\n }\n return null;\n}","import { AbstractControl } from '@angular/forms';\nimport moment from 'moment';\n\n/**\nfuturedate Validation\n--------------------\nValid formats:\nYYYY-MM-DD\n */\n\nexport function isFutureDate(control: AbstractControl) {\n let e=control.value;\n let cDate = moment(new Date()).format(\"YYYY-MM-DD\");\n let sDate = moment(e).format(\"YYYY-MM-DD\");\n\n if (control.value && sDate<=cDate) {\n return { invalidPTPDate: true };\n }\n return null;\n\n}","import { AbstractControl } from '@angular/forms';\n\nexport function noZeroPrefixValidator(control: AbstractControl) {\n const value: string | null = control.value as string;\n\n if (value && typeof value === 'string' && value?.startsWith('0')) {\n return { noZeroPrefix: true };\n }\n\n return null;\n}\n","import { AbstractControl } from '@angular/forms';\n\n/**\nNumber Validation\n--------------------\nValid formats:\n12354\n52\n */\nexport function ValidateNumber(control: AbstractControl) {\n const regExp = /^[0-9]*$/;\n if (control.value && !regExp.test(control.value)) {\n return { invalidNumber: true };\n }\n return null;\n}","import { AbstractControl, ValidationErrors } from \"@angular/forms\"\n\nexport const PasswordStrengthValidator = function (control: AbstractControl): { passwordStrength: string; } | null {\n\n let value: string = control.value || '';\n let msg = \"\";\n if (!value) {\n return null;\n }\n\n let upperCaseCharacters = /[A-Z]+/g;\n let lowerCaseCharacters = /[a-z]+/g;\n let numberCharacters = /[0-9]+/g;\n let specialCharacters = /[!@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?]+/;\n if (upperCaseCharacters.test(value) === false || lowerCaseCharacters.test(value) === false || numberCharacters.test(value) === false || specialCharacters.test(value) === false) {\n return {\n passwordStrength: 'Password must contain at least two of the following: numbers, lowercase letters, uppercase letters, or special characters.'\n };\n\n }\n return null;\n}\n\nexport const PasswordWhitespaceValidator = function (control: AbstractControl): { whitespace: string; } | null {\n\n let value: string = control.value || '';\n let msg = \"\";\n if (!value) {\n return null;\n }\n let whitespace = /\\s/;\n if(whitespace.test(value) === true){\n return { \n whitespace: 'Whitespace not allowed in password'\n }\n }\n return null;\n}","import { AbstractControl } from '@angular/forms';\n\n/**\nPIN Validation\n--------------------\nValid formats:\n\n5555\n22222\n454185\n\n */\nexport function ValidatePin(control: AbstractControl) {\n const regExp = /^.{4,6}$/;\n if (!regExp.test(control.value) && control.value) {\n return { invalidPin: true };\n }\n return null;\n}","import { AbstractControl } from '@angular/forms';\n\nexport function SpaceValidator(control: AbstractControl) {\n let value: string = control.value || '';\n let msg = \"\";\n if (!value) {\n return null;\n }\n let whitespace = /\\s/;\n if(whitespace.test(value) === true){\n return { whitespace: true };\n }\n return null;\n}","import { AbstractControl, ValidatorFn } from '@angular/forms';\n\n/**\nTotal Validator\n */\nexport function TotalValidator(total: number,type:string,field:string = ''): ValidatorFn {\n return (control: AbstractControl): {[key: string]: any} | null => {\n let groupTotal:any = 0;\n if(type == 'form-group'){\n groupTotal = Object.values(control.value).reduce((previousValue:any, currentValue:any) => Number(previousValue) + Number(currentValue),0);\n }else{\n groupTotal = control.value.reduce((previousValue:any, currentValue:any) => Number(previousValue[field]) + Number(currentValue[field]),0);\n }\n if (groupTotal != total) {\n return {arrayTotal: true};\n }\n return null;\n }; \n}","import { AbstractControl } from '@angular/forms';\n\n/**\nUS Fax Validation\n--------------------\nValid formats:\n\n(xxx) xxx-xxxx\n\n */\nexport function ValidateUSFax(control: AbstractControl) {\n const regExp = /^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im;\n if (!regExp.test(control.value) && control.value) {\n return { invalidFaxNumber: true };\n }\n return null;\n}","import { AbstractControl } from '@angular/forms';\n\n/**\nUS Phone Validation\n--------------------\nValid formats:\n\n(123) 456-7890\n(123)456-7890\n123-456-7890\n123.456.7890\n1234567890\n+31636363634\n075-63546725\n */\nexport function ValidateUSPhone(control: AbstractControl) {\n const regExp = /^[\\+]?[(]?[0-9]{3}[)]?[-\\s\\.]?[0-9]{3}[-\\s\\.]?[0-9]{4,6}$/im;\n if (!regExp.test(control.value) && control.value) {\n return { invalidPhoneNumber: true };\n }\n return null;\n}","import { AbstractControl } from '@angular/forms';\n\n/**\nUS Zip Validation\n--------------------\nValid formats:\n20521-9000\n42223\n85254\n */\nexport function ValidateUSZip(control: AbstractControl) {\n const regExp = /^[0-9]{5}(?:-[0-9]{4})?$/;\n if (control.value && !regExp.test(control.value)) {\n return { invalidZip: true };\n }\n return null;\n}","import { Component, ElementRef, HostListener, OnDestroy, OnInit } from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, Router, RoutesRecognized } from '@angular/router';\nimport { TranslateService } from '@ngx-translate/core';\nimport moment from 'moment';\nimport { interval, Subscription } from 'rxjs';\nimport { BroadcastService } from 'src/app/core';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { MultilingualService } from 'src/app/core/modules/header/multilingual.service';\nimport { ClientDetailService } from 'src/app/core/services/client-detail-service';\nimport { environment } from 'src/environments/environment';\n\n@Component({\n selector: 'app-auth',\n templateUrl: './auth.component.html',\n styleUrls: ['./auth.component.scss']\n})\nexport class AuthComponent implements OnInit,OnDestroy {\n currentDate:string = '';\n currentTime:string = '';\n currentYear:string = moment().format('YYYY');\n eventSubscription:Array${msg}
`;\n errorMsg += `\n
\n \n\n \n \n
\n \n
\n \n ![]()
\n
\n \n
\n \n \n \n
\n \n
\n \n
\n\n \n {{currentDate}}, \n {{currentTime}}\n
\n \n
\n \n \n \n
\n \n
\n {{sectionTitle|translate}}
\n\n
\n\n \n \n \n
\n \n
\n \n
\n {{\"Introducing\"|translate}}
\n{{\"Lendisoft Software\"|translate}}
\n\n
\n \n {{\"Built by a team of risk management professionals with decades of experience in the lending industry\"|translate}}.\n
\n\n {{\"Simply put, Lendisoft gives you the ultimate competitive advantage!\"|translate}}\n
\n\n
\n \n
\n{{'Application is in Maintenance Mode. Estimated completion time is 2:00am Pacific Time.'|translate}}
\n\n \n
\n\n \n
\n\n \n
\n","import { AfterViewInit, Component, OnDestroy, OnInit } from '@angular/core';\nimport { UntypedFormBuilder, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { Subscription } from 'rxjs';\nimport { BroadcastService, HttpService, LocalStorageService, MessageService, UserService } from 'src/app/core';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { ConfirmedValidator } from 'src/app/core/validators';\nimport { environment } from 'src/environments/environment';\nimport { ValidateNumber } from '../../../core/validators/number.validator';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-reset-pin',\n templateUrl: './reset-pin.component.html',\n styleUrls: ['./reset-pin.component.scss']\n})\nexport class ResetPinComponent implements OnInit,OnDestroy,AfterViewInit {\n\n resetForm!:UntypedFormGroup;\n eventSubscription:Array\n \n
","import { Component, Input, OnInit, SimpleChanges, Renderer2, ElementRef, ChangeDetectorRef } from '@angular/core';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport * as _ from 'lodash';\nimport { FormBuilder, FormGroup, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\nimport { ConstantConfig } from 'src/app/core/config/constant.config';\nimport { TranslateService } from '@ngx-translate/core';\nimport { Subscription } from 'rxjs';\nimport { HttpService, MessageService, UserService } from 'src/app/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { ClientDetailService } from 'src/app/core/services/client-detail-service';\nimport { ValidateUSPhone } from 'src/app/core/validators/us-phone.validator';\nimport moment from 'moment';\nimport { isFutureDate } from 'src/app/core/validators/isfuturedate-validator';\nimport { param } from 'jquery';\n\n@Component({\n selector: 'app-caller',\n templateUrl: './caller.component.html',\n styleUrls: ['./caller.component.scss']\n})\nexport class CallerComponent implements OnInit {\n phoneForm: FormGroup;\n eventSubscription: Array\n
\n{{\"Reset Pin\"|translate}}
\n\n {{ errorMessage }}\n
\n \n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport moment from 'moment';\nimport { Subscription } from 'rxjs';\nimport { AuthService } from 'src/app/core/services/auth-service';\nimport { ClientDetailService } from 'src/app/core/services/client-detail-service';\n\n@Component({\n selector: 'app-error-not-authorized',\n templateUrl: './error-not-authorized.component.html',\n styleUrls: ['./error-not-authorized.component.scss']\n})\nexport class ErrorNotAuthorizedComponent implements OnInit {\n\n currentYear: string = moment().format('YYYY');\n sectionTitle: string = '';\n eventSubscription:Array\n \n \n
\n\n \n ![\"\"](\"../assets/images/header/phone-icon.png\")
\n ![\"\"](\"../assets/images/header/phone-icon-dark.png\")
\n \n
\n \n \n \n \n \n {{'Call'|translate}}\n
\n \n\n
\n \n \n
\n \n \n
\n \n \n \n
\n \n
\n\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport moment from 'moment';\nimport { Subscription } from 'rxjs';\nimport { ERROR_PAGES } from 'src/app/core/constants/constant';\nimport { AuthService } from 'src/app/core/services/auth-service';\nimport { ClientDetailService } from 'src/app/core/services/client-detail-service';\nimport { ClientUtils } from 'src/app/core/utils/clientUtil';\n\n@Component({\n selector: 'app-error-not-found',\n templateUrl: './error-not-found.component.html',\n styleUrls: ['./error-not-found.component.scss'],\n})\nexport class ErrorNotFoundComponent implements OnInit {\n currentYear: string = moment().format('YYYY');\n sectionTitle: string = '';\n eventSubscription:Array\n
\n\n
\n \n \n
\n \n ![](\"assets/images/error/403.png\")
\n
\n \n \n
\n\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\n\n@Component({\n selector: 'app-error',\n templateUrl: './error.component.html',\n styleUrls: ['./error.component.scss']\n})\nexport class ErrorComponent implements OnInit {\n msg:string = '';\n clientName:string = '';\n constructor(private activateRoute:ActivatedRoute,private router:Router) { }\n\n ngOnInit(): void {\n this.activateRoute.queryParams.subscribe((params)=>{\n this.msg = params['msg'] || 'Something went Wrong';\n })\n }\n\n onLogin():void{\n window.location.href= `/${this.clientName}`;\n }\n \n\n}\n","\n
\n\n
\n \n \n
\n \n ![](\"assets/images/error/404.png\")
\n
\n \n \n
\n","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute, NavigationEnd, Router, RoutesRecognized } from '@angular/router';\nimport {map, mergeMap ,filter} from 'rxjs/internal/operators';\n\n@Component({\n selector: 'app-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.scss']\n})\nexport class HomeComponent implements OnInit {\n\n pageType:string = 'DEFAULT';\n sectionTitle:string = '';\n constructor(private router:Router, private activatedRoute:ActivatedRoute) { \n\n //get child events\n router.events\n .pipe(filter(event => event instanceof NavigationEnd),\n map(() => {\n let route = activatedRoute.firstChild;\n let child = route;\n while (child) {\n if (child.firstChild) {\n child = child.firstChild;\n route = child;\n } else {\n child = null;\n }\n }\n return route;\n }),\n mergeMap((route:any) => route.data)\n )\n .subscribe((data:any) => {\n this.pageType = data?.pageType || 'DEFAULT';\n }); \n\n const routeEvents = this.router.events.subscribe(event => {\n if (event instanceof NavigationEnd) {\n this.sectionTitle = this.activatedRoute.snapshot.firstChild?.data?.title || '';\n }\n });\n \n \n }\n\n ngOnInit(): void {\n }\n\n}\n","{{msg}}
\n Try with other Client\n \n \n\n
\n \n\n \n \n\n \n \n
\n \n
\n {{ sectionTitle }}
\n\n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n \n
\n \n
\n {{ sectionTitle }}
\n\n
\n \n
\n \n
\n\n\n","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { UntypedFormGroup, NgForm, UntypedFormControl, Validators } from '@angular/forms';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateService } from '@ngx-translate/core';\nimport { DataTableDirective } from 'angular-datatables';\nimport S3 from 'aws-sdk/clients/s3';\nimport moment from 'moment';\nimport { Subscription } from 'rxjs';\nimport { HttpService, MessageService, PermissionService, BroadcastService, LoaderService } from 'src/app/core';\nimport { ConstantConfig } from 'src/app/core/config/constant.config';\nimport { PageID, MODULES } from 'src/app/core/config/enum';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { MultilingualService } from 'src/app/core/modules/header/multilingual.service';\nimport { ClientDetailService } from 'src/app/core/services/client-detail-service';\nimport { Utility } from 'src/app/core/utils/utility';\nimport { EmailConditionalValidator, EmailOccurenceValidator, ValidateUSPhone } from 'src/app/core/validators';\nimport { ConfirmModalComponent } from 'src/app/shared/components/confirm-modal/confirm-modal.component';\nimport { LoadingBarModalComponent } from 'src/app/shared/components/loading-bar-modal/loading-bar-modal.component';\n\n@Component({\n selector: 'app-data-miner',\n templateUrl: './data-miner.component.html',\n styleUrls: ['./data-miner.component.scss']\n})\nexport class DataMinerComponent implements OnInit {\n\n form!: UntypedFormGroup;\n categoryForm!: UntypedFormGroup;\n duplicateForm!: UntypedFormGroup;\n @ViewChild('f') formElement!: NgForm;\n isAddMode:boolean = false;\n isEditMode:boolean = false;\n type:any = '';\n name:any = '';\n categoryFormSubmitted: boolean = false;\n duplicateFormSubmitted: boolean = false;\n category_list: Array\n
\n \n
\n {{\"Welcome To Lendisoft\"|translate}}!
\n\n
\n {{\"Select a page from the menu on the left\"|translate}}.
\n\n \n ×\n \n
\n {{\"DUPLICATE TEMPLATE\"|translate}}
\n\n
\n \n \n \n
\n \n \n
\n \n \n {{\"Name is required\"|translate}} \n \n
\n \n \n ×\n \n
\n {{\"DUPLICATE TEMPLATE\"|translate}}
\n\n
\n \n \n\n
\n \n \n
\n \n \n {{\"Name is required\"|translate}}. \n \n
\n \n \n
\n","import { Component, Input, OnInit, ViewChild } from '@angular/core';\nimport { UntypedFormControl, UntypedFormGroup, NgForm, Validators } from '@angular/forms';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateService } from '@ngx-translate/core';\nimport moment from 'moment';\nimport { BroadcastService, HttpService, MessageService, PermissionService } from 'src/app/core';\nimport { ConstantConfig } from 'src/app/core/config/constant.config';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { Utility } from 'src/app/core/utils/utility';\nimport { LoanDetail } from 'src/app/shared/models/loan/loan.detail.model';\n\n@Component({\n selector: 'app-kickabck-review',\n templateUrl: './kickabck-review.component.html',\n styleUrls: ['./kickabck-review.component.scss']\n})\nexport class KickabckReviewComponent implements OnInit {\n @Input() loanID!: string;\n @Input() loanDetail!:LoanDetail;\n @ViewChild('f') formElement!: NgForm;\n form!: UntypedFormGroup;\n submitted: boolean = false;\n isDirty:boolean = false;\n DATE_FORMAT_MMDDYYYY = ConstantConfig.DATE_FORMAT_MMDDYYYY;\n afterInfo!:any;\n iskickBackPermission:boolean = false;\n curDate = new Date();\n before_assignee_name='';\n after_assignee_name='';\n kickbackRepoReviewPreviewData: any = null;\n\n constructor(\n private httpService:HttpService ,\n private msgService:MessageService,\n private modalService:NgbModal,\n private broadCastService:BroadcastService,\n private permissionService:PermissionService,\n public modal:NgbActiveModal,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en');\n this.afterInfo = '';\n this.iskickBackPermission = true;//this.permissionService.isSpecialPermission('process_extensions');\n }\n\n ngOnInit(): void {\n\n this.form = new UntypedFormGroup({\n loan_id: new UntypedFormControl(this.loanID, []),\n remark: new UntypedFormControl('', [Validators.required, Validators.maxLength(500)])\n });\n this.form.valueChanges.subscribe((e) => (this.isDirty = true));\n this.getKickbackRepoReviewPreview();\n this.before_assignee_name=this.loanDetail?.latest_kickback_repo_review?.before?.user?.employee_initials+\" \"+this.loanDetail?.latest_kickback_repo_review?.before?.user?.firstname+\" \"+this.loanDetail?.latest_kickback_repo_review?.before?.user?.lastname;\n this.after_assignee_name=(this.afterInfo?.user?.employee_initials || this.loanDetail?.assignee?.employee_initials)+\" \"+(this.afterInfo?.user?.firstname || this.loanDetail?.assignee?.firstname)+\" \"+ (this.afterInfo?.user?.lastname || this.loanDetail?.assignee?.lastname);\n\n }\n convertLocalTimeZone(d:any)\n {\n if(d==''||d==null){return null}\n var testDateUtc = moment.tz(d,ConstantConfig.SERVER_TIMEZONE);\n return moment(testDateUtc).local().format(\"MM/DD/YYYY hh:mm:ss A\");\n }\n convertLocalTimeZoneWithoutTime(d:any)\n {\n if(d==''||d==null){return null}\n var testDateUtc = moment.tz(d,ConstantConfig.SERVER_TIMEZONE);\n return moment(testDateUtc).local().format(\"MM/DD/YYYY\");\n }\n conver_To_Camel_Case(str:string)\n {\n let STR = str.toLowerCase()\n\t\t.trim()\n\t\t.split(' ')\n\t\t.map(word => word.replace(word[0], word[0].toString().toUpperCase()))\n\t\t.join(' ');\n\treturn STR;\n }\n\n // on submit form\n onSubmit() {\n\n if (this.form.valid && !this.submitted) {\n this.submitted = true;\n const params = this.form.value;\n\n const url = `${PathConfig.LOAN_REPO_REVIEWS_KICKBACK}`;\n this.httpService.post(url, params)\n .subscribe((response:any) => {\n this.msgService.showSuccess(response.message);\n this.afterInfo = response?.loan_repo_review?.after || '';\n this.submitted = false;\n this.isDirty = false;\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACTIVITY);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA);\n // this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN);\n\n this.modalService.dismissAll();\n },\n (err:any) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.submitted = false;\n });\n }\n }\n\n // on Form submit\n onFormSubmit(){\n this.formElement.ngSubmit.emit();\n (this.formElement as any).submitted = true;\n this.onSubmit();\n }\n\n // get approval\n openGetApprovalModal(content: any) {\n this.modalService.open(content, { centered: true, size: 'sm', windowClass:'draggable-container',\n backdrop:false });\n }\n\n getKickbackRepoReviewPreview()\n {\n const url = `${PathConfig.SUBMIT_KICKBACK_PREVIEW}?loan_id=${this.loanID}&type=KICKBACK_REPO_REVIEW`;\n this.httpService.get(url).subscribe(\n (response) => {\n\n this.kickbackRepoReviewPreviewData = response?.preview_data;\n\n },\n (err) => {\n this.msgService.showError(err.error.message);\n }\n );\n }\n\n onNoteValueChange(e:any){\n var val=e?.target?.value;\n if(val)\n this.form.controls.remark.patchValue(val?.trim());\n this.form.controls.remark.markAsTouched();\n this.form.controls.remark.updateValueAndValidity();\n }\n\n}\n","\n\n \n
\n\n\n \n
\n \n \n
\n","import { Component, Input, OnInit, ViewChild } from '@angular/core';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { DataTableDirective } from 'angular-datatables';\nimport { BroadcastService, HttpService, MessageService, PermissionService } from 'src/app/core';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { UserDetail } from 'src/app/shared/models/user/user-detail.model';\nimport * as _ from 'lodash';\nimport { Utility } from 'src/app/core/utils/utility';\nimport { ConstantConfig } from 'src/app/core/config/constant.config';\nimport { AbstractControl, NgForm, UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport moment from 'moment';\nimport { TranslateService } from '@ngx-translate/core';\nimport Decimal from 'decimal.js';\n\n@Component({\n selector: 'app-manual-charge-off',\n templateUrl: './manual-charge-off.component.html',\n styleUrls: ['./manual-charge-off.component.scss']\n})\nexport class ManualChargeOffComponent implements OnInit {\n\n @Input() loanDetail!: any;\n @Input() loanID!: any;\n @Input() isRouteShowHistory : boolean = false;\n @ViewChild('f') formElement!: NgForm;\n /**\n * charge-Off Account\n */\n userList: Array\n \n \n
\n\n\n\n","import { Component, Input, OnInit, ViewChild } from '@angular/core';\nimport { NgForm, UntypedFormGroup, UntypedFormControl, Validators } from '@angular/forms';\nimport { NgbModal, NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport moment from 'moment';\nimport { HttpService, MessageService, BroadcastService, PermissionService } from 'src/app/core';\nimport { ConstantConfig } from 'src/app/core/config/constant.config';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { Utility } from 'src/app/core/utils/utility';\nimport { LoanDetail } from 'src/app/shared/models/loan/loan.detail.model';\nimport { isFutureDate } from 'src/app/core/validators/isfuturedate-validator';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ValidateUSPhone } from 'src/app/core/validators';\n\n@Component({\n selector: 'app-new-note',\n templateUrl: './new-note.component.html',\n styleUrls: ['./new-note.component.scss']\n})\nexport class NewNoteComponent implements OnInit {\n @Input() loanID!: string;\n @Input() loanDetail!:LoanDetail;\n @ViewChild('f') formElement!: NgForm;\n addActivityForm!: UntypedFormGroup;\n form!: UntypedFormGroup;\n submitted: boolean = false;\n isDirty:boolean = false;\n DATE_FORMAT_MMDDYYYY = ConstantConfig.DATE_FORMAT_MMDDYYYY;\n afterInfo!:any;\n isExtPermission:boolean = false;\n addActivityFormSubmit: boolean = false;\n activityTypes:any;\n isAcivityPTPActive: boolean = false;\n isAcivityTypeSelected: boolean = false;\n isPastDate:boolean=false;\n isAmountZero:boolean=false;\n selectedAmount:number | undefined;\n selectedDate:string='';\n activityNotePermistion:boolean=false;\n selectedItem:string='';\n errormsg:string='';\n dateerrormsg:string='';\n isButtonDisable:boolean=false;\n associated_phone_numbers:any;\n US_PHONE_MASKING = ConstantConfig.US_PHONE_MASKING;\n showFullNote: boolean= false;\n isPhoneNumberActive: boolean= false;\n\n\n\n constructor(private httpService:HttpService ,\n private msgService:MessageService,\n private modalService:NgbModal,\n private broadCastService:BroadcastService,\n private permissionService:PermissionService,\n public modal:NgbActiveModal,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en');\n this.afterInfo = '';\n // this.isExtPermission = this.permissionService.isSpecialPermission('process_extensions');\n this.activityNotePermistion=this.permissionService.isSpecialPermission('activity_note');\n\n }\n // Truncated note display logic\n get truncatedNote(): string {\n const note = this.addActivityForm.controls.note.value;\n return note.length > 200 ? note.substring(0, 200) + '...' : note;\n}\n\n// On clicking \"see more\", toggle the full note display\ntoggleNoteDisplay(): void {\n this.showFullNote = !this.showFullNote;\n}\n\n ngOnInit(): void {\n this.addActivityForm = new UntypedFormGroup({\n activity_type_id: new UntypedFormControl('', [Validators.required]),\n phone_number:new UntypedFormControl(null,[Validators.required]),\n other_phone:new UntypedFormControl(null,[ValidateUSPhone]),\n note: new UntypedFormControl('', [Validators.required, Validators.maxLength(10000) ]),\n ptp_date: new UntypedFormControl('', [isFutureDate]),\n ptp_amount: new UntypedFormControl('0.00', []),\n });\n\n\n //form controls\n this.form = new UntypedFormGroup({\n // id: new FormControl(null, [Validators.required]),\n employee_initials: new UntypedFormControl(null, [Validators.required]),\n pin: new UntypedFormControl(null, [Validators.required]),\n });\n\n\n this.activityTypes=this.activityTypes.filter((item:any) => item.managed_by==='USER');\n\n\n this.addActivityForm.controls.activity_type_id.valueChanges.subscribe(\n (val) => {\n const selectedActivity = this.activityTypes.find(\n (item:any) => item.id == val\n );\n this.isAcivityPTPActive = false;\n this.isAcivityTypeSelected = true;\n this.isPhoneNumberActive = selectedActivity.include_phone_number == 1;\n this.addActivityForm.controls.phone_number.patchValue(null);\n if (selectedActivity) {\n this.isAcivityPTPActive = selectedActivity?.is_input_ptp == 'YES';\n this.addActivityForm.controls.ptp_date.patchValue('');\n this.addActivityForm.controls.ptp_amount.patchValue('0.00');\n this.addActivityForm.updateValueAndValidity();\n }\n if(!['',null,undefined].includes(this.addActivityForm.controls.note.value) && this.isAcivityPTPActive==false){\n this.isButtonDisable=false;\n this.addActivityForm.controls.ptp_date.patchValue('');\n this.addActivityForm.controls.ptp_amount.patchValue('0.00');\n this.addActivityForm.updateValueAndValidity();\n }\n }\n );\n\n this.isButtonDisable=true;\n\n this.addActivityForm.controls.note.valueChanges.subscribe(\n (val) => {\n val=val.trim();\n // this.addActivityForm.controls.note.patchValue(val.trim());\n // this.addActivityForm.controls.note.markAsTouched();\n if(val==''&&!this.form.valid)\n this.isButtonDisable=true;\n else{\n this.isButtonDisable=false;\n let amt=this.addActivityForm.controls.ptp_amount.value;\n this.getAmount(amt,2);\n }\n // this.addActivityForm.controls.note.updateValueAndValidity();\n \n }\n );\n\n\n// this.addActivityForm.controls.ptp_amount.valueChanges.subscribe(\n// (val) => {\n// let amt=val.slice(1);\n// this.curamt=amt;\n// if(((this.addActivityForm.controls.ptp_date.value==undefined ||this.addActivityForm.controls.ptp_date.value=='' || this.addActivityForm.controls.ptp_date.value==null) && (amt=='' && amt!=0 ) && (this.addActivityForm.controls.note.value!=''&&this.addActivityForm.controls.note.value!=undefined&& this.addActivityForm.controls.note.value!=null )) || ((this.addActivityForm.controls.ptp_date.value!=undefined && this.addActivityForm.controls.ptp_date.value!='' && this.addActivityForm.controls.ptp_date.value!=null) && (amt!='' && amt!=0) && (this.addActivityForm.controls.note.value!=''&&this.addActivityForm.controls.note.value!=undefined&& this.addActivityForm.controls.note.value!=null )))\n// {\n// this.isButtonDisable=false;\n// this.errormsg='';\n// // this.isPastDate=false;\n// }\n// else if((this.addActivityForm.controls.ptp_date.value!=undefined && this.addActivityForm.controls.ptp_date.value!='' && this.addActivityForm.controls.ptp_date.value!=null) && (amt=='' || amt==0) &&((this.addActivityForm.controls.note.value!=''&&this.addActivityForm.controls.note.value!=undefined&& this.addActivityForm.controls.note.value!=null )))\n// {\n// this.errormsg=\"PTP amount cannot be zero or blank if there is a PTP Date.\";\n// this.isButtonDisable=true;\n// }\n// else if((this.addActivityForm.controls.note.value==''||this.addActivityForm.controls.note.value==undefined || this.addActivityForm.controls.note.value==null ))\n// {\n// this.errormsg='';\n// this.isButtonDisable=true;\n// }else if((this.addActivityForm.controls.ptp_date.value==undefined || this.addActivityForm.controls.ptp_date.value=='' || this.addActivityForm.controls.ptp_date.value==null) && (amt!='' && amt!=0))\n// {\n// this.errormsg=\"1PTP Date cannot be blank if there is a PTP Amount.\";\n// this.isButtonDisable=true;\n// }\n// // else if((this.addActivityForm.controls.ptp_date.value==undefined || this.addActivityForm.controls.ptp_date.value=='' || this.addActivityForm.controls.ptp_date.value==null) && (amt==0))\n// // {\n// // this.errormsg=\"PTP amount cannot be zero.\";\n// // this.isButtonDisable=true;\n// // }\n\n\n// if(this.isPastDate)\n// {\n// this.isButtonDisable=true;\n// }\n\n\n\n // });\n\n if(this.loanDetail?.associated_phone_numbers){\n this.associated_phone_numbers=this.loanDetail?.associated_phone_numbers;\n this.otherPhoneNumber()\n }\n }\n\n onNoteValueChange(e:any){\n var val=e.target.value;\n this.addActivityForm.controls.note.patchValue(val.trim());\n this.addActivityForm.controls.note.markAsTouched();\n this.addActivityForm.controls.note.updateValueAndValidity();\n if(val==''&&!this.form.valid)\n this.isButtonDisable=true;\n else{\n this.isButtonDisable=false;\n let amt=this.addActivityForm.controls.ptp_amount.value;\n this.getAmount(amt,2);\n }\n }\n\n\n getDateRemove(e:any){\n let camt=this.addActivityForm.controls.ptp_amount.value;\n let amt=camt.slice(1);\n if((e==undefined || e=='' ||e==null) && (amt=='' || amt==0 || amt==undefined) &&\n ((this.addActivityForm.controls.note.value!=''&&this.addActivityForm.controls.note.value!=undefined&& \n this.addActivityForm.controls.note.value!=null ))){\n this.errormsg=\"\";\n this.isButtonDisable=false;\n this.isPastDate=false;\n }\n if((e==undefined || e=='' ||e==null) && (amt!='' && amt!=0 && amt!=undefined) &&\n ((this.addActivityForm.controls.note.value!=''&&this.addActivityForm.controls.note.value!=undefined&&\n this.addActivityForm.controls.note.value!=null ))){\n this.errormsg=\"PTP Date cannot be blank if there is a PTP Amount.\";\n this.isButtonDisable=true;\n this.isPastDate=false;\n }\n }\n\n curamt:any;\n\n getAmount(e:any,type:number){\n let amt;\n if(type==2){\n amt=e;\n this.curamt=e;\n }\n \n else if(type==1){\n amt=e.target.value.slice(1);\n this.curamt=amt;\n }\n if(((this.selectedDate==undefined || this.selectedDate=='' || this.selectedDate==null) && (amt=='')) || \n ((this.addActivityForm.controls.ptp_date.value!=undefined && this.addActivityForm.controls.ptp_date.value!='' && \n this.addActivityForm.controls.ptp_date.value!=null) && (amt!='' && amt!=0) )){\n\n this.isButtonDisable=false;\n this.errormsg='';\n // this.isPastDate=false;\n }\n else if((this.addActivityForm.controls.ptp_date.value!=undefined && this.addActivityForm.controls.ptp_date.value!='' && \n this.addActivityForm.controls.ptp_date.value!=null) && (amt=='' || amt==0)){\n\n this.errormsg=\"PTP amount cannot be zero or blank if there is a PTP Date.\";\n this.isButtonDisable=true;\n }\n // else if((this.addActivityForm.controls.note.value==''||this.addActivityForm.controls.note.value==undefined || \n // this.addActivityForm.controls.note.value==null ))\n // {\n // this.errormsg='';\n // this.isButtonDisable=true;\n // }\n // else if((this.addActivityForm.controls.ptp_date.value==undefined || this.addActivityForm.controls.ptp_date.value=='' || this.addActivityForm.controls.ptp_date.value==null) && (amt==0))\n // {\n // this.errormsg=\"PTP amount cannot be zero.\";\n // this.isButtonDisable=true;\n // }\n else if((this.addActivityForm.controls.ptp_date.value==undefined || this.addActivityForm.controls.ptp_date.value=='' || \n this.addActivityForm.controls.ptp_date.value==null) && (amt!='' && amt!=0 && amt!=undefined) ){\n\n this.errormsg=\"PTP Date cannot be blank if there is a PTP Amount.\";\n this.isButtonDisable=true;\n }\n else{\n this.errormsg=\"\"\n this.isButtonDisable=false;\n }\n if(this.isPastDate){\n\n this.isButtonDisable=true;\n }\n\n\n /***********convert to decimal***************** */\n\n let data:any= this.addActivityForm.controls.ptp_amount.value;\n\n this.addActivityForm.controls.ptp_amount.patchValue( data==''?'':parseFloat(data).toFixed(2));\n this.addActivityForm.controls.ptp_amount.updateValueAndValidity();\n\n /***************************************** */\n \n }\n\n\n\n onActivitySubmit(content:any) {\n\n this.selectedAmount=this.addActivityForm.controls.ptp_amount.value==''?0:parseFloat(this.addActivityForm.controls.ptp_amount.value);\n this.selectedDate= this.addActivityForm.controls.ptp_date.value;\n\n if(this.selectedDate==undefined)\n this.addActivityForm.controls.ptp_date.reset();\n\n this.addActivityForm.markAllAsTouched();\n if (this.addActivityForm.valid && !this.addActivityFormSubmit) {\n\n if( ((this.selectedDate==''||this.selectedDate==undefined) && \n ['',null,'0','0.00'].includes(this.addActivityForm.controls.ptp_amount.value)) || (this.selectedDate!='' && \n this.selectedDate!=null && this.selectedAmount>0) || this.isAcivityPTPActive==false ){\n\n if(!this.activityNotePermistion){\n\n this.form.reset();\n this.modalService.open(content, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n size: 'sm',\n });\n }\n else{\n\n this.addActivityFormSubmit = true;\n const params = this.addActivityForm.value;\n params.loan_id = this.loanID;\n if(this.addActivityForm?.controls?.phone_number?.value!='other'){\n delete params?.other_phone;\n params.phone_slug=params?.phone_number?.slug;\n params.phone_title=params?.phone_number?.title;\n params.phone_number=params?.phone_number?.number;\n }\n if(this.addActivityForm?.controls?.phone_number?.value=='other'){\n params.phone_number= params?.other_phone;\n params.phone_title='Other';\n params.phone_slug='other';\n delete params?.other_phone;\n }\n\n this.errormsg='';\n\n this.httpService.post(PathConfig.LOAN_ACTIVITY_NOTES, params).subscribe(\n (response: any) => {\n this.msgService.showSuccess(response?.message);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACTIVITY);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA, 'NEW_NOTE');\n this.modalService.dismissAll();\n this.addActivityFormSubmit = false;\n this.errormsg='';\n this.isPastDate=false;\n this.isButtonDisable=false;\n },\n (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.modalService.dismissAll();\n this.addActivityFormSubmit = false;\n }\n );\n\n }\n\n }\n else{\n this.isAmountZero=true;\n // this.isPastDate=true;\n this.isButtonDisable=true;\n if((this.selectedDate=='' && this.addActivityForm.controls.ptp_amount.value!='')||(this.selectedDate==null && this.addActivityForm.controls.ptp_amount.value!=''))\n\n this.errormsg=\"PTP Date cannot be blank if there is a PTP Amount.\";\n if(this.selectedDate!='' && this.addActivityForm.controls.ptp_amount.value=='')\n this.errormsg=\"PTP amount cannot be zero or blank if there is a PTP Date.\";\n\n }\n }\n\n }\n\n getSelectedItem(e:any){\n this.selectedItem=e.target.value;\n if(this.isAcivityTypeSelected && this.isPhoneNumberActive){\n this.addActivityForm?.controls?.phone_number?.setValidators([Validators.required]);\n }\n // if(this.addActivityForm?.controls?.phone_number?.value!=''||this.addActivityForm?.controls?.phone_number?.value!=null)\n else{\n this.addActivityForm?.controls?.phone_number?.clearValidators();\n this.addActivityForm?.controls?.other_phone?.clearValidators();\n }\n this.addActivityForm?.controls?.phone_number?.updateValueAndValidity();\n this.errormsg='';\n }\n\n openOverrideModal(content:any){\n this.form.reset();\n this.modalService.open(content, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n size: 'sm',\n windowClass:'draggable-container',\n backdrop:false\n });\n }\n\n verifyPin(){\n\n if(this.form.valid){\n const params = this.form.getRawValue();\n const url = `${PathConfig.VERIFY_PIN}`;\n this.httpService.post(url, params).subscribe({\n next : (res) => {\n\n if(res?.message!='User not found' && res?.message!='User validation failed'){\n this.msgService.showSuccess(res?.message);\n this.activityNotePermistion=true;\n /********************** */\n this.addActivityFormSubmit = true;\n const params = this.addActivityForm.value;\n params.loan_id = this.loanID;\n\n if(this.addActivityForm?.controls?.phone_number?.value!='other'){\n delete params?.other_phone;\n params.phone_slug=params?.phone_number?.slug;\n params.phone_title=params?.phone_number?.title;\n params.phone_number=params?.phone_number?.number;\n }\n if(this.addActivityForm?.controls?.phone_number?.value=='other'){\n params.phone_number= params?.other_phone;\n params.phone_title='Other';\n params.phone_slug='other';\n delete params?.other_phone;\n }\n this.errormsg='';\n\n this.httpService.post(PathConfig.LOAN_ACTIVITY_NOTES, params).subscribe(\n (response: any) => {\n this.msgService.showSuccess(response?.message);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACTIVITY);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA);\n\n this.modalService.dismissAll();\n this.addActivityFormSubmit = false;\n this.errormsg='';\n this.isPastDate=false;\n this.isButtonDisable=false;\n },\n (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.modalService.dismissAll();\n this.addActivityFormSubmit = false;\n }\n );\n\n /******************** */\n }\n else{\n this.msgService.showError(res?.message);\n }\n this.submitted = false;\n this.isDirty = false;\n this.form.reset();\n },\n error : (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n }\n });\n\n }\n\n // else\n // {\n // this.isAmountZero=true;\n // // this.isPastDate=true;\n // this.isButtonDisable=true;\n // if((this.selectedDate=='' && this.addActivityForm.controls.ptp_amount.value!='')||(this.selectedDate==null && this.addActivityForm.controls.ptp_amount.value!=''))\n\n // this.errormsg=\"PTP Date cannot be blank if there is a PTP Amount.\";\n // if(this.selectedDate!='' && this.addActivityForm.controls.ptp_amount.value=='')\n // this.errormsg=\"PTP amount cannot be zero or blank if there is a PTP Date.\";\n\n // }\n // }\n }\n\n futureDateCheck(e?:Date){\n if(e){\n this.selectedDate=this.addActivityForm.controls.ptp_date.value;\n let amt=this.curamt;\n\n if((this.addActivityForm.controls.ptp_date.value!='' && this.addActivityForm.controls.ptp_date.value!=undefined && \n this.addActivityForm.controls.ptp_date.value!=null)){\n\n let cDate = moment(new Date()).format(\"YYYY-MM-DD\");\n let sDate = moment(e).format(\"YYYY-MM-DD\")\n\n if(sDate>cDate){\n this.isPastDate=false;\n this.errormsg=this.errormsg=='PTP Date cannot be blank if there is a PTP Amount.'?'':this.errormsg;\n this.errormsg=(amt==0 ||amt=='' ||amt==undefined)?'PTP amount cannot be zero or blank if there is a PTP Date.':'';\n\n this.isButtonDisable=this.errormsg!=''?true:false;\n }\n else{\n this.isPastDate=true;\n this.errormsg=(amt==''||amt==undefined || amt==0)?'PTP amount cannot be zero or blank if there is a PTP Date.':'';\n this.dateerrormsg=\"\";\n this.isButtonDisable=true;\n }\n\n }\n\n if((this.addActivityForm.controls.ptp_date.value=='' || this.addActivityForm.controls.ptp_date.value==undefined || \n this.addActivityForm.controls.ptp_date.value==null)&&(amt=='' || amt==undefined || amt==null)){\n\n this.errormsg='';\n this.isPastDate=false;\n this.isButtonDisable=false;\n }\n if((this.addActivityForm.controls.ptp_date.value=='' || this.addActivityForm.controls.ptp_date.value==undefined || \n this.addActivityForm.controls.ptp_date.value==null)&&(amt!='' && amt!=undefined && amt!=null)){\n this.isPastDate=false;\n this.errormsg='PTP Date cannot be blank if there is a PTP Amount.';\n this.isButtonDisable=this.errormsg!=''?true:false;\n }\n }\n else{\n this.errormsg='';\n this.isButtonDisable=false;\n }\n let amt=this.addActivityForm.controls.ptp_amount.value;\n this.getAmount(amt,2);\n }\n\n otherPhoneNumber(){\n if(this.addActivityForm?.controls?.phone_number?.value=='other'){\n this.addActivityForm?.controls?.other_phone?.setValidators([Validators.required, ValidateUSPhone]);\n }\n else{\n this.addActivityForm?.controls?.other_phone?.clearValidators();\n // this.addActivityForm.controls.other_phone.value='';\n }\n this.addActivityForm?.controls?.other_phone?.updateValueAndValidity();\n }\n\n}\n\n\n\n","\n \n ×\n \n
\n Manual Charge Off
\n\n
\n \n \n
\n \n
\n \n
\n \n
\n \n Click submit to manually charge off the loan.\n
\n \n \n \n \n Field Name \n Before \n After \n \n \n \n \n Status \n \n {{ manualChargeOffPreview?.before?.status }}\n \n \n ![](\"assets/images/icons/arrow2-light.png\"/)
\n \n \n {{ manualChargeOffPreview?.after?.status }}\n \n \n\n \n Sub-Status \n {{ manualChargeOffPreview?.before?.sub_status }} \n \n \n \n {{ manualChargeOffPreview?.after?.sub_status }}\n \n \n\n \n Charge-Off Date \n {{ \"-\" }} \n \n \n \n {{ afterManualChargeOffDate | date : DATE_FORMAT_MMDDYYYY }}\n \n \n\n \n Charge-Off Amount \n {{ manualChargeOffPreview?.before?.chargeOfAmmount ?? '0.00' | currency }} \n \n \n \n {{ manualChargeOffPreview?.after?.chargeOfAmmount | currency }}\n \n \n \n \n
\n \n \n \n \n \n \n
\n \n
\n\n\n\n\n\n\n\n\n\n\n \n
\n\n \n
\n\n\n \n
\n ' +\n 'Principal Balance : $' + value?.series[0][value?.dataPointIndex] + '
' +\n 'Collateral Value : $' + value?.series[1][value?.dataPointIndex] + '
' +\n 'Date : ' + moment(yearMonths[value?.dataPointIndex]).format('MMM YYYY') + '
' +\n '
';\n }\n else {\n return '';\n }\n }\n },\n grid: {\n show: true,\n borderColor: '#90A4AE',\n xaxis: {\n lines: {\n show: true,\n },\n },\n yaxis: {\n lines: {\n show: true,\n },\n },\n },\n xaxis: {\n tickAmount: Math.round(loanPrincArr.length / 12) - 1,\n type: 'numeric',\n title: {\n text: 'Years',\n },\n labels: {\n rotate: 0,\n formatter: function (value: string) {\n return _.indexOf(xaxisLables, moment(value).format('YYYY'));\n // return value;\n }\n }, tooltip: {\n enabled: false,\n }\n },\n legend: {\n position: 'top',\n horizontalAlign: 'center',\n floating: false,\n offsetY: 15,\n offsetX: -5,\n labels: {\n colors: this.theme == 'dark' ? ConstantConfig.chartBgColor.dark: ConstantConfig.chartBgColor.light,\n useSeriesColors: false,\n },\n markers: {\n radius: 2,\n height: 2,\n width: 15,\n }\n },\n theme: {\n mode: this.theme == 'dark' ? 'dark' : 'light',\n },\n };\n this.ltvChartLoading = false;\n }\n\n goBack(): void {\n const clientId = this.userService.getClientId();\n const queryParams = {\n qtype: this.queueType,\n sortby: this.sortBy,\n orderby: this.orderBy,\n limit: this.pageLimit,\n page: this.currentPage,\n account_work_activity_priority_status: this.pri ?? '',\n user_id: this.selecteduser,\n loan_status: this.selectedMainStatus ?? '',\n loan_sub_status_label: this.selected_sub_status ?? ''\n };\n\n this.route.navigate([`${clientId}/home/servicing/queues/assigned`], { queryParams });\n // let clientId = this.userService.getClientId();\n // this.route.routeReuseStrategy.shouldReuseRoute = () => false;\n // const currentUrl = clientId + '/home/servicing/queues/assigned?qtype=' + this.queueType + 'assigned_to&sortby='+ this.sortBy +'&orderby=' + this.orderBy + '&limit=' + this.pageLimit + '&page=' + this.currentPage + `&account_work_activity_priority_status=${this.pri??''}&user_id=${this.selecteduser}&loan_status=${this.selectedMainStatus??''}&loan_sub_status_label=${this.selected_sub_status??''}&portfolio_id=${this.selectedPortfolio}` ;\n // this.route.navigateByUrl(currentUrl).then(() => {\n // this.route.navigated = false;\n // this.route.navigate([clientId + '/home/servicing/queues/assigned'],{queryParams: { qtype: this.queueType , sortby: this.sortBy ,orderby: this.orderBy,limit: this.pageLimit,page :this.currentPage}, queryParamsHandling: \"merge\" });\n // });\n\n }\n validateRoute(route: string) {\n let currentRoutes = window.location.pathname.split('/');\n return currentRoutes[currentRoutes.length - 1] === route;\n }\n\n /**\n * On New Activity Submit\n */\n onActivitySubmit() {\n if (this.addActivityForm.valid && !this.addActivityFormSubmit) {\n this.addActivityFormSubmit = true;\n const params = this.addActivityForm.value;\n params.loan_id = this.loanID;\n\n this.httpService.post(PathConfig.LOAN_ACTIVITY_NOTES, params).subscribe(\n (response: any) => {\n this.msgService.showSuccess(response?.message);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACTIVITY);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA);\n this.modalService.dismissAll();\n this.addActivityFormSubmit = false;\n\n //reload Activity Notes\n if (this.selectedChart === 'act')\n this.getActivity();\n },\n (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.modalService.dismissAll();\n this.addActivityFormSubmit = false;\n }\n );\n }\n }\n\n /**\n * Get Preferedd Number Info\n * @param fieldName\n * @returns\n */\n getPreferredNo(fieldName: string) {\n const field = this.loanDetail ? this.loanDetail[fieldName] : '';\n let prefferdNum = '';\n if (field) {\n if (field.preferred_phone == 'MOBILE') {\n prefferdNum = field.mobile_phone;\n } else if (field.preferred_phone == 'HOME') {\n prefferdNum = field.home_phone;\n } else if (field.preferred_phone == 'WORK') {\n prefferdNum = field.work_phone;\n }\n }\n return prefferdNum;\n }\n\n /**\n * Next / prev button functionality for Activity Notes\n * @param type\n */\n\n goToActivity(type: string) {\n\n switch (type) {\n case 'NEXT':\n this.activityPageCnter++;\n break;\n case 'PREV':\n this.activityPageCnter--;\n break;\n }\n this.getActivityByPagination(this.activityPageCnter);\n }\n\n /**\n * Get Activity By Limit And Pagination\n * @param activityPageCnter\n */\n getActivityByPagination(page: number) {\n\n this.httpService\n .get(\n `${PathConfig.LOAN_ACTIVITY_NOTES}?loan_id=${this.loanID}&limit=1&sort_by=activity_at&sort_order=desc&page=${page}`\n ,true)\n .subscribe((item) => {\n\n this.currentActivity = item?.data?.length > 0 ? item?.data[0] : null;\n\n this.activityTotalSize = item?.pagination ? item?.pagination?.total : 0;\n });\n }\n getAgentName(): string {\n if (this.currentActivity && this.currentActivity?.activity_note_agent) {\n return this.toTitleCase(`${this.currentActivity.activity_note_agent?.firstname} ${this.currentActivity?.activity_note_agent?.lastname}`);\n } else if (this.currentActivity && this.currentActivity?.activity_note_agent_id) {\n return this.currentActivity.activity_note_agent_id;\n } else {\n return 'System';\n }\n }\n // Truncated note display logic\n get truncatedNote(): string {\n const note = this.currentActivity?.note || '';\n if (this.showFullNote) {\n return note; // Show the full note if toggled\n } else {\n return note.length > 200 ? note.substring(0, 200) + '...' : note; // Truncate if more than 200 chars\n }\n }\n\n // On clicking \"see more\", toggle the full note display\n toggleNoteDisplay(): void {\n this.showFullNote = !this.showFullNote; // Toggle between full and truncated\n }\n toTitleCase(str: string): string {\n return str.replace(\n /\\w\\S*/g,\n function(txt) {\n return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();\n }\n );\n }\n\n\n /**\n * Create Activity Chart\n * @param data\n * @param duration\n */\n createActivityChart(data: Array' +\n 'Collateral Value : $' + value?.series[1][value?.dataPointIndex] + '
' +\n 'Date : ' + moment(yearMonths[value?.dataPointIndex]).format('MMM YYYY') + '
' +\n '
![](\"../assets/images/chart-icons/promise_to_pay.svg\"){kind=icon}
';\n });\n break;\n case 'PROMISED_TO_PAY':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[0]?.img);\n legend_img.push(\n function () {\n return '';\n });\n break;\n\n case 'PAYMENT_RECEIVED':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[1]?.img);\n legend_img.push(\n function () {\n return '![](\"../assets/images/chart-icons/payment_received.svg\"){kind=icon}
';\n });\n break;\n\n case 'BPTP':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[9]?.img);\n legend_img.push(\n function () {\n return '![](\"../assets/images/chart-icons/b_icon.svg\"){kind=icon}
';\n });\n break;\n\n case 'INBOUND_CALL_NRPC':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[3]?.img);\n legend_img.push(\n function () {\n return '![](\"../assets/images/chart-icons/inbound_nrpc_yellow.svg\"){kind=icon}
';\n });\n break;\n\n case 'INBOUND_CALL_RPC':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[4]?.img);\n legend_img.push(\n function () {\n return '![](\"../assets/images/chart-icons/inbound_nrpc_green.svg\"){kind=icon}
';\n });\n break;\n\n case 'OUTBOUND_CALL_NRPC':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[7]?.img);\n legend_img.push(\n function () {\n return '![](\"../assets/images/chart-icons/outbound_nrpc_yellow.svg\"){kind=icon}
';\n });\n break;\n\n case 'OUTBOUND_CALL_RPC':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[6]?.img);\n legend_img.push(\n function () {\n return '![](\"../assets/images/chart-icons/outbound_nrpc_green.svg\"){kind=icon}
';\n });\n break;\n\n case 'INBOUND_TEXT':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[5]?.img);\n legend_img.push(\n function () {\n return '![](\"../assets/images/chart-icons/inbound_nrpc_purple.svg\"){kind=icon}
';\n });\n break;\n\n case 'OUTBOUND_TEXT':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[2]?.img);\n legend_img.push(\n function () {\n return '![](\"../assets/images/chart-icons/outbound_nrpc_purple.svg\"){kind=icon}
';\n });\n break;\n\n case 'SPTP':\n selected_colorArr[i] = this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(ConstantConfig.ACTIVITY_TYPES_IMG[35]?.img);\n legend_img.push(\n function () {\n return '![](\"../assets/images/chart-icons/s_icon.svg\"){kind=icon}
';\n });\n break;\n\n default:\n selected_colorArr[i]= this.theme == 'dark' ? '#1B1B1B' : '#ffffff';\n chartImg?.push(this.generateSvg(chartdata[i]?.hexCode));\n legend_img.push(\n ():any => {\n \n return `![](\"https://freesvg.org/img/Simple-Water-Icon.png\"){kind=icon}
';\n // },\n // function () {\n // return '';\n // }\n // ],\n size: 10,\n strokeWidth: 0,\n // fillOpacity: 1,\n // strokeColors: selected_colorArr,\n colors: selected_colorArr\n // ['#00B050','#3489D8','#FF0000','#FF5B5B','#FFFF00','#0899EC','#E4CAF7','#FFC000','#00B050','#A90D99','#F6D673','#01E768','#D8C2E8'],\n },\n theme: {\n mode: this.theme == 'dark' ? 'dark' : 'light',\n },\n tooltip: {\n custom: function(value: any, timestamp: any, dataPointIndex:any) {\n let id =chartdata[value?.seriesIndex].data[value?.dataPointIndex][2]??'';\n let data = act_data?.find((item: any)=> item?.id == id);\n\n let agent_firstname=data?.activity_note_agent?.firstname??'System';\n let agent_lastname=data?.activity_note_agent?.lastname??'';\n let note=data?.note?.length < 100 ? data?.note : data?.note?.substring(0,100)+' ......';\n note = note? note:'';\n let note_type = data?.activity_type==='Payment Received' || null? 'Note' : 'Activity Note';\n let d = moment(moment.tz(data?.activity_at,ConstantConfig.SERVER_TIMEZONE))?.local()?.format(\"MM/DD/YYYY hh:mm:ss A\") ??'';\n let ed = moment(data?.payment_effective_date)?.format(\"MM/DD/YYYY\") ??'';\n\n if (ed && data?.activity_type === 'Payment Received') {\n\n return 'Type: ' + data?.activity_type + '
' +\n '' + note_type + ': ' + note + '
' +\n 'Agent: ' + agent_firstname + \" \" + agent_lastname\n + '
' +\n 'Date: ' + d + '
' + 'Effective Date: ' + ed + '
' +\n '
';\n }\n else {\n\n return '' +\n '' + note_type + ': ' + note + '
' +\n 'Agent: ' + agent_firstname + \" \" + agent_lastname\n + '
' +\n 'Date: ' + d + '
' + 'Effective Date: ' + ed + '
' +\n '
Type: ' + data?.activity_type + '
' +\n '' + note_type + ': ' + note + '
' +\n 'Agent: ' + agent_firstname + \" \" + agent_lastname\n + '
' +\n 'Date: ' + d + '
' +\n '
';\n }\n }\n },\n fill: {\n type: 'image',\n opacity: 100,\n image: {\n width: 20,\n height: 20,\n src: chartImg,\n },\n\n },\n legend: {\n position: 'bottom', // Keeps legend below the chart\n floating: false, // Ensures it does not overlap\n scrollable: true, // Enables scrolling when there are too many legends\n height: 'auto', // Allow legend to expand dynamically\n showForSingleSeries: show_legends,\n fontSize: '14px', // Increase font size\n labels: {\n useSeriesColors: false,\n },\n offsetY: 9, // Increase offset\n markers: {\n offsetY: -1, // Increase offset\n // width: 5,\n offsetX: -5,\n fillColors: selected_colorArr,\n // ['#00B050','#3489D8','#FF0000','#FF5B5B','#FFFF00','#0899EC','#E4CAF7','#FFC000','#00B050','#A90D99','#F6D673','#01E768','#D8C2E8'],\n // customHTML: [\n // function() {\n // return '' +\n '' + note_type + ': ' + note + '
' +\n 'Agent: ' + agent_firstname + \" \" + agent_lastname\n + '
' +\n 'Date: ' + d + '
' +\n '
![](\"https://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Visual_Studio_Code_Insiders_1.36_icon.svg/256px-Visual_Studio_Code_Insiders_1.36_icon.svg.png\"){kind=icon}
';\n // }, function() {\n // return '';\n // }\n // ]\n customHTML: legend_img,\n },\n itemMargin: {\n horizontal: 15, // Increases spacing between legends\n vertical: 6,\n }, \n },\n dataLabels: { \n enabled: false\n },\n grid: {\n borderColor: this.theme == 'dark' ? ConstantConfig.chartBgColor.dark: ConstantConfig.chartBgColor.light,\n padding: {\n bottom: 2, // Adds extra spacing between chart and legend\n }\n }\n }\n\n\n //show chart when data is available\n this.isActivityChartRender = true;\n }\n\n //create AVG chart\n createAvgRatingChart(percentage: number = 0) {\n this.avgChartOptions = {\n series: [percentage],\n chart: {\n type: 'radialBar',\n offsetY: -20,\n sparkline: {\n enabled: true,\n },\n background: 'transparent'\n },\n plotOptions: {\n radialBar: {\n startAngle: -90,\n endAngle: 90,\n track: {\n background: '#F2F2F2',\n strokeWidth: '97%',\n margin: 5, // margin is in pixels\n dropShadow: {\n enabled: true,\n top: 2,\n left: 0,\n color: '#999',\n opacity: 1,\n blur: 2,\n },\n },\n dataLabels: {\n name: {\n show: false,\n },\n value: {\n offsetY: -2,\n fontSize: '22px',\n },\n },\n },\n },\n grid: {\n borderColor: this.theme == 'dark' ? ConstantConfig.chartBgColor.dark: ConstantConfig.chartBgColor.light,\n padding: {\n top: -10,\n },\n },\n fill: {\n type: 'solid',\n colors: ['#FFD966'],\n },\n labels: [''],\n theme: {\n mode: this.theme == 'dark' ? 'dark' : 'light',\n },\n };\n this.isAvgChartRenderd = true;\n }\n\n /**\n * On Activity Days Dropdown selected\n * @param $e\n */\n onActivityGraphDDSelected($e: any) {\n const duration = $e.target.value;\n this.activityChartDurInDays = duration;\n this.isActivityChartRender = false;\n this.createActivityChart(this.activityList, duration);\n }\n\n // get loan detail\n getLTVChartData(id: Number) {\n const url = `${PathConfig.LTV_CHART}?loan_id=${id}`;\n this.ltvChartLoading = true;\n\n this.httpService.get(url,true).subscribe((res) => {\n\n this.initCharts(res);\n });\n }\n\n /***\n * Get Queues Loan List\n */\n\n nextLoanIDCnter:number = 1;\n nextLoanTotalSize:number = 1;\n nextLoanDetail!:LoanDetail;\n flag:number = 0;\n collateral_type:any = ConstantConfig.COLLATERAL_TYPE;\n getQueuesLoanList(calledOn:string = ''){\n this.activityPageCnter=1;\n const id = this.nextLoanId;\n this.loanID=id;\n const clientId = this.userService.getClientId();\n let url = `/home/servicing/queues-detail/${id}`;\n this.route.navigate([clientId + url], { queryParams: { qtype: this.queueType }, queryParamsHandling: \"merge\" });\n // this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACTIVITY);\n\n const routeEvents = this.broadCastService\n .on(MsgConstantConfig.REFRESH_ACTIVITY)\n .subscribe((label: any) => {\n });\n this.eventSubscription.push(routeEvents);\n this.getNextLoanId(this.loanID);\n }\n\n convertLocalTimeZone(d:any)\n {\n if(d==''||d==null){return null}\n var testDateUtc = moment.tz(d,ConstantConfig.SERVER_TIMEZONE);\n return moment(testDateUtc).local().format(\"MM/DD/YYYY hh:mm:ss A\");\n }\n\n loadingBarStarter() {\n if (this.isComponentDestroyed) {\n //loadingBarStarter prevented due to component destroy'\n return;\n }\n \n if (this.loanInProgressStatus === true) {\n this.showLoanInProgressDialog();\n setTimeout(() => {\n if (!this.isComponentDestroyed) {\n this.checkLoanProgressStatus();\n }\n }, 10000);\n }\n }\n\n showLoanInProgressDialog() {\n let showNext = true;\n const clientId = this.userService.getClientId();\n const modalRef = this.modalService.open(LoanInProgressModalComponent, { ariaLabelledBy: 'modal-basic-title', centered: true, size: 'sm', keyboard: false, backdrop: 'static' });\n modalRef.componentInstance.refreshUrl = this.route.url;\n modalRef.componentInstance.queuesUrl = clientId + '/home/servicing/queues/assigned';\n if (this.is_next_Disable) {\n showNext = false;\n }\n else{\n // console.log(\"this.next_loan_key\", this.nextLoanId);\n const id = this.nextLoanId;\n let url = `/home/servicing/queues-detail/${id}`;\n const nextUrl = clientId + url;\n modalRef.componentInstance.nextUrl = nextUrl;\n }\n modalRef.componentInstance.showNext = showNext;\n\n modalRef.result.then((userResponse) => {\n if (userResponse) {\n }\n });\n }\n\n checkLoanProgressStatus() {\n this.loaderService.hideLoader();\n const url = `${PathConfig.LOANS}/${this.loanID}?sort_by=${this.sortBy}&sort_order=${this.orderBy}&limit=${this.pageLimit}&${this.queueType}=1&page=${this.currentPage}`;\n \n this.httpService.get(url, true)\n .pipe(takeUntil(this.destroy$)) // Stops API when destroyed\n .subscribe((response) => {\n if(response){\n this.loaderService.hideLoader();\n this.loanInProgressStatus = response?.processing_status === 'IN_PROGRESS' ? true : false;\n if (this.loanInProgressStatus) {\n setTimeout(() => {\n if (!this.destroy$.isStopped) {\n this.checkLoanProgressStatus();\n }\n }, 5000);\n }\n else {\n //this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN_IN_PROGRESS_POP_UP,this.loanInProgressStatus);\n this.getLoanDetailByID(this.loanID);\n setTimeout(()=> this.modalService.dismissAll(),1000);\n }\n }\n }, (err) => {\n this.msgService.showError(err.error.message);\n }\n )\n }\n\n // get pmt chart detail\n getPmtChartData(id: Number) {\n const url = `${PathConfig.PMTS_CHART}?loan_id=${id}`;\n this.httpService.get(url,true).subscribe((res) => {\n let colorArr = [];\n this.isActivityChartRender= true;\n // const xaxisLables = _.keys(_.groupBy(res.gap, 'date'));\n\n // create chart config\n // this.activityChartOptions = {\n // series: [\n // {\n // name: res?.legend?.PMT,\n // data: _.values(res.pmt).map((x)=>x.value.toFixed(2)),\n // },\n // {\n // name: res?.legend?.LIQ,\n // data: _.values(res.liq).map((x)=>x.value.toFixed(2)),\n // },\n // {\n // name: res?.legend?.INS,\n // data: _.values(res.ins).map((x)=>x.value.toFixed(2)),\n // },\n // {\n // name: res?.legend?.WNTY,\n // data: _.values(res.wnty).map((x)=>x.value.toFixed(2)),\n // },\n // {\n // name: res?.legend?.GAP,\n // data: _.values(res.gap).map((x)=>x.value.toFixed(2)),\n // },\n // {\n // name: res?.legend?.OTHER,\n // data: _.values(res.other).map((x)=>x.value.toFixed(2)),\n // }],\n const xaxisLables = res?.series || [];\n const chartData = res?.data || [];\n for(let i = 0;iType: ' +data?.activity_type + '
' +\n // 'Activity Note: ' + note + '
' +\n // 'Agent : ' +agent_firstname +\" \"+agent_lastname\n // + '
' +\n // 'Date: ' + d + '
' +\n // '
';\n // }\n // },\n // fill: {\n // type: 'image',\n // opacity: 1,\n // image: {\n // src: chartImg,\n // width: 20,\n // height: 20,\n // },\n // },\n legend: {\n showForSingleSeries: true,\n\n labels: {\n useSeriesColors: false,\n },\n markers: {\n fillColors: colorArr,\n // customHTML: [\n // function() {\n // return '' +\n // 'Activity Note: ' + note + '
' +\n // 'Agent : ' +agent_firstname +\" \"+agent_lastname\n // + '
' +\n // 'Date: ' + d + '
' +\n // '
';\n // }, function() {\n // return '';\n // }\n // ]\n },\n // fill: {\n // opacity: 1\n // }\n },\n grid: {\n borderColor: this.theme == 'dark' ? ConstantConfig.chartBgColor.dark: ConstantConfig.chartBgColor.light,\n }\n\n };\n //show chart when data is available\n this.isActivityChartRender = true\n });\n }\n\n // get bucket chart detail\n getBucketChartData(id: Number) {\n const url = `${PathConfig.BUCKET_CHART}?loan_id=${id}`;\n this.httpService.get(url,true).subscribe((res) => {\n this.isActivityChartRender= true;\n // const xaxisLables = _.keys(_.groupBy(res.active_dq_bucket, 'date'));\n let colorArr = [];\n const xaxisLables = res?.series || [];\n const chartData = res?.data || [];\n let max_number = [];\n let min_number = [];\n // let chart_data_clone= _.cloneDeep(chartData)??[];\n\n for (let i = 0; i < chartData?.length; i++) {\n switch (chartData[i]?.slug) {\n case 'active_dq_bucket':\n // for(let j = 0; j\n
\n\n
\n\n
\n\n\n
\n \n \n\n
\n \n {{ clientInfo.name | titlecase }} 25\">{{ clientInfo.name | titlecase | slice:0:25 }}...\n
\n \n \n \n {{ loanDetail?.source_company | titlecase }}\n 25\">{{ loanDetail?.source_company |titlecase |slice:0:25 }}...\n \n
\n \n
\n \n \n ![\"\"](\"../assets/images/icons-copy.png\" "\\"{{'copy'|translate}}\\"")
\n {{'Loan ID'| translate}}\n \n \n
\n \n {{'Loan ID'| translate}}\n \n {{ loanDetail?.loan_id }}\n 25\" >{{ loanDetail?.loan_id |slice:0:25 }}...\n \n
\n \n \n
\n \n \n {{loanDetail?.status ? loanDetail?.status.replace('-', ' ') : '' }}\n {{(loanDetail?.sub_status_label=='' || loanDetail?.sub_status_label==null)?'':'-' }}\n {{(loanDetail?.sub_status_label || '') }}\n \n \n 15\">\n {{loanDetail?.status ? loanDetail?.status.replace('-', ' ') : '' }}\n {{(loanDetail?.sub_status_label=='' || loanDetail?.sub_status_label==null)?'':'-' }}\n {{(loanDetail?.sub_status_label || '') }} \n 15\" >{{ ((loanDetail?.sub_status_label| slice:0:15) || '') }}... \n \n \n
\n \n
\n \n {{ loanDetail?.applicant?.firstname | titlecase }}\n {{ loanDetail?.applicant?.middlename | titlecase }}\n {{ loanDetail?.applicant?.lastname | titlecase }}\n {{ loanDetail?.applicant?.suffix_display }}\n \n 25 \" title=\"{{ [loanDetail?.applicant?.firstname,loanDetail?.applicant?.middlename,loanDetail?.applicant?.lastname].join(' ') | titlecase }}\" >{{ [loanDetail?.applicant?.firstname,loanDetail?.applicant?.middlename,loanDetail?.applicant?.lastname].join(' ') | titlecase |slice:0:25 }}...\n
\n \n {{ loanDetail?.co_applicant?.firstname | titlecase }}\n {{ loanDetail?.co_applicant?.middlename | titlecase }}\n {{ loanDetail?.co_applicant?.lastname | titlecase }} \n {{ loanDetail?.co_applicant?.suffix_display}} \n \n 25\" title=\"{{ [loanDetail?.co_applicant?.firstname,loanDetail?.co_applicant?.middlename,loanDetail?.co_applicant?.lastname].join(' ')|titlecase }}\">{{ [loanDetail?.co_applicant?.firstname,loanDetail?.co_applicant?.middlename,loanDetail?.co_applicant?.lastname].join(' ')|titlecase |slice:0:25}} ...\n
\n \n
\n \n {{ getPreferredNo(\"applicant\") | mask: US_PHONE_MASKING }}\n
\n \n {{ getPreferredNo(\"co_applicant\") | mask: US_PHONE_MASKING }}\n
\n \n
\n \n \n {{ [loanDetail?.assignee?.firstname,loanDetail?.assignee?.lastname].join(' ') |titlecase }}\n 25 \" title=\"{{[loanDetail?.assignee?.firstname,loanDetail?.assignee?.lastname].join(' ') |titlecase }}\">{{ [loanDetail?.assignee?.firstname,loanDetail?.assignee?.lastname].join(' ')|titlecase|slice:0:25 }}...\n
\n \n \n {{ loanDetail?.routed?.firstname | titlecase }} {{ loanDetail?.routed?.lastname| titlecase }}\n 25\" title=\"{{ [loanDetail?.routed?.firstname,loanDetail?.routed?.lastname].join(' ') |titlecase }}\">{{ [loanDetail?.routed?.firstname,loanDetail?.routed?.lastname].join(' ')|titlecase | slice:0:25 }}...\n\n
\n \n \n
\n\n\n\n
\n \n
\n \n \n \n \n {{'Loan Details'| translate}} \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{'Best Time to Call'|translate}} \n \n \n \n
\n \n \n \n
\n \n \n\n\n\n\n\n\n \n \n {{'Loan History'|translate}} \n \n \n \n \n \n {{'Loan Activity'|translate}} \n \n \n \n \n \n {{'Routing'|translate}} \n \n \n \n \n \n {{'Agents Assigned'|translate}} \n \n \n \n \n \n
\n \n \n \n {{'Work Screens'|translate}}\n
\n \n \n {{'Work Screens'|translate}}\n \n \n \n
\n ![\"\"](\"../assets/images/icons/prev-circle-dark.png\"){kind=icon}
\n ![\"\"](\"../assets/images/icons/prev-circle.png\"){kind=icon}
\n {{'Queue'|translate}}\n ![\"\"](\"../assets/images/icons/next-circle-dark.png\"){kind=icon}
\n ![\"\"](\"../assets/images/icons/next-circle.png\"){kind=icon}
\n \n
\n \n {{'Next Action'|translate}}\n
\n \n \n
\n {{'Loan Type'| translate}}
\n \n {{ loanDetail?.loan_type }}\n
\n \n
\n {{'Collateral Type'| translate}}
\n \n \n {{collateral_type[(loanDetail?.collateral?.collateral_type || \"\")] || ''}}\n
\n \n
\n {{'Portfolio Name'| translate}}
\n \n {{ loanDetail?.portfolio_name }}\n
\n \n
\n {{'Status Code' | translate}}
\n {{loanDetail?.status?.toUpperCase().substr(0,1)||''}}{{loanDetail?.dq_bucket || \"0\"}}{{loanDetail?.sub_status|| ''}}
\n \n
\n \n
\n {{'Status / Last Update' | translate}}
\n \n
\n {{ loanDetail?.status ? loanDetail?.status.replace('-', ' ') : '' }}
\n {{ loanDetail?.status_last_update_date | date: DATE_FORMAT_MMDDYYYY }}
\n \n
\n {{ (loanDetail?.sub_status_label|| '') }}
\n \n {{loanDetail?.sub_status_last_update_date | date: DATE_FORMAT_MMDDYYYY}}\n
\n \n
\n \n\n
\n \n {{\n isAssestRecoverySection\n ? (CollectiveGradePermistion==true?('Collectability Grade'|translate):'')\n :(RiskGradePermistion==true? ('Risk Grade'|translate) :'')\n }}\n
\n \n {{\n isAssestRecoverySection\n ? (CollectiveGradePermistion==true?loanDetail?.risk_grade_pbar:'')\n :(RiskGradePermistion==true?loanDetail?.risk_grade:'')\n }}\n
\n \n \n {{'Principal Balance at Risk'|translate}}\n
\n {{\n (loanDetail?.principle_balance_at_risk || 0) | currency\n }}\n \n
\n \n
\n \n \n \n \n \n \n \n \n
\n \n {{'Prin Balance'|translate}}\n
\n \n \n {{'Net Balance at Risk'|translate}}\n
\n {{\n loanDetail?.net_balance_at_risk | currency\n }}\n \n
\n \n
\n \n \n \n \n \n \n \n \n
\n \n {{'Net Balance'|translate}}\n
\n \n ![](\"../assets/images/scorecard/side-bar-1.png\")
\n
\n \n \n \n {{'Current LTV'|translate}}\n
\n {{ loanDetail?.current_ltv ??'0.00' }}%\n \n
\n \n ![](\"../assets/images/scorecard/side-bar-2.png\")
\n
\n \n \n \n \n \n \n \n \n \n
\n | {{'Applicant'|translate}} | \n{{'Morning'|translate}} | \n{{'Afternoon'|translate}} | \n{{'Evening'|translate}} | \n \n \n
|---|---|---|---|
| {{'Mobile'|translate}} | \n{{loanDetail?.best_time_to_call?.applicant?.mobile?.M||0}}% | \n{{loanDetail?.best_time_to_call?.applicant?.mobile?.A||0}}% | \n{{loanDetail?.best_time_to_call?.applicant?.mobile?.E||0}}% | \n
| {{'Home'|translate}} | \n{{loanDetail?.best_time_to_call?.applicant?.home?.M||0}}% | \n{{loanDetail?.best_time_to_call?.applicant?.home?.A||0}}% | \n{{loanDetail?.best_time_to_call?.applicant?.home?.E||0}}% | \n
| {{'Work'|translate}} | \n{{loanDetail?.best_time_to_call?.applicant?.work?.M||0}}% | \n{{loanDetail?.best_time_to_call?.applicant?.work?.A||0}}% | \n{{loanDetail?.best_time_to_call?.applicant?.work?.E||0}}% | \n
| {{'Co-Applicant'|translate}} | \n{{'Morning'|translate}} | \n{{'Afternoon'|translate}} | \n{{'Evening'|translate}} | \n \n \n
|---|---|---|---|
| {{'Mobile'|translate}} | \n{{loanDetail?.best_time_to_call?.coapplicant?.mobile?.M||0}}% | \n{{loanDetail?.best_time_to_call?.coapplicant?.mobile?.A||0}}% | \n{{loanDetail?.best_time_to_call?.coapplicant?.mobile?.E||0}}% | \n
| {{'Home'|translate}} | \n{{loanDetail?.best_time_to_call?.coapplicant?.home?.M||0}}% | \n{{loanDetail?.best_time_to_call?.coapplicant?.home?.A||0}}% | \n{{loanDetail?.best_time_to_call?.coapplicant?.home?.E||0}}% | \n\n
| {{'Work'|translate}} | \n{{loanDetail?.best_time_to_call?.coapplicant?.work?.M||0}}% | \n{{loanDetail?.best_time_to_call?.coapplicant?.work?.A||0}}% | \n{{loanDetail?.best_time_to_call?.coapplicant?.work?.E||0}}% | \n\n
\n
\n {{'Contract Date'|translate}}
\n \n {{ loanDetail?.contract_date | date: DATE_FORMAT_MMDDYYYY }}\n
\n \n
\n {{'Origination Date'|translate}}
\n \n {{ loanDetail?.origination_date | date: DATE_FORMAT_MMDDYYYY }}\n
\n \n
\n {{'Billing Date'|translate}}
\n \n {{ loanDetail?.billing_date | date: DATE_FORMAT_MMDDYYYY }}\n
\n \n
\n {{'Due Date'|translate}}
\n \n {{ loanDetail?.current_due_date | date: DATE_FORMAT_MMDDYYYY }}\n
\n \n
\n {{'Days Past Due'|translate}}
\n {{ loanDetail?.past_due }}
\n \n
\n \n {{ (isAssestRecoverySection ? 'Collectability Bucket' : 'Delinquency Bucket')|translate}}\n
\n {{ loanDetail?.dq_bucket }}
\n \n\n
\n {{'Amount Due'|translate}}
\n\n {{ ( loanDetail?.current_amount_due || \"0.00\") | currency}}
\n\n\n\n \n
\n {{'Total Amount Due'|translate}}
\n \n\n {{ ((loanDetail?.payment_info_total_amount_due )|| \"0.00\") | currency}}\n\n\n
\n \n
\n\n {{'Compliance State'|translate}}
\n {{ loanDetail?.communications_limit_state }}
\n \n
\n \n
\n {{'Last Notification'|translate}}
\n \n
\n \n {{loanDetail?.latest_notification?.notification==null?\n (loanDetail?.latest_notification?.email_subject_1):(loanDetail?.latest_notification?.notification?.name)}}\n
\n \n
\n {{'Last Notif Date'|translate}}
\n {{(convertLocalTimeZone(loanDetail?.latest_notification?.created_at))| date: DATE_FORMAT_MMDDYYYY||''}}
\n \n
\n {{'Last RPC Date'|translate}}
\n {{(convertLocalTimeZone(loanDetail?.last_rpc_date))| date: DATE_FORMAT_MMDDYYYY||''}}
\n \n
\n\n\n\n {{'Cash Position'|translate}}
\n \n {{ ((( this.loanDetail?.account_current_principal_paid || 0 )+( this.loanDetail?.account_current_interest_paid || 0 )+(current_fee_balance_paid||0))-(loanDetail?.check_to_client||0)) | currency }}\n
\n \n
\n \n
\n {{'Priority Status'|translate}}
\n \n
\n \n \n {{loanDetail?.account_work_activity_priority_status}}\n
\n \n
\n {{'Last Worked Date'|translate}}
\n \n {{convertLocalTimeZone(loanDetail?.account_last_worked_date)||''}}\n
\n \n
\n {{'Last PTP Date'|translate}}
\n \n {{ loanDetail?.account_work_activity_last_ptp_date | date: DATE_FORMAT_MMDDYY}}\n
\n \n
\n {{'Route To'|translate}}
\n \n \n {{ loanDetail?.routed?.employee_initials }}\n \n
\n \n
\n \n
\n \n {{ loanDetail?.routed?.firstname }}\n {{ loanDetail?.routed?.lastname }}\n
\n \n
\n {{'Last Route Date'|translate}}
\n {{(convertLocalTimeZone(loanDetail?.last_route_date))| date: DATE_FORMAT_MMDDYYYY}}
\n \n
\n {{'Last Route Time'|translate}}
\n {{(convertLocalTimeZone(loanDetail?.last_route_date))| date: 'mediumTime'}}
\n \n \n
\n \n
\n \n
\n {{loanDetail?.assignee?.department?.label}}\n
\n \n {{loanDetail?.assignee?.department?.label}}\n
\n
\n {{loanDetail?.assignee?.employee_initials}}\n
\n \n {{loanDetail?.assignee?.employee_initials}}\n
\n
\n\n
\n \n
\n \n {{ sectionTitle | translate}}\n
\n\n
\n \n\n \n
\n \n\n
\n \n {{'Last activity note'|translate}}\n\n
\n \n \n \n
\n \n
\n\n \n {{ currentActivity.activity_type.title }} : {{ truncatedNote }}\n \n 200\"\n (click)=\"toggleNoteDisplay()\">\n {{ showFullNote ? ('View Less' | translate) : ('View More' | translate) }}\n \n {{ currentActivity ? \"-\" : \"\" }}\n {{ getAgentName() }}\n \n {{ convertLocalTimeZone(currentActivity.activity_at) | date:'shortDate' }}\n
\n \n \n \n\n \n\n
\n\n \n
\n \n \n \n
\n \n \n \n
\n \n \n
\n \n \n
\n \n
\n \n
\n \n
\n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n\n \n \n \n
\n \n \n \n
\n \n
\n {{show_avg_odds_of_roll}}%
\n\n ![](\"../assets/images/scorecard/queue-home.jpg\")
\n
\n \n \n
\n \n \n\n\n \n \n \n","import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { DataTableDirective } from 'angular-datatables';\nimport { BroadcastService, HttpService, MessageService, PermissionService } from 'src/app/core';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { UserDetail } from 'src/app/shared/models/user/user-detail.model';\nimport * as _ from 'lodash';\nimport { Utility } from 'src/app/core/utils/utility';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { UntypedFormControl, UntypedFormGroup, NgForm, Validators } from '@angular/forms';\nimport { ValidateNumber } from 'src/app/core/validators/number.validator';\nimport { LoanTransactionDetail } from 'src/app/shared/models/loan/loan.transaction.model';\nimport { ConstantConfig } from 'src/app/core/config/constant.config';\nimport moment from 'moment';\nimport { TranslateService } from '@ngx-translate/core';\n\n\n\n@Component({\n selector: 'app-repo-review',\n templateUrl: './repo-review.component.html',\n styleUrls: ['./repo-review.component.scss']\n})\nexport class RepoReviewComponent implements OnInit {\n\n @Input() loanDetail!: any;\n @Input() loanID!: any;\n submitted: boolean = false;\n isDirty:boolean = false;\n afterRepoReview: any;\n isDataRecived: boolean = false;\n appform!: UntypedFormGroup;\n isRePermission: boolean = false;\n substatus:any=[];\n curDate:any;\n isRepoPermission:boolean=false;\n DATE_FORMAT_MMDDYYYY = ConstantConfig.DATE_FORMAT_MMDDYYYY;\n submitRepoReviewPreviewData: any = null;\n substatus_data_json:any=[\n {code:'B01',value:'Bankruptcy Review'},\n {code:'B04',value:'Chapter 7 Discharged'},\n {code:'C02',value:'Account is past due'},\n {code:'I03',value:'Warranty Cancellation'},\n {code:'L01',value:'Legal Case'},\n {code:'R02',value:'Repo Ordered'},\n {code:'R05',value:'Impound Repossessed'},\n {code:'T02',value:'Pending Title Receipt'},\n {code:'B02',value:'Chapter 13 Payment Plan'},\n {code:'B05',value:'Chapter 7 Filed'},\n {code:'I01',value:'Insurance Review'},\n {code:'I04',value:'GAP Insurance Claim'},\n {code:'L02',value:'Dlr Compliance Case'},\n {code:'R03',value:'Vol. Repossessed'},\n {code:'R06',value:'Liquidated (Sold)'},\n {code:'T03',value:'Pending Title Release'},\n {code:'B03',value:'Chapter 13 Filed'},\n {code:'C01',value:'Account is current'},\n {code:'I02',value:'Total Loss Claim'},\n {code:'I05',value:'Processed All Claims'},\n {code:'R01',value:'Repo Review'},\n {code:'R04',value:'Vol. Repossessed'},\n {code:'T01',value:'New State Registration'},\n\n ];\n constructor(\n private httpService: HttpService,\n private msgService: MessageService,\n private modalService: NgbModal,\n public activeModal: NgbActiveModal,\n private permissionService: PermissionService,\n private broadCastService:BroadcastService,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en');\n this.isRePermission = this.permissionService.isSpecialPermission('submit_repo_review');\n }\n\n ngOnInit(): void {\n this.appform = new UntypedFormGroup({\n // id: new FormControl(null, [Validators.required]),\n employee_initials: new UntypedFormControl(null, [Validators.required]),\n pin: new UntypedFormControl(null, [Validators.required]),\n });\n this.getSubmitRepoReviewPreview();\n this.curDate = new Date();\n\n\n\n }\n\n convertLocalTimeZone(d:any)\n {\n if(d==''||d==null){return null}\n var testDateUtc = moment.tz(d,ConstantConfig.SERVER_TIMEZONE);\n return moment(testDateUtc).local().format(\"MM/DD/YYYY hh:mm:ss A\");\n }\n convertLocalTimeZoneWithoutTime(d:any)\n {\n if(d==''||d==null){return null}\n var testDateUtc = moment.tz(d,ConstantConfig.SERVER_TIMEZONE);\n return moment(testDateUtc).local().format(\"MM/DD/YYYY\");\n }\n\n conver_To_Camel_Case(str:string)\n {\n let STR = str.toLowerCase()\n\t\t.trim()\n\t\t.split(' ')\n\t\t.map(word => word.replace(word[0], word[0].toString().toUpperCase()))\n\t\t.join(' ');\n\treturn STR;\n }\n\n submitRepoReview () {\n const url = `${PathConfig.SUBMIT_REPO_REVIEW}`;\n\n this.httpService.post(url, {loan_id: this.loanID}).subscribe((response: any) => {\n if(response && response.loan_repo_review) {\n this.isDataRecived = true;\n this.afterRepoReview = response.loan_repo_review\n }\n //this.modalService.dismissAll();\n if(response.status === 0){\n this.msgService.showError(response?.message);\n }\n else{\n this.msgService.showSuccess(response?.message);\n }\n this.submitted = false;\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACTIVITY);\n // this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA);\n this.modalService.dismissAll();\n },\n (err) => {\n this.isDataRecived = false;\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.submitted = false;\n });\n }\n\n\n\n\n verifyPin()\n {\n if(this.appform.valid)\n {\n const params = this.appform.getRawValue();\n const url = `${PathConfig.VERIFY_PIN}`;\n this.httpService.post(url, params).subscribe({\n next : (res) => {\n\n\n if(res?.message!='User not found' && res?.message!='User validation failed')\n {\n this.msgService.showSuccess(res?.message);\n this.isRePermission=true;\n this.submitRepoReview();\n }\n else\n {\n this.msgService.showError(res?.message);\n }\n this.submitted = false;\n this.isDirty = false;\n this.appform.reset();\n\n\n },\n error : (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n }\n });\n\n }\n\n\n }\n\n /**\n * Get Approval Modal\n * @param content\n */\n openGetApprovalModal(content: any) {\n this.modalService.open(content, { centered: true, size: 'sm', windowClass:'draggable-container',\n backdrop:false });\n }\n\n getSubmitRepoReviewPreview()\n {\n const url = `${PathConfig.SUBMIT_KICKBACK_PREVIEW}?loan_id=${this.loanID}&type=SUBMIT_REPO_REVIEW`;\n this.httpService.get(url).subscribe(\n (response) => {\n\n this.submitRepoReviewPreviewData = response?.preview_data;\n\n },\n (err) => {\n this.msgService.showError(err.error.message);\n }\n );\n }\n\n}\n","\n \n","import { Component, Input, OnInit, ViewChild } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { DataTableDirective } from 'angular-datatables';\nimport { BroadcastService, HttpService, MessageService, PermissionService } from 'src/app/core';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { UserDetail } from 'src/app/shared/models/user/user-detail.model';\nimport * as _ from 'lodash';\nimport { Utility } from 'src/app/core/utils/utility';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { RouteLog } from 'src/app/shared/models/loan/route.logs.model';\nimport { ConstantConfig } from 'src/app/core/config/constant.config';\nimport { UntypedFormControl, UntypedFormGroup, Validators } from '@angular/forms';\nimport moment from 'moment';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-route-accounts',\n templateUrl: './route-accounts.component.html',\n styleUrls: ['./route-accounts.component.scss']\n})\nexport class RouteAccountsComponent implements OnInit {\n\n @Input() loanDetail!: any;\n @Input() loanID!: any;\n @Input() isRouteShowHistory : boolean = false;\n\n /**\n * Route Account\n */\n userList: Array = [];\n isRoutedPermission: boolean = false;\n @ViewChild(DataTableDirective, { static: false })\n dtElement!: DataTableDirective;\n routeDtOptions: DataTables.Settings = {};\n routePaginationLimit: number = 10;\n routeAccountList: Array = [];\n routePageNumber: number = 1;\n routePagination: any = {};\n routed_to!:any;\n submitted: boolean = false;\n isDirty:boolean = false;\n DATE_FORMAT = ConstantConfig.DATE_FORMAT;\n isRoutNotSelected:boolean=false;\n appform!: UntypedFormGroup;\n routed_to_name:string='System';\n dataTableText:any = {};\n\n constructor(\n private httpService: HttpService,\n private msgService: MessageService,\n private permissionService: PermissionService,\n private modalService: NgbModal,\n public activeModal: NgbActiveModal,\n private broadCastService:BroadcastService,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en');\n //fetch user list\n this.getUserList();\n this.isRoutedPermission = this.permissionService.isSpecialPermission('route_account');\n }\n\n ngOnInit(): void {\n\n this.setDataTableText();\n this.translateService.onLangChange.subscribe(() => {\n this.setDataTableText();\n });\n this.appform = new UntypedFormGroup({\n // id: new FormControl(null, [Validators.required]),\n employee_initials: new UntypedFormControl(null, [Validators.required]),\n pin: new UntypedFormControl(null, [Validators.required]),\n });\n // initialize datatable\n this.routeDtOptions = {\n language: this.dataTableText,\n pagingType: 'full_numbers',\n serverSide: true,\n searching: false,\n dom: 'frtip',\n processing: false,\n responsive: true,\n ordering: false,\n stateSave: false,\n columnDefs: [{\n \"defaultContent\": \"\",\n \"targets\": \"_all\"\n }],\n ajax: (dataTablesParameters: any, callback) => {\n\n this.routePageNumber = (dataTablesParameters.start / dataTablesParameters.length) + 1;\n const url = `${PathConfig.LOANS}/route_logs?loan_id=${this.loanID}&limit=${this.routePaginationLimit}&page=${this.routePageNumber}`;\n this.httpService.get(url).subscribe((response) => {\n\n this.routeAccountList = response.data;\n this.routePagination = response.pagination;\n this.routePagination.size = Number(this.routePagination.size);\n\n callback({\n recordsTotal: response.pagination.total,\n recordsFiltered: response.pagination.total,\n data: (this.routeAccountList.length > 0 ? [{ id: '' }] : [])\n });\n\n }, (err) => {\n this.msgService.showError(err.error.message);\n });\n }\n };\n\nthis.routed_to_name=this.loanDetail?.routed==null?'System':this.loanDetail?.routed?.employee_initials+\" - \"+this.loanDetail?.routed?.firstname+\" \"+this.loanDetail?.routed?.lastname;\n\n }\n\n\n verifyPin()\n {\n if(this.appform.valid)\n {\n const params = this.appform.getRawValue();\n const url = `${PathConfig.VERIFY_PIN}`;\n this.httpService.post(url, params).subscribe({\n next : (res) => {\n\n\n if(res?.message!='User not found' && res?.message!='User validation failed')\n {\n this.msgService.showSuccess(res?.message);\n this.isRoutedPermission=true;\n this.routeAccount();\n }\n else\n {\n this.msgService.showError(res?.message);\n }\n this.submitted = false;\n this.isDirty = false;\n this.appform.reset();\n\n\n },\n error : (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n }\n });\n\n }\n\n\n }\n\n\n\n getselectedrout(e:any)\n {\n if(e.target.value=='' || e.target.value==null||e.target.value==undefined)\n {\n this.isRoutNotSelected=true;\n }\n else\n {\n this.isRoutNotSelected=false;\n }\n\n }\n\n /**\n * Feth User List\n */\n getUserList() {\n const url = `${PathConfig.USERS}?status=ACTIVE`;\n this.httpService.get(url).subscribe((response) => {\n this.userList = _.orderBy(response,'employee_initials');\n // this.routed_to = this.userList?.length > 0 ? this.userList[0].id : '';\n this.routed_to = '';\n if(this.routed_to==''|| this.routed_to==undefined||this.routed_to==null)\n {\n this.isRoutNotSelected=true;\n }\n }, (err) => {\n this.msgService.showError(err.error.message);\n });\n\n }\n\n /**\n * Get Approval Modal\n * @param content\n */\n openGetApprovalModal(content: any) {\n this.modalService.open(content, { centered: true, size: 'sm', windowClass:'draggable-container',\n backdrop:false });\n }\n\n /**\n * Route Account\n */\n routeAccount(){\n const url =`${PathConfig.LOAN_ROUTE}/${this.loanID}` ;\n const params = {routed_to:this.routed_to};\n this.httpService.post(url, params).subscribe((response:any) => {\n this.msgService.showSuccess(response?.message);\n this.modalService.dismissAll();\n // this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN,this.loanID);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA);\n },\n (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.modalService.dismissAll();\n });\n }\n\n convertLocalTimeZone(d:any)\n {\n if(d==''||d==null){return null}\n var testDateUtc = moment.tz(d,ConstantConfig.SERVER_TIMEZONE);\n return moment(testDateUtc).local().format(\"MM/DD/YYYY hh:mm:ss A\");\n }\n\n getFilter (arr: any) {\n let selected =\"\";\n selected = this.loanDetail?.routed?.employee_initials;\n const newArr = arr.filter((object: { employee_initials: any; }) => {\n return object.employee_initials !== selected;\n });\n return newArr;\n }\n\n setDataTableText(){\n this.dataTableText ={\n search:\"\",\n searchPlaceholder:this.translateService.instant(\"Search\"),\n emptyTable: this.translateService.instant(\"No data available in table\"),\n info: this.translateService.instant(\"Showing _START_ to _END_ of _TOTAL_ entries\"),\n infoEmpty: this.translateService.instant(\"Showing 0 to 0 of 0 entries\"),\n infoFiltered: this.translateService.instant(\"(filtered from _MAX_ total entries)\"),\n lengthMenu: this.translateService.instant(\"Show _MENU_ entries\"),\n loadingRecords: this.translateService.instant(\"Loading...\"),\n processing: this.translateService.instant(\"Processing...\"),\n zeroRecords: this.translateService.instant(\"No matching records found\"),\n paginate: {\n first: this.translateService.instant(\"First\"),\n last: this.translateService.instant(\"Last\"),\n next: this.translateService.instant(\"Next\"),\n previous:this.translateService.instant(\"Previous\")\n },\n };\n }\n \n}\n","\n \n","import { Component, Input, OnInit } from '@angular/core';\nimport { BroadcastService, HttpService, MessageService, PermissionService } from 'src/app/core';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { Utility } from 'src/app/core/utils/utility';\n\n@Component({\n selector: 'app-start-stop-fee-accruals',\n templateUrl: './start-stop-fee-accruals.component.html',\n styleUrls: ['./start-stop-fee-accruals.component.scss']\n})\nexport class StartStopFeeAccrualsComponent implements OnInit {\n\n @Input() loanDetail!: any;\n @Input() loanID!: any;\n @Input() isRouteShowHistory : boolean = false;\n modalTitle:string='';\n modalSubTitle:string='';\n constructor(\n\n private httpService: HttpService,\n private msgService: MessageService,\n private permissionService: PermissionService,\n private modalService: NgbModal,\n public activeModal: NgbActiveModal,\n private broadCastService:BroadcastService\n\n ) { }\n\n ngOnInit(): void {\n this.modalTitle=this.loanDetail?.late_fee_accrual_on_yn=='YES'?'Stop Fee Accruals':'Start Fee Accruals';\n this.modalSubTitle=this.loanDetail?.late_fee_accrual_on_yn=='YES'?'Click submit to stop fee accruals.':'Click submit to start fee accruals.';\n }\n\n submit(){\n\n\n const params = {loan_id:this.loanID,payment_info_code_slug:this.loanDetail?.late_fee_accrual_on_yn=='YES'?'STOP_FEE':'START_FEE'};\n const url = `${PathConfig.LOAN_TRANSACTIONS_START_STOP_ACCURAL}`;\n this.httpService.post(url, params).subscribe({\n next : (res) => {\n this.msgService.showSuccess(res?.message);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN_TRANSACTION_LIST);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACCOUNT_HISTORY_LIST);\n\n },\n error : (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n }\n });\n this.modalService.dismissAll();\n }\n\n}\n\n\n"," = this.userService.PERMISSIONS;\n permisions.forEach((item: string) => {\n const modulePermission = `specialpermission:post_payment`\n if (item.indexOf(modulePermission) > - 1 ) {\n if(item.indexOf('NON_CASH_PAYMENTS_ONLY') > -1)\n codeType=\"NON-CASH\";\n else if(item.indexOf('CASH_PAYMENTS_ONLY') > -1)\n codeType=\"CASH\";\n else if(item.indexOf('YES') > -1)\n codeType=\"YES\";\n else\n codeType=\"NO\";\n\n }\n\n });\n return codeType;\n }\n\n // get loan detail\n getPaymentCode() {\n const url = `${PathConfig.PAYMENT_INFO_CODES}`;\n this.httpService.get(url).subscribe((res) => {\n\n let resp=res.filter((item:any)=>{\n return item.status==='ACTIVE';\n });\n\n this.paymentCodeList =this.codetype=='YES'?resp:resp?.filter((item:any)=>{\n return item.code_type===this.codetype;\n });\n\n // If payment code is INACTIVE then add this code in paymentCodeList\n if(this.editMode)\n {\n if(!this.isPaymentCodeExistInList(this.transactionDetails?.payment_info_code_id))\n {\n this.paymentCodeList.push(this.transactionDetails?.payment_info_code);\n // Sort the array in ascending order based on the 'code' property\n this.paymentCodeList.sort((a:any, b:any) => a.code.localeCompare(b.code));\n }\n }\n\n });\n }\n\n // get loan detail\n getPaymentMethod() {\n const url = `${PathConfig.PAYMENT_METHODS}`;\n this.httpService.get(url).subscribe((res) => {\n this.paymentMethodList = res;\n })\n }\n\n // get loan detail\n getLoanTransactionDetails() {\n this.isManualTakePayment = (this.transactionDetails?.default_breakdown == \"NO\" ? true : false);\n if(this.editMode) {\n this.isManualTakePayment = (this.transactionDetails?.payment_info_code?.slug == \"WAIVE\" ? true : this.isManualTakePayment);\n\n\n this.loanTransactionDetails = this.transactionDetails;\n if(this.loanTransactionDetails){\n if(this.loanTransactionDetails?.payment_info_code?.id){\n this.loanTransactionDetails.payment_info_code_id = this.loanTransactionDetails?.payment_info_code?.id;\n } else{\n this.loanTransactionDetails.payment_info_code_id = null;\n }\n if(this.loanTransactionDetails?.payment_method?.id){\n this.loanTransactionDetails.payment_method_id = this.loanTransactionDetails?.payment_method?.id;\n } else{\n this.loanTransactionDetails.payment_method_id = null;\n }\n }\n\n if(this.loanTransactionDetails.payment_amount != '' && this.loanTransactionDetails.payment_amount != null)\n {(this.loanTransactionDetails.payment_amount = parseFloat(this.loanTransactionDetails.payment_amount).toFixed(2));}\n else{this.loanTransactionDetails.payment_amount = '0.00';}\n if(this.loanTransactionDetails.principal_payment != '' && this.loanTransactionDetails.principal_payment != null)\n {(this.loanTransactionDetails.principal_payment = parseFloat(this.loanTransactionDetails.principal_payment).toFixed(2));}\n else{this.loanTransactionDetails.principal_payment = '0.00';}\n if(this.loanTransactionDetails.interest_payment != '' && this.loanTransactionDetails.interest_payment != null)\n {(this.loanTransactionDetails.interest_payment = parseFloat(this.loanTransactionDetails.interest_payment).toFixed(2));}\n else{this.loanTransactionDetails.interest_payment = '0.00';}\n if(this.loanTransactionDetails.late_fees_payment != '' && this.loanTransactionDetails.late_fees_payment != null)\n {(this.loanTransactionDetails.late_fees_payment = parseFloat(this.loanTransactionDetails.late_fees_payment).toFixed(2));}\n else{this.loanTransactionDetails.late_fees_payment = '0.00';}\n if(this.loanTransactionDetails.nsf_fees_payment != '' && this.loanTransactionDetails.nsf_fees_payment != null)\n {(this.loanTransactionDetails.nsf_fees_payment = parseFloat(this.loanTransactionDetails.nsf_fees_payment).toFixed(2));}\n else{this.loanTransactionDetails.nsf_fees_payment = '0.00';}\n if(this.loanTransactionDetails.other_fees_payment != '' && this.loanTransactionDetails.other_fees_payment != null)\n {(this.loanTransactionDetails.other_fees_payment = parseFloat(this.loanTransactionDetails.other_fees_payment).toFixed(2));}\n else{this.loanTransactionDetails.other_fees_payment = '0.00';}\n if(this.loanTransactionDetails.down_payment != '' && this.loanTransactionDetails.down_payment != null)\n {(this.loanTransactionDetails.down_payment = parseFloat(this.loanTransactionDetails.down_payment).toFixed(2));}\n else{this.loanTransactionDetails.down_payment = '0.00';}\n if(this.loanTransactionDetails.total_payment != '' && this.loanTransactionDetails.total_payment != null)\n {(this.loanTransactionDetails.total_payment = parseFloat(this.loanTransactionDetails.total_payment).toFixed(2));}\n else{this.loanTransactionDetails.total_payment = '0.00';}\n\n //this.loanTransactionDetails.payment_received_method = this.loanTransactionDetails.payment_received_method ?? 'RECEIVED_IN_MAIL';\n console.log(this.loanTransactionDetails);\n this.takePaymentForm.patchValue(this.loanTransactionDetails);\n\n\n let effectivedate;\n if(![null,undefined,''].includes(this.loanTransactionDetails?.payment_effective_date) && this.loanTransactionDetails?.payment_info_code?.slug=='WAIVE')\n {\n var temp_date = moment(this.loanTransactionDetails?.payment_effective_date, 'YYYY-MM-DD') ;\n effectivedate= temp_date?.format('MM/DD/YYYY')??'';\n this.takePaymentForm.patchValue({payment_effective_date:effectivedate});\n this.takePaymentForm.updateValueAndValidity();\n }\n\n const url = `${PathConfig.LOANS}/${this.loanID}`;\n this.httpService.get(url).subscribe((res) => {\n this.loanDetail = res;\n\n this.isChargedOFF=this.loanDetail?.status=='CHARGED-OFF'?true:false;\n\n // if(this.loanTransactionDetails?.payment_info_code?.slug=='WAIVE') {\n\n // this.takePaymentForm?.controls?.payment_amount?.clearValidators();\n // this.takePaymentForm?.controls?.payment_amount?.setValidators([Validators.required,this.totalFeesRangeValidator]);\n\n // this.balanceAfter.principal_payment = ((this.previousTransaction?.remaining_principal_balance + parseFloat(this.loanTransactionDetails?.principal_payment)).toFixed(2));\n // this.balanceAfter.interest_payment = ((this.previousTransaction?.remaining_interest_balance + parseFloat(this.loanTransactionDetails?.interest_payment)).toFixed(2));\n // this.balanceAfter.late_fees_payment = ((this.previousTransaction?.remaining_late_fees_balance + parseFloat(this.loanTransactionDetails?.late_fees_payment)).toFixed(2));\n // this.balanceAfter.nsf_fees_payment = ((this.previousTransaction?.remaining_nsf_fees_balance + parseFloat(this.loanTransactionDetails?.nsf_fees_payment)).toFixed(2));\n // this.balanceAfter.other_fees_payment = ((this.previousTransaction?.remaining_other_fees_balance + parseFloat(this.loanTransactionDetails?.other_fees_payment)).toFixed(2));\n // // this.balanceAfter.down_payment = ((this.previousTransaction?.remaining_down_payment_balance + parseFloat((this.loanTransactionDetails?.down_payment)).toFixed(2));\n\n // }\n // else {\n\n this.takePaymentForm?.controls?.payment_amount?.clearValidators();\n this.takePaymentForm?.controls?.payment_amount?.setValidators([Validators.required,this.currencyRangeValidator]);\n\n this.balanceAfter.principal_payment = parseFloat((this.previousTransaction?.remaining_principal_balance - this.loanTransactionDetails?.principal_payment).toFixed(2));\n this.balanceAfter.interest_payment = parseFloat((this.previousTransaction?.remaining_interest_balance - this.loanTransactionDetails?.interest_payment).toFixed(2));\n this.balanceAfter.late_fees_payment = parseFloat((this.previousTransaction?.remaining_late_fees_balance - this.loanTransactionDetails?.late_fees_payment).toFixed(2));\n this.balanceAfter.nsf_fees_payment = parseFloat((this.previousTransaction?.remaining_nsf_fees_balance - this.loanTransactionDetails?.nsf_fees_payment).toFixed(2));\n this.balanceAfter.other_fees_payment = parseFloat((this.previousTransaction?.remaining_other_fees_balance - this.loanTransactionDetails?.other_fees_payment).toFixed(2));\n this.balanceAfter.down_payment = parseFloat((this.previousTransaction?.remaining_down_payment_balance - this.loanTransactionDetails?.down_payment).toFixed(2));\n\n // }\n\n this.takePaymentForm?.controls?.payment_amount?.updateValueAndValidity();\n\n })\n this.customValidators();\n } else {\n this.balanceAfter.principal_payment = parseFloat((this.previousTransaction?.remaining_principal_balance).toFixed(2));\n this.balanceAfter.interest_payment = parseFloat((this.previousTransaction?.remaining_interest_balance).toFixed(2));\n this.balanceAfter.late_fees_payment = parseFloat((this.previousTransaction?.remaining_late_fees_balance).toFixed(2));\n this.balanceAfter.nsf_fees_payment = parseFloat((this.previousTransaction?.remaining_nsf_fees_balance).toFixed(2));\n this.balanceAfter.other_fees_payment = parseFloat((this.previousTransaction?.remaining_other_fees_balance).toFixed(2));\n this.balanceAfter.down_payment = parseFloat((this.previousTransaction?.remaining_down_payment_balance).toFixed(2));\n\n const url = `${PathConfig.LOANS}/${this.loanID}`;\n this.httpService.get(url).subscribe((res) => {\n this.loanTransactionDetails = res;\n })\n }\n this.checkMainAmount();\n if(this.loanTransactionDetails?.posting_method){\n this.takePaymentForm.patchValue({posting_method:this.loanTransactionDetails?.posting_method});\n }\n }\n\n toggleTakeMethodType() {\n this.isManualTakePayment = !this.isManualTakePayment;\n }\n\n checkMainAmount () {\n let val = this.takePaymentForm.get('payment_amount')?.value;\n this.takePaymentForm.get('payment_amount')?.setValue(this.checkForNan(val));\n\n this.isAmountValueExist = (val > 0 || val != '') ? true : false;\n if(this.isAmountValueExist) {\n this.takePaymentForm.get('principal_payment')?.enable();\n this.takePaymentForm.get('interest_payment')?.enable();\n this.takePaymentForm.get('late_fees_payment')?.enable();\n this.takePaymentForm.get('nsf_fees_payment')?.enable();\n this.takePaymentForm.get('other_fees_payment')?.enable();\n this.takePaymentForm.get('down_payment')?.enable();\n } else {\n this.takePaymentForm.get('principal_payment')?.disable();\n this.takePaymentForm.get('interest_payment')?.disable();\n this.takePaymentForm.get('late_fees_payment')?.disable();\n this.takePaymentForm.get('nsf_fees_payment')?.disable();\n this.takePaymentForm.get('other_fees_payment')?.disable();\n this.takePaymentForm.get('down_payment')?.disable();\n }\n let total = this.getTotal();\n\n this.isOverAmount = (this.takePaymentForm.get('payment_amount')?.value == total?.toFixed(2)) ? false : true;\n this.takePaymentForm.controls.total_payment.markAsTouched();\n\n }\n\n calculateBalance(e: any) {\n\n let name = e.target.name;\n\n // //waive type transaction\n // if(this.loanTransactionDetails?.payment_info_code?.slug=='WAIVE') {\n\n // switch (name) {\n // // case 'principal_payment':\n // // this.balanceAfter.principal_payment = (e.target.value !== '' && e.target.value !== 0) ?\n // // ((this.previousTransaction?.remaining_principal_balance + parseFloat(e.target.value))) : parseFloat(this.previousTransaction?.remaining_principal_balance);\n // // this.takePaymentForm.get('principal_payment')?.setValue(this.checkForNan(e.target.value));\n // // break;\n // // case 'interest_payment':\n // // this.balanceAfter.interest_payment = (e.target.value !== '' && e.target.value !== 0 ) ?\n // // ((this.previousTransaction?.remaining_interest_balance + parseFloat(e.target.value))) : parseFloat(this.previousTransaction?.remaining_interest_balance);\n // // this.takePaymentForm.get('interest_payment')?.setValue(this.checkForNan(e.target.value));\n // // break;\n // case 'late_fees_payment':\n // this.balanceAfter.late_fees_payment = (e.target.value !== '' && e.target.value !== 0 ) ?\n // ((this.previousTransaction?.remaining_late_fees_balance + parseFloat(e.target.value))) : parseFloat(this.previousTransaction?.remaining_late_fees_balance);\n // this.takePaymentForm.get('late_fees_payment')?.setValue(this.checkForNan(e.target.value));\n // this.balanceAfter.late_fees_payment = this.checkForNan(this.balanceAfter.late_fees_payment);\n\n // break;\n // case 'nsf_fees_payment':\n // this.balanceAfter.nsf_fees_payment = (e.target.value !== '' && e.target.value !== 0 ) ?\n // ((this.previousTransaction?.remaining_nsf_fees_balance + parseFloat(e.target.value))) : parseFloat(this.previousTransaction?.remaining_nsf_fees_balance);\n // this.takePaymentForm.get('nsf_fees_payment')?.setValue(this.checkForNan(e.target.value));\n // this.balanceAfter.nsf_fees_payment = this.checkForNan(this.balanceAfter.nsf_fees_payment);\n\n // break;\n // case 'other_fees_payment':\n // this.balanceAfter.other_fees_payment = (e.target.value !== '' && e.target.value !== 0 ) ?\n // ((this.previousTransaction?.remaining_other_fees_balance + parseFloat(e.target.value))) : parseFloat(this.previousTransaction?.remaining_other_fees_balance);\n // this.takePaymentForm.get('other_fees_payment')?.setValue(this.checkForNan(e.target.value));\n // this.balanceAfter.other_fees_payment = this.checkForNan(this.balanceAfter.other_fees_payment);\n\n // break;\n // // case 'down_payment':\n // // this.balanceAfter.down_payment = (e.target.value !== '' && e.target.value !== 0) ?\n // // parseFloat((this.previousTransaction?.remaining_down_payment_balance + e.target.value).toFixed(2)) : parseFloat(this.previousTransaction?.remaining_down_payment_balance);\n // // this.takePaymentForm.get('down_payment')?.setValue(this.checkForNan(e.target.value));\n // // break;\n\n // }\n\n // }\n\n // //all other payment types\n // else {\n let inputValue = e.target.value.replace(/,/g, ''); // Remove commas\n let parsedValue = inputValue !== '' ? parseFloat(inputValue) : 0;\n switch (name) {\n case 'principal_payment':\n this.balanceAfter.principal_payment = (parsedValue !== 0) ?\n parseFloat((this.previousTransaction?.remaining_principal_balance - parsedValue).toFixed(2)) : parseFloat(this.previousTransaction?.remaining_principal_balance);\n this.takePaymentForm.get('principal_payment')?.setValue(this.checkForNan(parsedValue));\n break;\n case 'interest_payment':\n this.balanceAfter.interest_payment = (parsedValue !== 0 ) ?\n parseFloat((this.previousTransaction?.remaining_interest_balance - parsedValue).toFixed(2)) : parseFloat(this.previousTransaction?.remaining_interest_balance);\n this.takePaymentForm.get('interest_payment')?.setValue(this.checkForNan(parsedValue));\n // Check if the balance after the payment goes negative\n if (this.balanceAfter.interest_payment < 0) {\n this.showPreventIntNegativeErrorMessage = true;\n } else {\n this.showPreventIntNegativeErrorMessage = false;\n }\n break;\n case 'late_fees_payment':\n this.balanceAfter.late_fees_payment = (parsedValue !== 0) ?\n parseFloat((this.previousTransaction?.remaining_late_fees_balance - parsedValue).toFixed(2)) : parseFloat(this.previousTransaction?.remaining_late_fees_balance);\n this.takePaymentForm.get('late_fees_payment')?.setValue(this.checkForNan(parsedValue));\n // Check if the balance after the payment goes negative\n if (this.balanceAfter.late_fees_payment < 0) {\n this.showPreventLatefeeNegativeErrorMessage = true;\n } else {\n this.showPreventLatefeeNegativeErrorMessage = false;\n }\n break;\n case 'nsf_fees_payment':\n this.balanceAfter.nsf_fees_payment = (parsedValue !== 0 ) ?\n parseFloat((this.previousTransaction?.remaining_nsf_fees_balance - parsedValue).toFixed(2)) : parseFloat(this.previousTransaction?.remaining_nsf_fees_balance);\n this.takePaymentForm.get('nsf_fees_payment')?.setValue(this.checkForNan(parsedValue));\n // Check if the balance after the payment goes negative\n if (this.balanceAfter.nsf_fees_payment < 0) {\n this.showPreventNsffeeNegativeErrorMessage = true;\n } else {\n this.showPreventNsffeeNegativeErrorMessage = false;\n }\n break;\n case 'other_fees_payment':\n this.balanceAfter.other_fees_payment = (parsedValue !== 0 ) ?\n parseFloat((this.previousTransaction?.remaining_other_fees_balance - parsedValue).toFixed(2)) : parseFloat(this.previousTransaction?.remaining_other_fees_balance);\n this.takePaymentForm.get('other_fees_payment')?.setValue(this.checkForNan(parsedValue));\n // Check if the balance after the payment goes negative\n if (this.balanceAfter.other_fees_payment < 0) {\n this.showPreventOtherfeeNegativeErrorMessage = true;\n } else {\n this.showPreventOtherfeeNegativeErrorMessage = false;\n }\n break;\n case 'down_payment':\n this.balanceAfter.down_payment = (parsedValue !== 0) ?\n parseFloat((this.previousTransaction?.remaining_down_payment_balance - parsedValue).toFixed(2)) : parseFloat(this.previousTransaction?.remaining_down_payment_balance);\n this.takePaymentForm.get('down_payment')?.setValue(this.checkForNan(parsedValue));\n break;\n\n }\n\n // }\n\n let total = this.getTotal();\n\n this.takePaymentForm.get('total_payment')?.setValue(this.checkForNan(total));\n\n this.isOverAmount = (this.takePaymentForm.get('payment_amount')?.value == total?.toFixed(2)) ? false : true;\n this.takePaymentForm.controls.total_payment.markAsTouched();\n\n }\n\n checkForNan(num:any){\n if(!isNaN(num) && num!=''){\n return this.roundToDecimal(parseFloat(num),2);\n }\n else {\n return parseFloat('0.00')?.toFixed(2);\n }\n }\n\n roundToDecimal(num:any, length:any) {\n return (new Decimal(Number(num))).toFixed(parseFloat(length) || 0);\n }\n\n getTotal () {\n\n let total = 0;\n total += (!isNaN(this.takePaymentForm.get('principal_payment')?.value) && this.takePaymentForm.get('principal_payment')?.value != ''\n && this.takePaymentForm.get('principal_payment')?.value != null) ? parseFloat(this.takePaymentForm.get('principal_payment')?.value) : 0;\n\n total += (!isNaN(this.takePaymentForm.get('interest_payment')?.value) && this.takePaymentForm.get('interest_payment')?.value != ''\n && this.takePaymentForm.get('interest_payment')?.value != null) ? parseFloat(this.takePaymentForm.get('interest_payment')?.value) : 0;\n\n total += (!isNaN(this.takePaymentForm.get('late_fees_payment')?.value) && this.takePaymentForm.get('late_fees_payment')?.value != ''\n && this.takePaymentForm.get('late_fees_payment')?.value != null) ? parseFloat(this.takePaymentForm.get('late_fees_payment')?.value) : 0;\n\n total += (!isNaN(this.takePaymentForm.get('nsf_fees_payment')?.value) && this.takePaymentForm.get('nsf_fees_payment')?.value != ''\n && this.takePaymentForm.get('nsf_fees_payment')?.value != null) ? parseFloat(this.takePaymentForm.get('nsf_fees_payment')?.value) : 0;\n\n total += (!isNaN(this.takePaymentForm.get('other_fees_payment')?.value) && this.takePaymentForm.get('other_fees_payment')?.value != ''\n && this.takePaymentForm.get('other_fees_payment')?.value != null) ? parseFloat(this.takePaymentForm.get('other_fees_payment')?.value) : 0;\n\n total += (!isNaN(this.takePaymentForm.get('down_payment')?.value) && this.takePaymentForm.get('down_payment')?.value != '' \n && this.takePaymentForm.get('down_payment')?.value != null) ? parseFloat(this.takePaymentForm.get('down_payment')?.value) : 0;\n\n return total;\n\n }\n\n onTakePaymentSubmit () {\n this.formElement.ngSubmit.emit();\n (this.formElement as any).submitted = true;\n this.onSubmit();\n }\n\n onSubmit () {\n this.isButtonEnabled = (this.takePaymentForm.valid && !this.isOverAmount)? true : false;\n this.takePaymentForm.markAllAsTouched();\n console.log(this.isOverAmount,this.isManualTakePayment)\n\n if(this.takePaymentForm.valid && !this.submitted && (!this.isOverAmount || !this.isManualTakePayment)) {\n\n this.submitted = true;\n const params = this.takePaymentForm.value;\n params.loan_id = this.loanID;\n params.default_breakdown = this.isManualTakePayment ? 'NO' : 'YES';\n params.tax_payment=0;\n if(params.payment_effective_date){\n params.payment_effective_date_local= params.payment_effective_date;\n params.payment_effective_date_pst=moment(new Date(params.payment_effective_date)).tz('America/Los_Angeles').format(\"YYYY-MM-DD\");\n // if(params.payment_effective_date!=){\n // params.payment_effective_date=moment(new Date(params.payment_effective_date)).tz('America/Los_Angeles').format(\"YYYY-MM-DD\");\n // }\n }\n if(this.loanTransactionDetails?.payment_info_code?.slug=='WAIVE')\n {\n delete params.payment_received_method;\n delete params.posting_method;\n }\n\n if(!this.isManualBreakdownAllowed){\n params.default_breakdown = 'YES';\n this.isManualTakePayment = false;\n console.log(\"params.default_breakdown = 'YES';\");\n }\n params.cpi_fees_payment = 0;\n params.side_note_1_fees_payment = 0;\n params.side_note_2_fees_payment = 0;\n params.side_note_3_fees_payment = 0;\n params.side_note_4_fees_payment = 0;\n params.side_note_5_fees_payment = 0;\n // params.posting_method=this.loanDetail?.status=='CHARGED-OFF'?'DO_NOT_ROLL_DUE_DATE':params.posting_method;\n const url = this.editMode ? `${PathConfig.LOAN_TRANSACTIONS}/${this.id}` : `${PathConfig.LOAN_TRANSACTIONS}`;\n const http = this.editMode ? this.httpService.put(url, params) : this.httpService.post(url, params)\n\n http.subscribe((response: any) => {\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA, 'TAKE_PAYMENT');\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN_TRANSACTION_LIST);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACCOUNT_HISTORY_LIST);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACTIVITY);\n this.queueDetailService.triggerRefreshCPIAndSideNote();\n this.modalService.dismissAll();\n this.msgService.showSuccess(response?.message);\n this.submitted = false;\n this.isDirty = false;\n // window.location.reload();\n },\n (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.submitted = false;\n });\n }\n }\n\n customValidators(){\n const selectedPaymentCodeId = this.takePaymentForm?.controls?.payment_info_code_id?.value;\n\n this.selectedPaymentCode = this.paymentCodeList?.find((item: any) => item?.id === selectedPaymentCodeId);\n\n if(this.selectedPaymentCode == undefined){\n this.selectedPaymentCode = this.loanTransactionDetails.payment_info_code;\n }\n if(this.selectedPaymentCode?.code_type === \"CASH\"){\n this.takePaymentForm?.controls?.payment_method_id?.setValidators([Validators.required]);\n }\n else{\n this.takePaymentForm?.controls?.payment_method_id?.clearValidators();\n }\n\n if(this.selectedPaymentCode?.posting_method){\n this.takePaymentForm.patchValue({posting_method:this.selectedPaymentCode?.posting_method});\n }\n\n if(this.selectedPaymentCode){\n\n // if(!this.isManualBreakdownAllowed()){\n // this.isManualTakePayment = false;\n // }\n\n }\n\n\n this.takePaymentForm?.controls?.payment_method_id?.updateValueAndValidity();\n }\n\n onPaymentInfoCodeChange(){\n\n }\n\n\n feesRangeValidator(control: AbstractControl) {\n const value = control.value;\n const isValid = value == '' || ( value >= 0 && value <= 100000 ) ;\n return isValid ? null : { currencyRange: true };\n }\n\n currencyRangeValidator(control: AbstractControl) {\n const value = control.value;\n const isValid = value == '' || ( value >= 0 && value <= 10000000 ) ;\n return isValid ? null : { currencyRange: true };\n }\n\n //To check Payment Code is exist or not in paymentCodeList Array\n isPaymentCodeExistInList(targetId: number){\n const targetObject = this.paymentCodeList.find((item:any) => item.id === targetId);\n if (targetObject) {\n return true;\n } else {\n return false;\n }\n }\n \n isManualBreakdownAllowed(){\n if(this.editMode){\n\n // if(this.loanTransactionDetails?.manual_waterfall_breakdown_allowed){\n if(this.loanDetail?.status=='ACTIVE' || this.loanDetail?.status=='PAID-OFF'){\n if(this.selectedPaymentCode?.manual_waterfall_allowed_for_active){\n return true;\n }\n else \n return false;\n }\n else if(this.loanDetail?.status=='CHARGED-OFF'){\n if(this.selectedPaymentCode?.manual_waterfall_allowed_for_charge_off){\n return true;\n }\n else\n return false;\n }\n else\n return false;\n // }\n // else\n // return false;\n }\n else{\n\n if(this.loanDetail?.status=='ACTIVE' || this.loanDetail?.status=='PAID-OFF'){\n if(this.selectedPaymentCode?.manual_waterfall_allowed_for_active){\n return true;\n }\n else \n return false;\n }\n else if(this.loanDetail?.status=='CHARGED-OFF'){\n if(this.selectedPaymentCode?.manual_waterfall_allowed_for_charge_off){\n return true;\n }\n else\n return false;\n }\n else\n return false;\n }\n }\n\n \n}\n\n","\n \n","import { Injectable } from '@angular/core';\nimport { Subject } from 'rxjs';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class SelectedUserServiceService {\n\n constructor() { }\n private userResponse = new Subject();\n currentUserResponse = this.userResponse.asObservable();\n\n\n updateSelectedUserResponse(userResponse:any) {\n this.userResponse.next(userResponse)\n }\n\n}\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-rule-builder',\n templateUrl: './rule-builder.component.html',\n styleUrls: ['./rule-builder.component.scss']\n})\nexport class RuleBuilderComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n"," = [];\n formSubmitted:boolean = false;\n template_list: Array = [];\n selected_category_id:any = null;\n selected_template_id:any = null;\n selected_template:any = {};\n updated_by:any='';\n updated_at:any='';\n api_keys:any=[];\n modalRef:any;\n fileList:Array = [];\n refresh:boolean = true;\n US_PHONE_MASKING = ConstantConfig.US_PHONE_MASKING;\n dtOptions1: DataTables.Settings = {};\n dtOptions2: DataTables.Settings = {};\n dtOptions3: DataTables.Settings = {};\n dtOptions4: DataTables.Settings = {};\n dtOptions5: DataTables.Settings = {};\n dtOptions6: DataTables.Settings = {};\n dtOptions7: DataTables.Settings = {};\n isValuationReadOnly:boolean = true;\n activeCategory:Array = [];\n filterText:any ='';\n selectedLanguage: any;\n eventSubscription: Array = [];\n languageUrl:any = '';\n loadingEnded:boolean = true;\n private dataTable: any;\n @ViewChild(DataTableDirective, { static: false })\n dtElement!: DataTableDirective;\n languageSelected:any;\n\n \n\n\n constructor(\n private httpService: HttpService,\n private msgService: MessageService,\n private modalService: NgbModal,\n public permissionService: PermissionService,\n private broadCastService: BroadcastService,\n private loaderService: LoaderService,\n private router: Router,\n route: ActivatedRoute,\n private clientDetailService:ClientDetailService,\n\n private translateService:TranslateService,\n private multilingualService:MultilingualService\n\n ) {\n\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en');\n\n this.dtOptionsGlobal();\n\n //checking it is edit mode / add mode\n const pageID = route.snapshot.data['id'];\n const currentUrl = this.router.url;\n const isLS_EDIT_VALUATIONS = currentUrl.includes('valuations/edit') ? true : false;\n if (pageID == PageID.LS_EDIT_VALUATIONS || isLS_EDIT_VALUATIONS) {\n\n const regex = /\\/edit\\/(\\d+)/;\n const match = regex.exec(currentUrl);\n if (match && match.length > 1) {\n const id = match[1];\n this.selected_template_id = id;\n this.isEditMode = true;\n\n // get valuation data\n this.getCategoryList();\n this.getSubCategories();\n this.editTemplate('', this.selected_template_id);\n\n }\n } else {\n\n this.getCategoryList();\n this.getSubCategories();\n\n this.isEditMode = false;\n }\n\n const routeEvent1 = this.multilingualService.currentLanguageResponse.subscribe((data : any) => {\n if(data && this.loadingEnded){\n this.loadingEnded = false;\n this.refresh = false;\n // let table = $('#filesDataTable').DataTable(); // Assuming 'yourDataTable' is the ID of your DataTable\n this.selectedLanguage=data??'';\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en');\n\n // this.dataTable = $('#filesDataTable').DataTable;\n this.languageSelected = this.selectedLanguage == \"es\" ? { \n search: 'Buscar',\n emptyTable: 'No hay datos disponibles en la tabla',\n info: 'Mostrando _START_ a _END_ de _TOTAL_ entradas',\n infoEmpty: 'Mostrando 0 a 0 de 0 entradas',\n lengthMenu: 'Mostrar _MENU_ entradas',\n loadingRecords: 'Cargando...',\n processing: 'Procesando...',\n zeroRecords: 'No se encontraron registros coincidentes',\n paginate: {\n first: 'Primero',\n last: 'Último',\n next: 'Siguiente',\n previous: 'Anterior'\n }} : this.selectedLanguage == \"test\" ? {\n search: '11111',\n emptyTable: '111111111111111',\n info: '11111',\n infoEmpty: '11111',\n lengthMenu: '11111',\n loadingRecords: '1111111111',\n processing: '11111',\n zeroRecords: '11111',\n paginate: {\n first: '11111',\n last: '11111',\n next: '11111',\n previous: '1111111111'\n }\n }: {\n search: 'Search',\n emptyTable: 'No data available in table',\n info: 'Showing _START_ to _END_ of _TOTAL_ entries',\n infoEmpty: 'Showing 0 to 0 of 0 entries',\n lengthMenu: 'Show _MENU_ entries',\n loadingRecords: 'Loading...',\n processing: 'Processing...',\n zeroRecords: 'No matching records found',\n paginate: {\n first: 'First',\n last: 'Last',\n next: 'Next',\n previous: 'Previous'\n }\n }\n\n this.dtOptions1.language = this.languageSelected;\n this.dtOptions2.language = this.languageSelected;\n this.dtOptions3.language = this.languageSelected;\n this.dtOptions4.language = this.languageSelected;\n this.dtOptions5.language = this.languageSelected;\n this.dtOptions6.language = this.languageSelected;\n this.dtOptions7.language = this.languageSelected;\n\n\n setTimeout(() => {\n\n // this.dtElement?.dtInstance?.then(dtInstance => {\n // // Destroy the table first\n // dtInstance.destroy();\n // // Call the dtTrigger to rerender again\n // this.dtTrigger1?.next(null);\n // this.dtTrigger2?.next(null);\n // this.dtTrigger3?.next(null);\n // this.dtTrigger4?.next(null);\n // this.dtTrigger5?.next(null);\n // this.dtTrigger6?.next(null);\n // this.dtTrigger7?.next(null);\n // this.dtTrigger8?.next(null);\n // this.dtTrigger9?.next(null);\n // this.dtTrigger10?.next(null);\n // this.dtTrigger11?.next(null);\n // this.dtTrigger12?.next(null);\n // this.dtTrigger13?.next(null);\n // this.dtTrigger14?.next(null);\n // this.dtTrigger15?.next(null);\n\n // // dtInstance.draw();\n // }),\n\n\n this.dtOptionsGlobal();\n this.loadingEnded = true\n\n // this.dataTable.destroy();\n // this.dataTable.ajax.reload(null,false);\n setTimeout(() => {\n this.refresh = true;\n }, 1000);\n \n\n }, 1000);\n }\n });\n\n this.eventSubscription.push(routeEvent1);\n }\n\n ngOnInit(): void {\n this.form = new UntypedFormGroup({\n name: new UntypedFormControl('', [Validators.required]),\n description: new UntypedFormControl('', []),\n lendisoft_stackholder_analyst: new UntypedFormControl('', []),\n client_stackholder_analyst: new UntypedFormControl('', []),\n lendisoft_stackholder_email: new UntypedFormControl('', [EmailConditionalValidator,\n EmailOccurenceValidator(1)]),\n client_stackholder_email: new UntypedFormControl('', [EmailConditionalValidator,\n EmailOccurenceValidator(1)]),\n client_stackholder_cc: new UntypedFormControl('', [EmailConditionalValidator,\n EmailOccurenceValidator(10)]),\n lendisoft_stackholder_cc: new UntypedFormControl('', [EmailConditionalValidator,\n EmailOccurenceValidator(10)]),\n lendisoft_stackholder_phone: new UntypedFormControl('', [ValidateUSPhone]),\n client_stackholder_phone: new UntypedFormControl('', [ValidateUSPhone]),\n note1: new UntypedFormControl('', []),\n note2: new UntypedFormControl('', []),\n note3: new UntypedFormControl('', []),\n note4: new UntypedFormControl('', []),\n note5: new UntypedFormControl('', []),\n note6: new UntypedFormControl('', []),\n note7: new UntypedFormControl('', []),\n })\n\n //category form controls\n this.categoryForm = new UntypedFormGroup({\n name: new UntypedFormControl('', [Validators.required]),\n id: new UntypedFormControl('', []),\n\n });\n\n //duplicate form controls\n this.duplicateForm = new UntypedFormGroup({\n name: new UntypedFormControl('', [Validators.required]),\n id: new UntypedFormControl('', []),\n });\n\n\n //get_keys\n this.httpService.get(PathConfig.API_KEYS).subscribe((response)=>{\n this.api_keys = response?.data;\n },(err)=>{\n this.msgService.showError(err.error.message);\n });\n\n // this.dtOptionsFilter('');\n\n this.isValuationReadOnly = this.permissionService.isReadOnly(MODULES.VALUATIONS);\n\n if(this.isValuationReadOnly) {\n this.form.disable();\n }\n\n }\n\n dtOptionsGlobal() {\n\n //cols which are mapped to show + these used for getting sort/order by fields name\n const cols = [\n { data: '' },\n { data: 'name' },\n { data: 'date_and_time' },\n { data: 'file_type' },\n { data: 'file_size' },\n { data: 'export' },\n { data: ' ' },\n ];\n\n this.dtOptions1 = {\n language: {\n \n emptyTable: this.translateService.instant(\"No data available in table\"),\n info: this.translateService.instant(\"Showing _START_ to _END_ of _TOTAL_ entries\"),\n infoEmpty: this.translateService.instant(\"Showing 0 to 0 of 0 entries\"),\n infoFiltered: this.translateService.instant(\"(filtered from _MAX_ total entries)\"),\n lengthMenu: this.translateService.instant(\"Show _MENU_ entries\"),\n loadingRecords: this.translateService.instant(\"Loading...\"),\n processing: this.translateService.instant(\"Processing...\"),\n zeroRecords: this.translateService.instant(\"No matching records found\"),\n paginate: {\n first: this.translateService.instant(\"First\"),\n last: this.translateService.instant(\"Last\"),\n next: this.translateService.instant(\"Next\"),\n previous:this.translateService.instant(\"Previous\")\n },\n },\n pagingType: 'full_numbers',\n serverSide: false,\n pageLength: 10,\n searching: false,\n dom: 'bfrtip',\n processing: false,\n responsive: true,\n // stateSave: true,\n columns: cols,\n order:[[2, 'desc']],\n columnDefs: [\n {\n defaultContent: '',\n targets: '_all',\n },\n ]\n };\n\n this.dtOptions2 = {\n language: {\n \n emptyTable: this.translateService.instant(\"No data available in table\"),\n info: this.translateService.instant(\"Showing _START_ to _END_ of _TOTAL_ entries\"),\n infoEmpty: this.translateService.instant(\"Showing 0 to 0 of 0 entries\"),\n infoFiltered: this.translateService.instant(\"(filtered from _MAX_ total entries)\"),\n lengthMenu: this.translateService.instant(\"Show _MENU_ entries\"),\n loadingRecords: this.translateService.instant(\"Loading...\"),\n processing: this.translateService.instant(\"Processing...\"),\n zeroRecords: this.translateService.instant(\"No matching records found\"),\n paginate: {\n first: this.translateService.instant(\"First\"),\n last: this.translateService.instant(\"Last\"),\n next: this.translateService.instant(\"Next\"),\n previous:this.translateService.instant(\"Previous\")\n },\n },\n pagingType: 'full_numbers',\n serverSide: false,\n pageLength: 10,\n searching: false,\n dom: 'bfrtip',\n processing: false,\n responsive: true,\n // stateSave: true,\n columns: cols,\n order:[[2, 'desc']],\n columnDefs: [\n {\n defaultContent: '',\n targets: '_all',\n },\n ]\n };\n\n this.dtOptions3 = {\n language: {\n \n emptyTable: this.translateService.instant(\"No data available in table\"),\n info: this.translateService.instant(\"Showing _START_ to _END_ of _TOTAL_ entries\"),\n infoEmpty: this.translateService.instant(\"Showing 0 to 0 of 0 entries\"),\n infoFiltered: this.translateService.instant(\"(filtered from _MAX_ total entries)\"),\n lengthMenu: this.translateService.instant(\"Show _MENU_ entries\"),\n loadingRecords: this.translateService.instant(\"Loading...\"),\n processing: this.translateService.instant(\"Processing...\"),\n zeroRecords: this.translateService.instant(\"No matching records found\"),\n paginate: {\n first: this.translateService.instant(\"First\"),\n last: this.translateService.instant(\"Last\"),\n next: this.translateService.instant(\"Next\"),\n previous:this.translateService.instant(\"Previous\")\n },\n },\n pagingType: 'full_numbers',\n serverSide: false,\n pageLength: 10,\n searching: false,\n dom: 'bfrtip',\n processing: false,\n responsive: true,\n // stateSave: true,\n columns: cols,\n order:[[2, 'desc']],\n columnDefs: [\n {\n defaultContent: '',\n targets: '_all',\n },\n ]\n };\n\n this.dtOptions4 = {\n language: {\n \n emptyTable: this.translateService.instant(\"No data available in table\"),\n info: this.translateService.instant(\"Showing _START_ to _END_ of _TOTAL_ entries\"),\n infoEmpty: this.translateService.instant(\"Showing 0 to 0 of 0 entries\"),\n infoFiltered: this.translateService.instant(\"(filtered from _MAX_ total entries)\"),\n lengthMenu: this.translateService.instant(\"Show _MENU_ entries\"),\n loadingRecords: this.translateService.instant(\"Loading...\"),\n processing: this.translateService.instant(\"Processing...\"),\n zeroRecords: this.translateService.instant(\"No matching records found\"),\n paginate: {\n first: this.translateService.instant(\"First\"),\n last: this.translateService.instant(\"Last\"),\n next: this.translateService.instant(\"Next\"),\n previous:this.translateService.instant(\"Previous\")\n },\n },\n pagingType: 'full_numbers',\n serverSide: false,\n pageLength: 10,\n searching: false,\n dom: 'bfrtip',\n processing: false,\n responsive: true,\n // stateSave: true,\n columns: cols,\n order:[[2, 'desc']],\n columnDefs: [\n {\n defaultContent: '',\n targets: '_all',\n },\n ]\n };\n\n this.dtOptions5 = {\n language: {\n \n emptyTable: this.translateService.instant(\"No data available in table\"),\n info: this.translateService.instant(\"Showing _START_ to _END_ of _TOTAL_ entries\"),\n infoEmpty: this.translateService.instant(\"Showing 0 to 0 of 0 entries\"),\n infoFiltered: this.translateService.instant(\"(filtered from _MAX_ total entries)\"),\n lengthMenu: this.translateService.instant(\"Show _MENU_ entries\"),\n loadingRecords: this.translateService.instant(\"Loading...\"),\n processing: this.translateService.instant(\"Processing...\"),\n zeroRecords: this.translateService.instant(\"No matching records found\"),\n paginate: {\n first: this.translateService.instant(\"First\"),\n last: this.translateService.instant(\"Last\"),\n next: this.translateService.instant(\"Next\"),\n previous:this.translateService.instant(\"Previous\")\n },\n },\n pagingType: 'full_numbers',\n serverSide: false,\n pageLength: 10,\n searching: false,\n dom: 'bfrtip',\n processing: false,\n responsive: true,\n // stateSave: true,\n columns: cols,\n order:[[2, 'desc']],\n columnDefs: [\n {\n defaultContent: '',\n targets: '_all',\n },\n ]\n };\n\n this.dtOptions6 = {\n language: {\n \n emptyTable: this.translateService.instant(\"No data available in table\"),\n info: this.translateService.instant(\"Showing _START_ to _END_ of _TOTAL_ entries\"),\n infoEmpty: this.translateService.instant(\"Showing 0 to 0 of 0 entries\"),\n infoFiltered: this.translateService.instant(\"(filtered from _MAX_ total entries)\"),\n lengthMenu: this.translateService.instant(\"Show _MENU_ entries\"),\n loadingRecords: this.translateService.instant(\"Loading...\"),\n processing: this.translateService.instant(\"Processing...\"),\n zeroRecords: this.translateService.instant(\"No matching records found\"),\n paginate: {\n first: this.translateService.instant(\"First\"),\n last: this.translateService.instant(\"Last\"),\n next: this.translateService.instant(\"Next\"),\n previous:this.translateService.instant(\"Previous\")\n },\n },\n pagingType: 'full_numbers',\n serverSide: false,\n pageLength: 10,\n searching: false,\n dom: 'bfrtip',\n processing: false,\n responsive: true,\n // stateSave: true,\n columns: cols,\n order:[[2, 'desc']],\n columnDefs: [\n {\n defaultContent: '',\n targets: '_all',\n },\n ]\n };\n\n this.dtOptions7 = {\n language: {\n \n emptyTable: this.translateService.instant(\"No data available in table\"),\n info: this.translateService.instant(\"Showing _START_ to _END_ of _TOTAL_ entries\"),\n infoEmpty: this.translateService.instant(\"Showing 0 to 0 of 0 entries\"),\n infoFiltered: this.translateService.instant(\"(filtered from _MAX_ total entries)\"),\n lengthMenu: this.translateService.instant(\"Show _MENU_ entries\"),\n loadingRecords: this.translateService.instant(\"Loading...\"),\n processing: this.translateService.instant(\"Processing...\"),\n zeroRecords: this.translateService.instant(\"No matching records found\"),\n paginate: {\n first: this.translateService.instant(\"First\"),\n last: this.translateService.instant(\"Last\"),\n next: this.translateService.instant(\"Next\"),\n previous:this.translateService.instant(\"Previous\")\n },\n },\n pagingType: 'full_numbers',\n serverSide: false,\n pageLength: 10,\n searching: false,\n dom: 'bfrtip',\n processing: false,\n responsive: true,\n // stateSave: true,\n columns: cols,\n order:[[2, 'desc']],\n columnDefs: [\n {\n defaultContent: '',\n targets: '_all',\n },\n ]\n };\n\n }\n\n // on Add Category\n onAddCategory(content: any) {\n this.type='';\n this.name='';\n this.categoryForm.reset();\n this.modalService.open(content, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n size: 'sm',\n });\n }\n\n // on Edit Category\n onEditCategory(cid: any,cname:string, content: any) {\n if (cid) {\n this.isEditMode = true;\n let obj = {id:cid,name:cname};\n this.categoryForm.patchValue(obj);\n this.categoryForm.updateValueAndValidity();\n this.modalService.open(content, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n size: 'sm',\n });\n }\n }\n\n //fetch category list \n getCategoryList() {\n const url = `${PathConfig.BUILDER_CATEGORIES}?type=${'V'}`;\n this.httpService.get(url).subscribe(\n (response) => {\n this.category_list = response || [];\n // if(this.category_list?.length)\n // this.activeCategory[0]='cat'+this.category_list[0]?.id;\n setTimeout(()=> this.refresh = true,1000);\n },\n (err) => {\n this.msgService.showError(err.error.message);\n }\n );\n }\n\n // Add/edit category name\n onCategorySubmit() {\n\n if (this.categoryForm.valid && !this.categoryFormSubmitted) {\n this.categoryFormSubmitted = true;\n const id = this.categoryForm.value.id;\n let url = '';\n let service;\n const params = { type: 'V', name : this.categoryForm.controls.name.value };\n\n\n if(id){\n url = `${PathConfig.BUILDER_CATEGORIES}/${id}`;\n service = this.httpService.put(url, params);\n\n }\n else{\n url = `${PathConfig.BUILDER_CATEGORIES}`;\n service = this.httpService.post(url, params);\n\n }\n\n service.subscribe(\n (response: any) => {\n this.msgService.showSuccess(response.message);\n this.getCategoryList();\n this.modalService.dismissAll();\n this.categoryForm.reset();\n\n this.categoryFormSubmitted = false;\n },\n (err: any) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.categoryFormSubmitted = false;\n }\n );\n }\n }\n\n // Deletes Category\n onDeleteCategory(id: any) {\n\n if(id) {\n const modalRef = this.modalService.open(ConfirmModalComponent, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n size: 'sm',\n });\n modalRef.componentInstance.confirmationBoxTitle = 'Confirmation?';\n modalRef.componentInstance.confirmationMessage =\n this.translateService.instant('Are you sure you want to delete?');\n\n modalRef?.result?.then((response) => {\n if (response) {\n // delete category\n const url = `${PathConfig.BUILDER_CATEGORIES}/${id}`;\n this.httpService.delete(url).subscribe(\n (response) => {\n this.refresh = false;\n this.form.reset();\n this.getCategoryList();\n this.getSubCategories();\n this.modalService.dismissAll();\n this.categoryForm.reset();\n this.duplicateForm.reset();\n this.editTemplate('',this.selected_template_id);\n setTimeout(()=> this.refresh = true,1000);\n this.msgService.showSuccess(response.message);\n },\n (err) => {\n this.msgService.showError(err.error.message);\n }\n );\n }\n });\n }\n }\n\n onCancelCategory() {\n\n this.categoryForm.reset('');\n this.categoryForm.updateValueAndValidity();\n this.modalService.dismissAll();\n }\n\n addTemplate() {\n this.refresh = false;\n this.dtOptionsGlobal();\n\n this.updated_by='';\n this.updated_at='';\n\n this.isAddMode=true;\n this.isEditMode=false;\n this.selected_category_id = null;\n this.selected_template_id = null;\n this.fileList = [];\n\n this.form.reset('');\n this.form.updateValueAndValidity();\n\n setTimeout(()=> this.refresh = true,1000);\n\n\n }\n\n getSubCategories(id?:any) {\n\n let url = '';\n\n if(id)\n url =`${PathConfig.CONSULTING_SERVICE_BUILDERS}/${id}?type=V&search=${this.filterText}`;\n else \n url =`${PathConfig.CONSULTING_SERVICE_BUILDERS}?type=V&search=${this.filterText}`;\n\n this.httpService.get(url).subscribe(\n (response) => {\n this.template_list = response || [];\n if(id)\n this.selected_template = response || {};\n\n if(this.template_list?.length) {\n\n let catId = 0;\n \n this.activeCategory=[];\n\n // for (let a of this.template_list) {\n for (let i = 0;i this.refresh = true,1000);\n\n },\n (err) => {\n this.msgService.showError(err.error.message);\n }\n );\n\n }\n\n // on form submit\n onFormSubmit() {\n\n this.formElement.ngSubmit.emit();\n (this.formElement as any).submitted = true;\n this.onSubmit();\n }\n\n onSubmit() {\n if (this.form.valid && !this.formSubmitted) {\n this.formSubmitted = true;\n\n let params = this.form.getRawValue();\n params.category_id=this.selected_category_id;\n\n params.notes = [];\n\n this.fileList.forEach(object => {\n delete object['temp_path'];\n delete object['created_at'];\n });\n\n\n params.notes = [\n { note: params.note1, 'builder_file_type':'PROJECT_PLAN', 'type': 'V'},\n { note: params.note2, 'builder_file_type':'IMPORT_DATA', 'type': 'V'},\n { note: params.note3, 'builder_file_type':'STAGING_CALCULATIONS', 'type': 'V'},\n { note: params.note4, 'builder_file_type':'CNL_Charts', 'type': 'V'},\n { note: params.note5, 'builder_file_type':'CNL_FORECAST', 'type': 'V'},\n { note: params.note6, 'builder_file_type':'REMAINING_LIFE_CNLS', 'type': 'V'},\n { note: params.note7, 'builder_file_type':'FINAL_VALUATION', 'type': 'V'},\n ];\n\n\n let url = '';\n let service: any;\n\n\n url = this.isEditMode? `${PathConfig.CONSULTING_SERVICE_BUILDERS}/${this.selected_template_id}?type=V` :\n `${PathConfig.CONSULTING_SERVICE_BUILDERS}?type=V&name=${this.form.controls.name.value}`;\n\n params.files = this.fileList;\n\n\n\n service = this.isEditMode ? this.httpService.put(url,params) : this.httpService.post(url, params);\n\n service.subscribe(\n (response: any) => {\n\n this.msgService.showSuccess(response?.message);\n this.getSubCategories();\n this.form.reset();\n this.editTemplate(this.selected_category_id,response?.id ?? this.selected_template_id);\n this.formSubmitted = false;\n\n this.closeLoadingbar();\n },\n (err: any) => {\n this.refresh = false ;\n this.form.reset();\n this.isEditMode == true ? this.editTemplate(this.selected_category_id,this.selected_template_id) : this.fileList = [];\n \n \n this.closeLoadingbar();\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.formSubmitted = false;\n\n setTimeout(()=> this.refresh = true,1000);\n }\n );\n }\n else{\n // this.msgService.showError('Invalid Form Data')\n this.closeLoadingbar();\n }\n }\n\n editTemplate(category_id:any,template_id:any,resetDtOptions?:string) {\n\n if(template_id) {\n\n if(resetDtOptions=='selectTemplate')\n this.dtOptionsGlobal();\n\n this.isEditMode = true;\n this.refresh = false;\n\n this.fileList = [];\n this.selected_template = {};\n\n this.selected_category_id = category_id;\n this.selected_template_id = template_id;\n\n const url =`${PathConfig.CONSULTING_SERVICE_BUILDERS}/${template_id}?type=V`; \n\n this.httpService.get(url).subscribe(\n (response) => {\n this.refresh = false;\n \n this.selected_template = response || {};\n\n this.selected_category_id = this.selected_template?.category_id;\n\n if(this.selected_template) {\n\n this.updated_at = this.selected_template?.updated_at??'';\n this.updated_by = this.selected_template?.updated_by??'';\n\n this.fileList = this.selected_template?.files ?? [];\n\n this.form.patchValue(this.selected_template);\n\n if(this.selected_template?.notes?.length) {\n\n this.form.patchValue({\n\n note1:this.selected_template?.notes[0]?.note??'',\n note2:this.selected_template?.notes[1]?.note??'',\n note3:this.selected_template?.notes[2]?.note??'',\n note4:this.selected_template?.notes[3]?.note??'',\n note5:this.selected_template?.notes[4]?.note??'',\n note6:this.selected_template?.notes[5]?.note??'',\n note7:this.selected_template?.notes[6]?.note??'',\n });\n }\n \n setTimeout(()=> this.refresh = true,1000);\n if(this.selected_category_id)\n this.activeCategory[0]='cat'+this.selected_category_id;\n\n }\n },\n (err) => {\n setTimeout(()=> this.refresh = true,1000);\n this.msgService.showError(err.error.message);\n }\n ); \n }\n\n // this.dtOptionsFilter('');\n\n }\n\n getFilesByBuilderFileType(builder_file_type:string){\n\n if(this.fileList?.length){\n\n return this.fileList?.filter((files:any)=> files?.builder_file_type === builder_file_type && files?.is_deleted === false);\n\n }\n else return [];\n\n }\n\n exportReportByUrl(ID:any,filename:any){\n\n if(ID && filename) {\n\n const clientSlug = this.clientDetailService.CLIENT_ID ;\n\n const url = `${PathConfig.FILE_DOWNLOAD}/${ID}?db=${clientSlug}`;\n\n Utility.downloadFileFromURL(url,filename);\n\n // let extension='';\n \n // extension = filename?.substring(filename?.lastIndexOf(\".\")+1);\n // extension = extension?.toLowerCase();\n\n \n // if(['xlsx','docx','xls','doc','xlsb','xlsm'].includes(extension) && extension && extension!='') {\n // Utility.downloadFileFromURL(url,filename);\n // }\n // else{\n // Utility.downloadURI(url,filename);\n // }\n\n }\n \n }\n\n onCancel() {\n\n if(this.isEditMode){\n this.isAddMode=false;\n this.isEditMode=true;\n this.dtOptionsGlobal();\n\n this.form.reset();\n this.editTemplate(this.selected_category_id,this.selected_template_id);\n }\n else{\n\n this.isAddMode=true;\n this.isEditMode=false;\n this.dtOptionsGlobal();\n\n this.updated_by='';\n this.updated_at='';\n this.form.patchValue({});\n this.form.reset();\n this.selected_category_id = null;\n this.selected_template_id = null;\n }\n\n this.form.updateValueAndValidity();\n }\n\n onAddNew() {\n\n this.form.patchValue({});\n\n this.form.reset;\n\n this.form.updateValueAndValidity();\n }\n\n\n //on file upload\n onFileSelected(e:any,builder_file_type:any) {\n this.refresh = false;\n\n const file = e?.target?.files[0];\n\n\n if(file && (( this.selected_template_id && this.selected_category_id) || this.form.controls.name.value )) {\n\n let isValidFile : boolean = false;\n let extension = file?.name?.substring(file?.name?.lastIndexOf('.')+1, file?.name?.length)\n extension = extension.toLowerCase();\n isValidFile= ['xlsx','csv','pdf','txt','jpg','png','docx','xls','doc','xlsb','xlsm'].includes(extension?.toLowerCase())?true:false;\n\n if(isValidFile) {\n\n\n this.loadingBarModal();\n\n const bucket = new S3({\n accessKeyId: this.api_keys?.AWS_ACCESS_KEY_ID,\n secretAccessKey: this.api_keys?.AWS_SECRET_ACCESS_KEY,\n region: this.api_keys?.AWS_DEFAULT_REGION,\n });\n\n let formdata = new FormData();\n let contentType = file.type;\n\n switch(extension){\n case 'xlsx':\n contentType = 'Microsoft Excel worksheet';\n break;\n case 'csv':\n contentType = 'CSV document';\n break;\n case 'pdf':\n contentType = 'PDF document';\n break;\n case 'txt':\n contentType = 'Plain text document';\n break;\n case 'jpg':\n contentType = 'JPG image';\n break;\n case 'png':\n contentType = 'PNG image';\n break;\n case 'docx':\n contentType = 'Microsoft Word document';\n break;\n case 'xls':\n contentType = 'Microsoft Excel worksheet';\n break;\n case 'doc':\n contentType = 'Microsoft Word document';\n break;\n case 'xlsb':\n contentType = 'Microsoft Excel worksheet';\n break;\n case 'xlsm':\n contentType = 'Microsoft Excel worksheet';\n break;\n default:\n contentType = '';\n break;\n }\n\n formdata.append('type', 'V');\n formdata.append('file', file, file.name);\n formdata.append('file_mime_type', contentType);\n formdata.append('file_size', file.size);\n formdata.append('file_name', file.name);\n\n const params_s3 = {\n Bucket: this.api_keys?.AWS_BUCKET,\n Key: file?.name,\n Body: file,\n ContentType: contentType\n };\n let thisObj = this;\n bucket.upload(params_s3, (err: any, data: any) => {\n if (err) {\n\n const msgList = Utility.getErrorMessage(err?.error);\n msgList.forEach((msg) => thisObj.msgService.showError(msg));\n e.target.value='';\n this.closeLoadingbar();\n setTimeout(()=> this.refresh = true,1000);\n\n }\n if(data) {\n\n this.broadCastService.broadcast(MsgConstantConfig.SHOW_HIDE_CLIENT_PROGRESS_BAR,true);\n this.afterUpload(data,builder_file_type,file.size,contentType);\n e.target.value='';\n }\n });\n }\n else {\n this.msgService.showError(\"xlsx, xls, csv, pdf, txt, docx, doc, png, jpg, xlsb and xlsm extension allowed.\");\n e.target.value='';\n setTimeout(()=> this.refresh = true,1000);\n }\n\n }\n \n else{\n this.msgService.showError(\"To upload a file, enter Project's name.\"); \n e.target.value='';\n setTimeout(()=> this.refresh = true,1000);\n }\n setTimeout(()=> this.refresh = true,1000);\n\n }\n\n afterUpload(data:any,builder_file_type:string,size:any,mime_type:any) {\n\n var local = moment().valueOf();\n\n let uploaded_data = {\n builder_id:this.selected_template_id,\n builder_file_type:builder_file_type,\n type: 'V',\n file_type:mime_type,\n file_size:size,\n name : data?.Key,\n path : data?.Key,\n is_deleted : false,\n created_at : local,\n }\n\n this.fileList.push(uploaded_data)\n this.selected_template.files = this.fileList;\n setTimeout(()=> this.onFormSubmit(),1000);\n\n }\n\n // Open loading bar Modal\n loadingBarModal() {\n this.loaderService.hideLoader();\n this.modalRef = this.modalService.open(LoadingBarModalComponent, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n backdrop: 'static',\n keyboard: false,\n size: 'md',\n });\n\n this.modalRef.componentInstance.message=this.translateService.instant('Uploading Data');\n this.modalRef.componentInstance.message2=this.translateService.instant('Please wait for few minutes while we upload and Process..');\n\n }\n\n closeLoadingbar() {\n this.modalRef?.close();\n }\n\n dtOptionsFilter(type:string) {\n this.refresh = false;\n setTimeout(()=> this.refresh = true,1000);\n\n }\n\n convertoMemoryUnit(number:any){\n if(number)\n return ((Number(number))/1000000)?.toFixed(3)+' MB';\n\n else return '0 MB'\n }\n\n // optimizing rendering of list\n trackByIndex(index: any) {\n return index;\n }\n\n //move the selected template up and down in categories\n moveToCategory(key:string,category:any,template:any) {\n\n let categoryList = this.category_list?.map((item:any) => item?.id);\n let categoryindex = categoryList?.indexOf(category?.id);\n let new_category_id:number = -1;\n\n if(key=='up') {\n new_category_id = this.category_list[categoryindex-1]?.id;\n }\n if(key=='down') {\n new_category_id = this.category_list[categoryindex+1]?.id;\n }\n\n const params = { name: template?.name, category_id: new_category_id };\n\n let url = '';\n let service: any;\n\n url = `${PathConfig.CONSULTING_SERVICE_BUILDERS}/${template?.id}?type=V`;\n service = this.httpService.put(url, params);\n\n\n service.subscribe(\n (response: any) => {\n this.refresh = false;\n this.formSubmitted = false;\n this.getCategoryList();\n this.getSubCategories();\n\n this.activeCategory.push('cat'+new_category_id);\n this.msgService.showSuccess(\"Sub Categories Updated Successfully\");\n this.selected_category_id = new_category_id;\n },\n (err: any) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.formSubmitted = false;\n setTimeout(()=> this.refresh = true,1000);\n }\n );\n }\n\n // on Duplicate template\n onDuplicateTemplate(content: any) {\n this.duplicateForm.reset();\n this.modalService.open(content, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n size: 'sm',\n });\n }\n\n // on Duplicate template submit\n onDuplicateSubmit() {\n if (this.duplicateForm.valid && !this.duplicateFormSubmitted) {\n this.refresh = false;\n this.duplicateFormSubmitted = true;\n //get Detail By ID\n const url = `${PathConfig.CONSULTING_SERVICE_BUILDERS}/${this.selected_template_id}?type=V`;\n this.httpService.get(url).subscribe((response) => {\n\n const url = `${PathConfig.CONSULTING_SERVICE_BUILDERS}?type=V&name=${this.duplicateForm.controls.name.value}`;\n\n response.name = this.duplicateForm.value.name;\n\n const params = response;\n\n this.httpService.post(url,params).subscribe((response:any)=>{\n\n this.modalService.dismissAll();\n this.categoryForm.reset();\n this.duplicateForm.reset();\n this.form.reset();\n this.getSubCategories();\n this.editTemplate(this.selected_category_id,response?.id);\n\n \n this.duplicateFormSubmitted = false;\n this.categoryFormSubmitted = false;\n setTimeout(()=> this.refresh = true,1000);\n this.msgService.showSuccess(response.message);\n\n },(err:any)=>{\n setTimeout(()=> this.refresh = true,1000);\n this.modalService.dismissAll();\n this.categoryFormSubmitted = false;\n this.duplicateFormSubmitted = false;\n\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg)=>this.msgService.showError(msg));\n\n\n });\n\n },\n (err) => {\n setTimeout(()=> this.refresh = true,1000);\n this.modalService.dismissAll();\n\n this.msgService.showError(err.error.message);\n }\n );\n }\n }\n\n deleteFileByID(id:any,created_at:any) {\n\n if(!this.isValuationReadOnly) {\n const modalRef = this.modalService.open(ConfirmModalComponent, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n size: 'sm',\n });\n modalRef.componentInstance.confirmationBoxTitle = 'Confirmation?';\n modalRef.componentInstance.confirmationMessage =\n this.translateService.instant(\"Are you sure you want to delete this file?\");;\n modalRef.componentInstance.confirmationMessage2 =\n this.translateService.instant(\"Note : Remember to click 'Save' in order to keep your changes.\");;\n\n modalRef?.result?.then((response) => {\n if (response) {\n this.openLoader();\n this.refresh = false;\n let index = -1;\n index = this.fileList?.findIndex((item:any)=> item?.id == id)??-1;\n \n \n if(index!== -1)\n this.fileList[index].is_deleted = true;\n else {\n this.msgService.showError('Invalid File ID');\n }\n \n setTimeout(()=> this.refresh = true,1000);\n setTimeout(()=> this.loaderService.hideLoader(),2000);\n \n }\n });\n }\n }\n\n // Deletes Template\n onDeleteTemplate(id: any) {\n\n if(id) {\n const modalRef = this.modalService.open(ConfirmModalComponent, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n size: 'sm',\n });\n modalRef.componentInstance.confirmationBoxTitle = 'Confirmation?';\n modalRef.componentInstance.confirmationMessage =\n this.translateService.instant(\"Are you sure you want to delete this template?\");\n\n modalRef?.result?.then((response) => {\n if (response) {\n // delete Template\n const url =`${PathConfig.CONSULTING_SERVICE_BUILDERS}/${this.selected_template_id}?type=V`;\n this.httpService.delete(url).subscribe(\n (response) => {\n this.refresh = false;\n this.form.reset();\n this.getCategoryList();\n this.getSubCategories();\n this.modalService.dismissAll();\n this.categoryForm.reset();\n this.duplicateForm.reset();\n this.addTemplate();\n setTimeout(()=> this.refresh = true,1000);\n this.msgService.showSuccess(response.message);\n },\n (err) => {\n this.refresh = false;\n this.form.reset();\n this.getCategoryList();\n this.getSubCategories();\n this.modalService.dismissAll();\n this.categoryForm.reset();\n this.duplicateForm.reset();\n this.addTemplate();\n setTimeout(()=> this.refresh = true,1000);\n this.msgService.showError(err.error.message);\n }\n );\n }\n });\n }\n }\n\n onListSearch(text: string): void {\n\n this.filterText = text;\n\n this.getSubCategories();\n\n }\n\n openLoader() {\n this.loaderService.showLoader();\n }\n\n ngOnDestroy(): void {\n //remove all events\n this.eventSubscription.forEach((event) => event.unsubscribe());\n }\n\n}\n","\n\n\n\n \n \n \n\n \n\n \n \n ","import { Component, Input, OnInit } from '@angular/core';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-confirm-modal',\n templateUrl: './confirm-modal.component.html',\n styleUrls: ['./confirm-modal.component.scss']\n})\nexport class ConfirmModalComponent implements OnInit {\n @Input() confirmationBoxTitle ='';\n @Input() confirmationMessage = '';\n @Input() confirmationYesButton = ''; \n @Input() confirmationNoButton = '';\n @Input() showConfirmationYesButton = true;\n @Input() showConfirmationNoButton = true;\n @Input() showCloseButton = true;\n @Input() confirmationMessage2 = null;\n @Input() swapConfirmationButton = false;\n constructor(public activeModal: NgbActiveModal,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en'); }\n\n ngOnInit(): void {\n }\n\n}\n"," = new EventEmitter();\n @Input() date: string = '';\n @Input() futureDate: boolean = true;\n @Input() pastDate: boolean = true;\n @Input() thirtyDaysLimit:boolean = false;\n @Input() maxDateLimit = 29;\n @Input() minDateLimit = 90;\n @Input() ninetyDaysPastLimit:boolean = false;\n @Input() contractDate:any = '';\n\n maxDate : any = '';\n minDate : any = {year: 1920, month: 1, day: 1};\n selected!: any;\n disabled = false;\n onChange: any = () => { };\n onTouched: any = () => { };\n onValidationChange: any = () => {};\n\n\n constructor(\n private dtAdapter: NgbDateAdapter,\n private dtParser:NgbDateParserFormatter){\n }\n\n ngOnInit(): void {\n\n //set default max date 100 year in future changed on 28-10-2024. We found this messing with down payment task.\n let date = new Date();\n let todayYear = date.getFullYear();\n let todayMonth = date.getMonth();\n let todayDate = date.getDate();\n this.maxDate = {year: todayYear+100, month: todayMonth, day: todayDate};\n\n console.log(this.contractDate);\n if(this.futureDate == false){\n let date = new Date();\n let todayYear = date.getFullYear();\n let todayMonth = date.getMonth();\n let todayDate = date.getDate();\n this.maxDate = {year: todayYear, month: todayMonth+1, day: todayDate};\n }\n if(this.thirtyDaysLimit == true){\n let date = new Date(new Date().setDate(new Date().getDate() + 29));\n let todayYear = date.getFullYear();\n let todayMonth = date.getMonth();\n let todayDate = date.getDate();\n this.maxDate = {year: todayYear, month: todayMonth+1, day: todayDate};\n }\n if(this.ninetyDaysPastLimit == true){\n let date = new Date(moment(this.contractDate, 'YYYY-MM-DD').subtract(90,'days').format());\n let todayYear = date.getFullYear();\n let todayMonth = date.getMonth();\n let todayDate = date.getDate();\n this.minDate = {year: todayYear, month: todayMonth+1, day: todayDate};\n }\n if(this.pastDate == false){\n let date = moment(new Date())?.tz(ConstantConfig.SERVER_TIMEZONE);\n let todayYear = date.year();\n let todayMonth = date.month();\n let todayDate = date.date();\n this.minDate = {year: todayYear, month: todayMonth+1, day: todayDate};\n }\n }\n\n get value() {\n return this.selected;\n }\n\n set value(value: any) {\n this.selected = this.dtAdapter.toModel(this.dtAdapter.fromModel(value)) ?? '';\n\n this.onChange(this.selected);\n this.onValidationChange();\n }\n\n ngOnChanges(changes: SimpleChanges) {\n const date = changes['date'] || [];\n if (date) {\n if (date['currentValue'] !== date['previousValue'] && date['firstChange']) {\n this.selected = this.dtAdapter.toModel(this.dtAdapter.fromModel(date['currentValue'])) ?? '';\n this.onChange(this.selected);\n }\n }\n }\n\n onDateSelect(dt: NgbDateStruct) {\n this.onTouched();\n this.selected = this.dtAdapter.toModel(dt) ?? '';\n this.onChange(this.selected);\n this.selected ? this.dateSelected.emit(this.selected) : '';\n }\n\n writeValue(value: any): void {\n // if(value){\n this.selected = this.dtAdapter.toModel(this.dtAdapter.fromModel(value)) ?? '';\n this.onChange(this.selected);\n // }\n }\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n registerOnTouched(fn: any): void {\n this.onTouched = fn;\n }\n setDisabledState(isDisabled: boolean) {\n this.disabled = isDisabled;\n }\n\n validate(control: AbstractControl): any {\n // if((control && control.hasValidator(Validators.required))){\n\n // }\n }\n\n registerOnValidatorChange?(fn: () => void): void {\n this.onValidationChange = fn;\n }\n\n onBlur(status:any){\n if(status == 'INVALID'){\n this.selected = '';\n this.onChange(this.selected);\n }else{\n this.onChange(this.selected);\n }\n this.onTouched();\n this.dateSelected.emit(this.selected);\n }\n}\n","\n ","import { Component, OnInit } from '@angular/core';\nimport { EventEmitter, forwardRef, Input, Optional, Output, Provider, Self, SimpleChanges } from '@angular/core';\nimport { formatDate } from '@angular/common';\n@Component({\n selector: 'app-custome-month-picker',\n templateUrl: './custome-month-picker.component.html',\n styleUrls: ['./custome-month-picker.component.scss']\n})\nexport class CustomeMonthPickerComponent implements OnInit {\n\n modelDate!: Date;\n minAllowedDate: Date;\n maxAllowedDate: Date;\n selectedMonthFormatted!: string;\n @Output() monthSelected: EventEmitter = new EventEmitter();\n @Input() placeholder:string = 'mm/yyyy';\n constructor() {\n const currentDate = new Date();\n this.maxAllowedDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);\n // Set selectedDate to the first day of the current month\n this.modelDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);\n this.selectedMonthFormatted = formatDate(this.modelDate, 'yyyy-MM', 'en-US');\n this.selectedMonthFormatted ? this.monthSelected.emit(this.selectedMonthFormatted) : '';\n this.minAllowedDate = new Date(this.maxAllowedDate.getFullYear() - 2, this.maxAllowedDate.getMonth(), this.maxAllowedDate.getDate());\n }\n\n ngOnInit(): void {\n }\n\n onSelectedDateChange(event: Date) {\n // Format the selected date to 'YYYY-MM'\n this.selectedMonthFormatted = formatDate(event, 'yyyy-MM', 'en-US');\n this.selectedMonthFormatted ? this.monthSelected.emit(this.selectedMonthFormatted) : '';\n this.emitMonthSelected();\n }\n\n private emitMonthSelected() {\n this.monthSelected.emit(this.selectedMonthFormatted);\n }\n}\n","\n \n","import { Component, Input, OnInit, ViewChild } from '@angular/core';\nimport { NgbAccordion } from '@ng-bootstrap/ng-bootstrap';\nimport _ from 'lodash';\nimport { TranslateService } from '@ngx-translate/core';\nimport { BroadcastService, HttpService, MessageService } from 'src/app/core';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { PathConfig } from 'src/app/core/config/path.config';\n\n@Component({\n selector: 'app-data-warehouse',\n templateUrl: './data-warehouse.component.html',\n styleUrls: ['./data-warehouse.component.scss']\n})\nexport class DataWarehouseComponent implements OnInit {\n @ViewChild('dataWareHouseAccordion', { static: true }) dataWareHouseAccordion!: NgbAccordion;\n defaultPanel: Array = [];\n dataWarehouseList: Array = [];\n isEditPermission: boolean = true;\n field_search: string = '';\n category_search: string = '';\n isDataWareHouseLoading: boolean = false;\n @Input() isModuleServicing: boolean = false;\n openPanels: any;\n constructor(\n private httpService: HttpService,\n private msgService: MessageService, \n private broadCastService: BroadcastService,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en'); }\n\n ngOnInit(): void {\n this.getDatawareHouseList();\n }\n searchPending: boolean = false;\n\n onListSearch(val: string, type: string) {\n if (this.isDataWareHouseLoading) {\n this.searchPending = true;\n switch (type) {\n case \"field\":\n this.field_search = val;\n break;\n case \"category\":\n this.category_search = val;\n break;\n }\n }\n else {\n this.searchPending = false;\n switch (type) {\n case \"field\":\n this.field_search = val;\n break;\n case \"category\":\n this.category_search = val;\n break;\n }\n this.getDatawareHouseList();\n }\n }\n\n getDatawareHouseList() {\n this.isDataWareHouseLoading = true;\n const isSearchEmpty = this.field_search.trim() === '';\n const url = `${PathConfig.DATA_WAREHOUSE}?search=${this.field_search}&category=${this.category_search}`;\n this.httpService.get(url).subscribe(\n (response) => {\n this.dataWarehouseList = response || [];\n this.defaultPanel = this.dataWarehouseList?.map((warehouse: any) => `warehouse-${warehouse.id}`);\n this.isDataWareHouseLoading = false;\n this.openPanels = isSearchEmpty ? [] : this.defaultPanel;\n setTimeout(() => this.dataWareHouseAccordion?.expandAll(), 1000);\n if (this.searchPending) {\n this.searchPending = false;\n this.onListSearch(this.field_search, 'field');\n }\n },\n (err) => {\n this.msgService.showError(err.error.message);\n this.isDataWareHouseLoading = false;\n }\n );\n }\n\n fieldSelected(field: any){\n this.broadCastService.broadcast(\n MsgConstantConfig.NOTIFICATION_FIELD, field\n );\n }\n\n // optimizing rendering of list of mapping tool\n TrackById(index: any, item: any) {\n return item?.id || index;\n }\n\n searchReset() {\n console.log('searchReset')\n this.field_search = '';\n this.category_search = '';\n this.getDatawareHouseList();\n }\n\n}\n","\n \n \n","import { Component, ElementRef, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport * as _ from 'lodash';\n@Component({\n selector: 'app-ls-file-upload',\n templateUrl: './file-upload.component.html',\n styleUrls: ['./file-upload.component.scss']\n})\nexport class LSFileUploadComponent implements OnInit , OnChanges {\n @ViewChild('fileInput') fileInput!:ElementRef;\n @Input() heading:string = '';\n @Input() imgPath:string = '';\n @Input() imgType:string = '';\n @Input() isEditPermission:boolean = true;\n @Output() fileSelected:EventEmitter = new EventEmitter();\n @Output() fileReset:EventEmitter = new EventEmitter();\n uniqueID:string = _.uniqueId('file_');\n constructor(private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en'); } \n ngOnChanges(changes:SimpleChanges):void{\n const img = changes['imgPath'];\n if(img && (img.currentValue!= img.previousValue)){\n if(this.imgType == 'Profile'){\n this.imgPath = img.currentValue ? img.currentValue : '../assets/images/icons/default-user.png' ;\n }else{\n this.imgPath = img.currentValue ? img.currentValue : '../assets/images/icons/default.png' ;\n }\n }\n\n const isPermission = changes['isEditPermission'];\n if(isPermission && (isPermission.currentValue!= isPermission.previousValue)){\n this.isEditPermission = isPermission.currentValue;\n }\n }\n\n ngOnInit(): void {\n\n}\n\n onUploadBtnClick(){\n this.fileInput.nativeElement.click();\n }\n // on file upload\n onFileChange(event:any) {\n if(event.target.files && event.target.files.length) {\n const file = event.target.files[0];\n this.fileSelected.emit(file);\n }\n this.fileInput.nativeElement.value = '';\n }\n // on file reset\n onFileReset() {\n this.fileReset.emit(true);\n this.fileInput.nativeElement.value = '';\n }\n\n}\n"," = [];\n @Output() onSelected: EventEmitter = new EventEmitter();\n @Input() selectedFilter: any = '';\n\n constructor(private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en'); }\n ngOnChanges(changes: SimpleChanges): void {\n const list = changes['imgPath'];\n if (list && list.currentValue != list.previousValue) {\n this.list = list.currentValue;\n }\n }\n ngOnInit(): void {}\n onFilterSelected(item: any) {\n this.selectedFilter = item.id;\n this.onSelected.emit(item);\n }\n}\n","\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport { fromEvent } from 'rxjs';\nimport { debounceTime, distinctUntilChanged, map } from 'rxjs/operators';\nimport { BroadcastService } from 'src/app/core';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\n\n@Component({\n selector: 'app-ls-search-input',\n templateUrl: './search-input.component.html',\n styleUrls: ['./search-input.component.scss']\n})\nexport class LSSearchInputComponent implements OnInit {\n @Input() placeholder:string = 'Search';\n @Output() onSearch:EventEmitter = new EventEmitter();\n @ViewChild('searchInput', { static: true }) searchInput!: ElementRef;\n @Input() DisableSearch:boolean = false;\n constructor(\n private broadCastService: BroadcastService,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en'); \n }\n\n ngOnInit(): void {\n\n this.broadCastService\n .on(MsgConstantConfig.RESET_DATA_WAREHOUSE_ACCORDION_SEARCH)\n .subscribe((field: any) => {\n console.log('broadcast : ',this.searchInput.nativeElement.value)\n this.searchInput.nativeElement.value = '';\n });\n\n //search box functionality\n fromEvent(this.searchInput.nativeElement, 'keyup').pipe(\n map((event: any) => event.target.value),\n debounceTime(1500),\n distinctUntilChanged()\n ).subscribe((text: string) => {\n this.onSearch.emit(text);\n });\n\n }\n\n}\n"," = new EventEmitter();\n @Output() fileReset:EventEmitter = new EventEmitter();\n uniqueID:string = _.uniqueId('file_csv_upload_');\n constructor(private msgService:MessageService,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en'); }\n ngOnChanges(changes:SimpleChanges):void{\n const name = changes['fileName'];\n if(name && (name.currentValue!= name.previousValue)){\n this.fileName = name.currentValue || '' ;\n }\n\n const isEdit = changes['isEditPermission'];\n if(isEdit && (isEdit.currentValue!= isEdit.previousValue)){\n this.isEditPermission = isEdit.currentValue;\n }\n\n }\n\n ngOnInit(): void {\n \n}\n\n onUploadBtnClick(){\n this.fileInput.nativeElement.click();\n }\n // on file upload\n onFileChange(event:any) {\n if(event.target.files && event.target.files.length) {\n const file = event.target.files[0];\n this.fileName = file.name || '';\n let extension = file?.name?.substr(file?.name?.lastIndexOf('.')+1)\n // let extension = this.fileName.split('.')[1];\n const size = file.size / 1024 / 1024 ;\n if(!this.acceptFiles.split(',').includes(extension.toLowerCase())){\n this.fileName = '';\n this.fileInput.nativeElement.value = '';\n this.msgService.showError(`${this.acceptFiles} extension only allowed`);\n }else if((size > Number(this.acceptFileSizeInMB))){\n this.fileName = '';\n this.fileInput.nativeElement.value = '';\n this.msgService.showError(`Up to ${this.acceptFileSizeInMB} MB file size allowed`);\n } else {\n var reader = new FileReader();\n const thisObj = this;\n reader.onloadend = function (e) {\n if(e && e.target){\n let csvdata = e.target.result; \n let parsedata = [];\n if(csvdata != null && csvdata != undefined && typeof (csvdata)== \"string\" ) {\n // let newLinebrk = csvdata.split(\"\\n\");\n // let validDataFile = true;\n // for(let i = 0; i < newLinebrk.length; i++) {\n // if(newLinebrk[i].split(\",\").length>=2){\n // thisObj.msgService.showError(`File should be in correct format`);\n // validDataFile = false;\n // break;\n // }\n // }\n // if(validDataFile == true) {\n // thisObj.fileSelected.emit(file);\n // }\n thisObj.fileSelected.emit(file);\n \n }\n } \n };\n\n let bytes = 50000;\n let blob = file.slice(0, bytes);\n reader.readAsBinaryString(file);\n this.fileName = '';\n this.fileInput.nativeElement.value = '';\n }\n }\n }\n // on file reset\n onFileReset() {\n this.fileReset.emit(true);\n this.fileName = '';\n this.fileInput.nativeElement.value = '';\n }\n}\n"," {\n \n readonly DELIMITER = '-';\n \n fromModel(value: string | null): NgbDateStruct | null {\n if (value) {\n const date = value?.split(this.DELIMITER);\n return {\n day : parseInt(date[2], 10),\n month : parseInt(date[1], 10),\n year : parseInt(date[0], 10)\n };\n }\n return null;\n }\n \n toModel(date: NgbDateStruct | null): string | null {\n return date ? date.year + this.DELIMITER + ('0'+date.month).slice(-2) + this.DELIMITER + ('0'+date.day).slice(-2) : null;\n }\n }\n \n","import { Injectable } from \"@angular/core\";\nimport { NgbDateParserFormatter, NgbDateStruct } from \"@ng-bootstrap/ng-bootstrap\";\n\n /**\n * This Service handles how the date is rendered and parsed from keyboard i.e. in the bound input field.\n */\n @Injectable()\n export class CustomDateParserFormatter extends NgbDateParserFormatter {\n \n readonly DELIMITER = '/';\n \n parse(value: string): NgbDateStruct | null {\n if (value) {\n const date = value?.split(this.DELIMITER);\n return {\n day : parseInt(date[1], 10),\n month : parseInt(date[0], 10),\n year : parseInt(date[2], 10)\n };\n }\n return null;\n }\n \n format(date: NgbDateStruct | null): string {\n return date ? ('0'+date.month).slice(-2) + this.DELIMITER + ('0'+date.day).slice(-2) + this.DELIMITER + date.year : '';\n }\n }","// This file can be replaced during build by using the `fileReplacements` array.\n// `ng build --prod` replaces `environment.ts` with `environment.development.ts`.\n// The list of file replacements can be found in `angular.json`.\n\nexport const environment = {\n production: false ,\n API_URL:'https://dev-api.lendisoft.com/api',\n API_URL2:'http://127.0.0.1:8000/api',\n IMG_URL:'https://lms-dev-media.s3.us-west-2.amazonaws.com/',\n LOGIN_URL : \"https://www.lendisoft.com/\",\n LOGIN_TIMEOUT_IN_SEC : 600,\n PRODUCT_GUIDE_URL:'https://lms-public-place.s3.us-west-2.amazonaws.com/Product+Guide/Lendisoft%2BProduct%2BGuide.pdf',\n};\n\n/*\n * For easier debugging in development mode, you can import the following file\n * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.\n *\n * This import should be commented out in production mode because it will have a negative impact\n * on performance if an error is thrown.\n */\n// import 'zone.js/dist/zone-error'; // Included with Angular CLI.\n","///
\n \n
\n\n
\n\n\n\n\n \n \n\n \n
\n{{'Submit Repo Review'|translate}}\n \n \n
\n \n
\n \n\n
\n \n
\n \n
\n \n {{'Please confirm before submitting to Repo Review'|translate}}.\n
\n \n \n \n
\n
\n | {{'Field Name'|translate}} | \n{{'Before'|translate}} | \n\n | {{'After'|translate}} | \n \n
| {{'Sub-Status'|translate}} | \n\n \n {{submitRepoReviewPreviewData?.before?.sub_status|| '-'}}\n | \n\n ![\"\"](\"assets/images/icons/arrow2.png\"){kind=icon} \n ![](\"assets/images/icons/arrow2-light.png\"){kind=icon} \n | \n {{submitRepoReviewPreviewData?.after?.sub_status|| '-'}} | \n
| {{'Assigned To'|translate}} | \n\n \n {{submitRepoReviewPreviewData?.before?.user || '-'}}\n | \n\n \n \n | \n \n \n {{submitRepoReviewPreviewData?.after?.user || '-'}}\n | \n
| {{'Last Repo Review Date'|translate}} | \n\n \n {{convertLocalTimeZoneWithoutTime(submitRepoReviewPreviewData?.before?.last_repo_review_date) || '-'}}\n | \n\n \n \n | \n \n \n {{convertLocalTimeZoneWithoutTime(submitRepoReviewPreviewData?.after?.last_repo_review_date) || '-'}}\n | \n
\n \n
\n \n
\n\n \n\n\n \n
\n\n
\n {{'Route Account'|translate}}
\n \n\n
\n \n \n
\n \n
\n \n
\n \n {{'Input the field values for reamortizing the loan'|translate}}.\n
\n \n \n \n
\n
\n | {{'Field Name'|translate}} | \n{{'Before'|translate}} | \n\n | {{'After'|translate}} | \n
| {{'Routed To'|translate}}: | \n{{routed_to_name}} | \n\n \n \n | \n \n \n | \n
\n
\n \n\n
\n \n \n \n
\n
\n | {{'Date'|translate}} | \n{{'Routed By'|translate}} | \n\n | {{'Routed To'|translate}} | \n
| {{ (convertLocalTimeZone(item?.updated_at)) | date:DATE_FORMAT }} | \n{{item?.from_user?.employee_initials}} - {{item?.from_user?.firstname}} {{item?.from_user?.lastname}} | \n\n \n \n | \n {{item?.to_user?.employee_initials}} - {{item?.to_user?.firstname}} {{item?.to_user?.lastname}} | \n
\n \n
\n\n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { BroadcastService, HttpService, MessageService, PermissionService } from 'src/app/core';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { Utility } from 'src/app/core/utils/utility';\n@Component({\n selector: 'app-start-stop-interest-accrual',\n templateUrl: './start-stop-interest-accrual.component.html',\n styleUrls: ['./start-stop-interest-accrual.component.scss']\n})\nexport class StartStopInterestAccrualComponent implements OnInit {\n @Input() loanDetail!: any;\n @Input() loanID!: any;\n @Input() isRouteShowHistory : boolean = false;\n modalTitle:string='';\n modalSubTitle:string='';\n constructor(\n\n private httpService: HttpService,\n private msgService: MessageService,\n private permissionService: PermissionService,\n private modalService: NgbModal,\n public activeModal: NgbActiveModal,\n private broadCastService:BroadcastService\n\n ) { }\n\n ngOnInit(): void {\n this.modalTitle=this.loanDetail?.interest_accrual_on_yn=='YES'?'Stop Interest Accrual':'Start Interest Accrual';\n this.modalSubTitle=this.loanDetail?.interest_accrual_on_yn=='YES'?'Click submit to stop interest accrual.':'Click submit to start interest accrual.';\n }\n\n submit(){\n\n\n const params = {loan_id:this.loanID,payment_info_code_slug:this.loanDetail?.interest_accrual_on_yn=='YES'?'STOP_INT':'START_INT'};\n const url = `${PathConfig.LOAN_TRANSACTIONS_START_STOP_ACCURAL}`;\n this.httpService.post(url, params).subscribe({\n next : (res) => {\n this.msgService.showSuccess(res?.message);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN_TRANSACTION_LIST);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACCOUNT_HISTORY_LIST);\n\n },\n error : (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n }\n });\n this.modalService.dismissAll();\n }\n\n}\n","\n\n \n
\n\n
\n \n {{modalTitle|translate}}\n
\n \n\n\n
\n \n\n
\n \n
\n \n
\n \n {{modalSubTitle|translate}}\n
\n \n \n \n
\n
\n | {{'Field Name'|translate}} | \n{{'Before'|translate}} | \n\n | {{'After'|translate}} | \n
| {{'Fee Accrual'|translate}} | \n{{(this.loanDetail?.late_fee_accrual_on_yn=='YES'? 'Yes' : 'No')|translate }} | \n\n \n \n | \n \n {{(this.loanDetail?.late_fee_accrual_on_yn=='YES'? 'No' : 'Yes')|translate }}\n |
\n
\n","import { Component, ElementRef, Input, OnInit, ViewChild } from '@angular/core';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { BroadcastService, HttpService, MessageService, UserService } from 'src/app/core';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport * as _ from 'lodash';\nimport { Utility } from 'src/app/core/utils/utility';\nimport { AbstractControl, UntypedFormControl, UntypedFormGroup, NgForm, Validators } from '@angular/forms';\nimport moment from 'moment';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport \"moment-timezone\";\nimport Decimal from 'decimal.js';\nimport { QueueDetailServiceService } from '../queue-detail-service.service';\n\n\n@Component({\n selector: 'app-take-payment',\n templateUrl: './take-payment.component.html',\n styleUrls: ['./take-payment.component.scss']\n})\nexport class TakePaymentComponent implements OnInit {\n\n @Input() loanDetail!: any;\n @Input() loanID!: any;\n @Input() id!: any;\n @Input() editMode!: boolean;\n @Input() transactionDetails!: any;\n @Input() previousTransaction!: any;\n submitted: boolean = false;\n isManualTakePayment: boolean = false;\n loanTransactionDetails!: any;\n paymentCodeList: any;\n paymentMethodList: any;\n isButtonEnabled: boolean = false;\n selectedPaymentCode:any=null;\n isChargedOFF:boolean=false;\n\n // balanceAfter = {\n // principal_payment: 0,\n // interest_payment: 0,\n // late_fees_payment: 0,\n // nsf_fees_payment: 0,\n // other_fees_payment: 0,\n // // down_payment: 0,\n // total_payment: 0\n // }\n\n balanceAfter: any = {\n principal_payment: 0,\n interest_payment: 0,\n late_fees_payment: 0,\n nsf_fees_payment: 0,\n other_fees_payment: 0,\n down_payment: 0,\n total_payment: 0\n }\n\n @ViewChild('paymentForm') formElement!: NgForm;\n takePaymentForm! : UntypedFormGroup\n isDirty:boolean = false;\n @ViewChild('totalFee') totalFee! : ElementRef;\n isOverAmount: boolean = false;\n isAmountValueExist: boolean = true;\n codetype:string='';\n current_date:string='';\n isFutureDate:boolean=false;\n disablePastDate:boolean=false;\n showPreventLatefeeNegativeErrorMessage: boolean = false;\n showPreventNsffeeNegativeErrorMessage: boolean= false;\n showPreventOtherfeeNegativeErrorMessage: boolean= false;\n showPreventIntNegativeErrorMessage: boolean= false;\n\n constructor(\n private httpService: HttpService,\n private msgService: MessageService,\n private modalService: NgbModal,\n public activeModal: NgbActiveModal,\n private broadCastService:BroadcastService,\n private userService: UserService,\n private queueDetailService: QueueDetailServiceService\n ) {\n\n this.codetype=this.isSpecialPermission();\n\n }\n\n ngOnInit(): void {\n // this.current_date=moment(new Date()).format(\"YYYY-MM-DD\");\n this.current_date= moment(new Date()).tz('America/Los_Angeles').format(\"YYYY-MM-DD\")\n this.getDif(this.current_date);\n if(this.editMode){\n this.takePaymentForm = new UntypedFormGroup({\n payment_info_code_id: new UntypedFormControl(null, [Validators.required]),\n // payment_effective_date: new FormControl(this.loanDetail?.last_nightly_process_date, [Validators.required]),\n payment_effective_date: new UntypedFormControl(this.current_date, [Validators.required]),\n\n payment_method_id: new UntypedFormControl(null, [Validators.required]),\n payment_amount: new UntypedFormControl('0.00', [Validators.required,this.currencyRangeValidator]),\n posting_method: new UntypedFormControl('ROLL_DUE_DATE', [Validators.required]),\n reference_note: new UntypedFormControl('',[Validators.maxLength(200),Validators.pattern('^(?!\\\\s*$).+'),Validators.minLength(4)]),\n principal_payment: new UntypedFormControl('0.00', [Validators.required,this.currencyRangeValidator]),\n interest_payment: new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n late_fees_payment: new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n nsf_fees_payment: new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n other_fees_payment: new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n down_payment: new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n total_payment: new UntypedFormControl('0.00',[Validators.required]),\n payment_edit_reason: new UntypedFormControl('',[Validators.required,Validators.maxLength(100),Validators.pattern('^(?!\\\\s*$).+'),Validators.minLength(4)]),\n payment_received_method : new UntypedFormControl('RECEIVED_IN_MAIL', []),\n })\n this.takePaymentForm.valueChanges.subscribe((e) => (this.isDirty = true));\n this.getFirstTransactionDate();\n }\n if(!this.editMode){\n this.takePaymentForm = new UntypedFormGroup({\n payment_info_code_id : new UntypedFormControl(null, [Validators.required]),\n // payment_effective_date: new FormControl(this.loanDetail?.last_nightly_process_date, [Validators.required]),\n payment_effective_date : new UntypedFormControl(this.current_date, [Validators.required]),\n payment_method_id : new UntypedFormControl(null, [Validators.required]),\n payment_amount : new UntypedFormControl('0.00', [Validators.required,this.currencyRangeValidator]),\n posting_method : new UntypedFormControl('ROLL_DUE_DATE', [Validators.required]),\n reference_note : new UntypedFormControl('',[Validators.maxLength(200),Validators.pattern('^(?!\\\\s*$).+'),Validators.minLength(4)]),\n principal_payment : new UntypedFormControl('0.00', [Validators.required,this.currencyRangeValidator]),\n interest_payment : new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n late_fees_payment : new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n nsf_fees_payment : new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n other_fees_payment : new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n down_payment : new UntypedFormControl('0.00', [Validators.required,this.feesRangeValidator]),\n total_payment : new UntypedFormControl('0.00',[Validators.required]),\n payment_edit_reason : new UntypedFormControl(''),\n payment_received_method : new UntypedFormControl('RECEIVED_IN_MAIL', []),\n })\n this.takePaymentForm.valueChanges.subscribe((e) => (this.isDirty = true));\n }\n\n this.getPaymentCode();\n this.getPaymentMethod();\n this.getLoanTransactionDetails();\n // this.compareToPstDateTime();\n }\n\n getFirstTransactionDate(){\n const url = `${PathConfig.LOANS}/${this.loanID}`;\n this.httpService.get(url).subscribe((res) => {\n this.loanTransactionDetails.import_transaction_date = res?.import_transaction_date??'';\n })\n }\n\n\n // compareToPstDateTime(){\n // const date = new Date();\n // // var options = {year: 'numeric', month: 'long', day: 'numeric',timeZone: 'America/Los_Angeles',\n // // hour: '2-digit',\n // // minute: '2-digit',\n // // hour12: false };\n // const pst = date?.toLocaleString('en-US', {year: 'numeric', month: 'numeric', day: 'numeric',timeZone: 'America/Los_Angeles'});\n // return pst;\n // }\n\n\n //function To Validate Payment Effective Date with 1st import date and future dates\n getDif(effdate:string){\n\n let firstImportDate=0;\n let today=moment.tz(\"America/Los_Angeles\").format('YYYY-MM-DD');\n console.log(today);\n let tod=Date.parse(today?.toString());\n // console.log(tod)\n\n let dpast=tod;\n let selectedDate = Date.parse(effdate);\n\n if(this.loanTransactionDetails?.import_transaction_date){\n\n dpast = Date.parse(this.loanTransactionDetails?.import_transaction_date);\n let dpastTimeStamp = moment(new Date((dpast)))?.tz('America/Los_Angeles')?.format(\"YYYY-MM-DD\");\n firstImportDate = new Date(dpastTimeStamp)?.getTime();\n }\n\n if(selectedDate>tod){\n\n this.isFutureDate=true;\n this.disablePastDate= false;\n }\n //converting selected date to PST for comparing\n else if(firstImportDate>(selectedDate-1000*60*60*8)){\n\n this.isFutureDate=false;\n this.disablePastDate=true;\n }\n else {\n\n this.isFutureDate=false;\n this.disablePastDate=false;\n }\n }\n\n\n\n isSpecialPermission():string{\n\n\n let codeType ='';\n const permisions: Array\n\n \n
\n\n
\n \n {{modalTitle|translate}}\n
\n \n\n\n
\n \n\n
\n \n
\n \n
\n \n {{modalSubTitle|translate}}\n
\n \n \n \n
\n
\n | {{'Field Name'|translate}} | \n{{'Before'|translate}} | \n\n | {{'After'|translate}} | \n
| {{'Interest Accrual'|translate}} | \n{{(this.loanDetail?.interest_accrual_on_yn=='YES'? 'Yes' : 'No')|translate }} | \n\n \n \n | \n \n {{(this.loanDetail?.interest_accrual_on_yn=='YES'? 'No' : 'Yes')|translate }}\n |
\n \n
\n","import { Component, OnInit,Input } from '@angular/core';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { HttpService } from 'src/app/core';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { TakePaymentComponent } from '../take-payment/take-payment.component';\nimport { TranslateService } from '@ngx-translate/core';\nimport { environment } from 'src/environments/environment';\n@Component({\n selector: 'app-take-pmt',\n templateUrl: './take-pmt.component.html',\n styleUrls: ['./take-pmt.component.scss']\n})\nexport class TakePmtComponent implements OnInit {\n environment = environment;\n @Input() loanDetail!: any;\n @Input() loanID!: any;\n @Input() id!: any;\n @Input() editMode!: boolean;\n @Input() transactionDetails!: any;\n @Input() previousTransaction!: any;\n @Input() take_payment_url:string='';\n activePaymentPortals: any[]=[];\n\n constructor(\n private modalService: NgbModal,\n public modal: NgbActiveModal,\n private httpService: HttpService,private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en');\n\n }\n\n ngOnInit(): void {\n this.getActivePaymentPortalList();\n }\n \n getActivePaymentPortalList(){\n const url = `${PathConfig.PAYMENT_PORTALS}`;\n this.httpService.get(url).subscribe(\n (Response)=>{\n this.activePaymentPortals=Response;\n }\n );\n }\n\n openTakePaymentModal(content: any) {\n const url =`${PathConfig.LOAN_PREVIOUS_TRANSACTION}?loan_id=${this.loanID}`;\n this.httpService.get(url).subscribe((res)=>{\n this.modalService.dismissAll();\n this.previousTransaction = res;\n const modalRef = this.modalService.open(TakePaymentComponent, {\n centered: true,\n size: 'xl',\n windowClass:'draggable-container',\n backdrop:false,\n });\n modalRef.componentInstance.previousTransaction = this.previousTransaction;\n modalRef.componentInstance.loanDetail = this.loanDetail;\n modalRef.componentInstance.loanID = this.loanID;\n })\n //this.modalService.open(content, { centered: true, size: 'xl' });\n }\n\n}\n","\n
","import { Component, Input, OnInit, ViewChild } from '@angular/core';\nimport { NgbActiveModal, NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { BroadcastService, HttpService, MessageService, PermissionService } from 'src/app/core';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport * as _ from 'lodash';\nimport { Utility } from 'src/app/core/utils/utility';\nimport { AbstractControl, UntypedFormControl, UntypedFormGroup, NgForm, Validators } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport Decimal from 'decimal.js';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-waive-fee',\n templateUrl: './waive-fee.component.html',\n styleUrls: ['./waive-fee.component.scss']\n})\nexport class WaiveFeeComponent implements OnInit {\n\n @Input() loanDetail!: any;\n @Input() loanID!: any;\n submitted: boolean = false;\n\n @ViewChild('waiveFeeForm') formElement!: NgForm;\n waiveFeesForm!: UntypedFormGroup;\n isWaiveFeeExceed: boolean = false;\n balanceAfter: any = {\n late_fees: 0,\n nsf_fees: 0,\n other_fees: 0\n }\n\n lfees:any=0;\n nfees:any=0;\n ofees:any=0;\n isLower:boolean=false;\n\n\n isDirty:boolean = false;\n errorMsg: string = '';\n waivePermistion:boolean=false;\n form!: UntypedFormGroup;\n boadCasterService: any;\n queueType:string = '';\n sortBy:string='';\n orderBy:string='';\n pageLimit:number=0;\n currentPage:number=0;\n isBeforFees:boolean=false;\n loanLateFee: any = 0;\n loanNsfFee: any = 0;\n loanOtherFee: any = 0;\n showPreventLatefeeNegativeErrorMessage: boolean= false;\n showPreventNsffeeNegativeErrorMessage: boolean= false;\n showPreventOtherfeeNegativeErrorMessage: boolean= false;\n\n constructor(\n private httpService: HttpService,\n private msgService: MessageService,\n private modalService: NgbModal,\n private activatedRoute: ActivatedRoute,\n public activeModal: NgbActiveModal,\n private route: Router,\n private permissionService:PermissionService,\n private broadCastService:BroadcastService,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en');\n this.waivePermistion=this.permissionService.isSpecialPermission('waive_fees');\n\n this.activatedRoute.queryParams\n .subscribe(params => {\n this.queueType = params['qtype']==null?\"\":params['qtype'];\n this.sortBy=params['sortby']==null?\"\":params['sortby'];\n this.orderBy=params['orderby']==null?\"\":params['orderby'];\n this.pageLimit=params['limit']==null?\"\":params['limit'];\n this.currentPage=params['page']==null?\"\":params['page'];\n\n });\n }\n\n ngOnInit(): void {\n this.waiveFeesForm = new UntypedFormGroup({\n late_fees: new UntypedFormControl('0.00', [Validators.required, this.currencyRangeValidator]),\n nsf_fees: new UntypedFormControl('0.00', [Validators.required, this.currencyRangeValidator]),\n other_fees: new UntypedFormControl('0.00', [Validators.required,this.currencyRangeValidator]),\n reference_note: new UntypedFormControl('',[Validators.maxLength(200),Validators.pattern('^(?!\\\\s*$).+'),Validators.minLength(4)]),\n });\n this.waiveFeesForm.valueChanges.subscribe((e) => (this.isDirty = true));\n this.loanLateFee = parseFloat(this.loanDetail?.account_late_fees_balance);\n this.loanNsfFee = parseFloat(this.loanDetail?.account_nsf_fees_balance);\n this.loanOtherFee = parseFloat(this.loanDetail?.account_other_fees_balance);\n\n\n //form controls\n\nthis.form = new UntypedFormGroup({\n // id: new FormControl(null, [Validators.required]),\n employee_initials: new UntypedFormControl(null, [Validators.required]),\n pin: new UntypedFormControl(null, [Validators.required]),\n });\n\n\n this.loanID = Number(this.route.url.split('/')[5]);\n this.getLoanDetailByID(this.loanID);\n }\n\n\n // get loan detail\n getLoanDetailByID(id: Number) {\n\n const url = `${PathConfig.LOANS}/${id}?sort_by=${this.sortBy}&sort_order=${this.orderBy}&limit=${this.pageLimit}&${this.queueType}=1&page=${this.currentPage}`;\n\n this.httpService.get(url).subscribe((res) => {\n this.loanDetail = res;\n // this.nfees=this.loanDetail?.nsf_fees_payment;\n // this.lfees=this.loanDetail?.late_fees_payment;\n // this.ofees=this.loanDetail?.other_fees_payment ;\n\n setTimeout(() => this.updateAfterValues(), 500);\n\n });\n}\n\n\nfeesEntered(e:any,ftype:string)\n{\n // this.checkFees();\n this.updateAfterValues();\n}\n\nupdateAfterValues() {\n let lateFee = this.waiveFeesForm.get('late_fees')?.value;\n let nsfFee = this.waiveFeesForm.get('nsf_fees')?.value;\n let otherFee = this.waiveFeesForm.get('other_fees')?.value;\n \n // Handle Late Fees\n if (lateFee !== null && !isNaN(lateFee) && lateFee !== '') {\n lateFee = parseFloat(lateFee);\n this.waiveFeesForm.get('late_fees')?.setValue(this.checkForNan(lateFee));\n this.balanceAfter.late_fees = this.loanLateFee + lateFee;\n\n // Show or hide the negative error message\n if (this.waiveFeesForm.controls.late_fees.errors) {\n this.showPreventLatefeeNegativeErrorMessage = false;\n } else {\n this.showPreventLatefeeNegativeErrorMessage = this.balanceAfter.late_fees < 0;\n }\n }\n\n // Handle NSF Fees\n if (nsfFee !== null && !isNaN(nsfFee) && nsfFee !== '') {\n nsfFee = parseFloat(nsfFee);\n this.waiveFeesForm.get('nsf_fees')?.setValue(this.checkForNan(nsfFee));\n this.balanceAfter.nsf_fees = this.loanNsfFee + nsfFee;\n\n // Show or hide the negative error message\n if (this.waiveFeesForm.controls.nsf_fees.errors) {\n this.showPreventNsffeeNegativeErrorMessage = false;\n } else {\n this.showPreventNsffeeNegativeErrorMessage = this.balanceAfter.nsf_fees < 0;\n }\n }\n\n // Handle Other Fees\n if (otherFee !== null && !isNaN(otherFee) && otherFee !== '') {\n otherFee = parseFloat(otherFee);\n this.waiveFeesForm.get('other_fees')?.setValue(this.checkForNan(otherFee));\n this.balanceAfter.other_fees = this.loanOtherFee + otherFee;\n\n // Show or hide the negative error message\n if (this.waiveFeesForm.controls.other_fees.errors) {\n this.showPreventOtherfeeNegativeErrorMessage = false;\n } else {\n this.showPreventOtherfeeNegativeErrorMessage = this.balanceAfter.other_fees < 0;\n }\n}\n}\n\n\n\n onWaiveSubmit() {\n this.formElement.ngSubmit.emit();\n (this.formElement as any).submitted = true;\n this.onSubmit();\n }\n\n verifyPin()\n {\n if(this.form.valid)\n {\n const params = this.form.getRawValue();\n const url = `${PathConfig.VERIFY_PIN}`;\n this.httpService.post(url, params).subscribe({\n next : (res) => {\n\n\n if(res?.message!='User not found' && res?.message!='User validation failed')\n {\n this.msgService.showSuccess(res?.message);\n this.waivePermistion=true;\n }\n else\n {\n this.msgService.showError(res?.message);\n }\n this.submitted = false;\n this.isDirty = false;\n this.form.reset();\n\n\n },\n error : (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n }\n });\n\n }\n\n\n }\n\n\n openOverrideModal(content:any)\n {\n this.modalService.open(content, {\n ariaLabelledBy: 'modal-basic-title',\n centered: true,\n size: 'sm',\n windowClass:'draggable-container',\n backdrop:false\n });\n }\n\n\n // checkFees () {\n // let lateFee = parseFloat(this.waiveFeesForm.get('late_fees')?.value);\n // let nsfFee = parseFloat(this.waiveFeesForm.get('nsf_fees')?.value);\n // let otherFee = parseFloat(this.waiveFeesForm.get('other_fees')?.value);\n\n\n\n // this.isWaiveFeeExceed = true;\n // if((this.loanLateFee > 0 && lateFee > this.loanLateFee) || lateFee < 0) {\n // this.errorMsg = 'Late Fee Waive can not be more than the balance or less than 0'\n // this.isWaiveFeeExceed = true;\n // } else if ((this.loanNsfFee > 0 && nsfFee > this.loanNsfFee) || nsfFee < 0) {\n // this.errorMsg = 'NSF Fee Waive can not be more than the balance or less than 0'\n // this.isWaiveFeeExceed = true;\n // } else if ((this.loanOtherFee > 0 && otherFee > this.loanOtherFee) || otherFee < 0) {\n // this.errorMsg = 'Other Fee Waive can not be more than the balance or less than 0'\n // this.isWaiveFeeExceed = true;\n // }\n // else if (lateFee === 0 && nsfFee === 0 && otherFee === 0){\n // this.errorMsg = 'Nothing to waive off, please enter at least some amount'\n // this.isWaiveFeeExceed = true;\n // }\n // else {\n // this.isWaiveFeeExceed = false;\n // }\n // }\n\n onSubmit() {\n // this.checkFees()\n if(this.waiveFeesForm.valid && !this.submitted ) {\n this.submitted = true;\n const paramsWaiveFee = this.waiveFeesForm.value;\n paramsWaiveFee.loan_id = this.loanID;\n const url = `${PathConfig.WAIVE_OFF_FEE}/${this.loanID}`;\n this.httpService.post(url, paramsWaiveFee).subscribe((response: any) => {\n // if(response && response.forecasted_payment) {\n // this.balanceAfter = {\n // late_fees: response.forecasted_payment.late_fees,\n // nsf_fees: response.forecasted_payment.nsf_fees,\n // other_fees: response.forecasted_payment.other_fees,\n // }\n // }\n // this.modalService.dismissAll();\n this.msgService.showSuccess(response?.message);\n this.submitted = false;\n this.isDirty = false;\n // this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_QUEUE_DETAIL_DATA);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_LOAN_TRANSACTION_LIST);\n this.broadCastService.broadcast(MsgConstantConfig.REFRESH_ACCOUNT_HISTORY_LIST);\n this.activeModal.dismiss('Cross click');\n },\n (err) => {\n const msgList = Utility.getErrorMessage(err.error);\n msgList.forEach((msg) => this.msgService.showError(msg));\n this.submitted = false;\n this.errorMsg = 'Unable to waive fees, something went wrong';\n this.isWaiveFeeExceed = true;\n });\n }\n }\n\n currencyRangeValidator(control: AbstractControl) {\n const value = control.value;\n // let string = value??'';\n // let findString = \".\";\n // let index = string.lastIndexOf(\".\");\n // let validCurrency = true;\n // let count = string.split(findString).length - 1;\n // if(count == 1 ) {\n // validCurrency = false;\n // if(((string.length-1)-index) <= 2 ){\n // validCurrency = true;\n // }\n // }\n const isValid = value == '' || ( value >= -100000 && value <= 100000 ) ;\n return isValid ? null : { currencyRange: true };\n }\n\n checkForNan(num:any){\n if(!isNaN(num) && num!=''){\n return this.roundToDecimal(parseFloat(num),2);\n }\n else {\n return parseFloat('0.00')?.toFixed(2);\n }\n }\n\n roundToDecimal(num:any, length:any) {\n return (new Decimal(Number(num))).toFixed(parseFloat(length) || 0);\n }\n\n}\n","\n
\n\n
\n {{'Take Payment'|translate}}
\n \n\n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n {{'OR'|translate}}\n
\n \n
\n \n \n \n
\n {{'Go to Payment Portal'|translate}}
\n\n
\n \n \n \n \n ![]()
\n {{ portal.name }}\n \n \n
\n \n
\n \n \n \n \n \n
\n Note: Clicking on any payment portal will redirect you to a third-party website.
\n\n \n
\n\n\n\n\n\n\n\n\n\n\n \n
\nrule-builder works!
\n","import { Component, OnInit, ViewChild } from '@angular/core';\nimport { UntypedFormGroup, NgForm, UntypedFormControl, Validators } from '@angular/forms';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { NgbModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateService } from '@ngx-translate/core';\nimport { DataTableDirective } from 'angular-datatables';\nimport S3 from 'aws-sdk/clients/s3';\nimport moment from 'moment';\nimport { Subscription, Subject } from 'rxjs';\nimport { HttpService, MessageService, PermissionService, BroadcastService, LoaderService } from 'src/app/core';\nimport { ConstantConfig } from 'src/app/core/config/constant.config';\nimport { PageID, MODULES } from 'src/app/core/config/enum';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { PathConfig } from 'src/app/core/config/path.config';\nimport { MultilingualService } from 'src/app/core/modules/header/multilingual.service';\nimport { ClientDetailService } from 'src/app/core/services/client-detail-service';\nimport { Utility } from 'src/app/core/utils/utility';\nimport { EmailConditionalValidator, EmailOccurenceValidator, ValidateUSPhone } from 'src/app/core/validators';\nimport { ConfirmModalComponent } from 'src/app/shared/components/confirm-modal/confirm-modal.component';\nimport { LoadingBarModalComponent } from 'src/app/shared/components/loading-bar-modal/loading-bar-modal.component';\n\n@Component({\n selector: 'app-valuations',\n templateUrl: './valuations.component.html',\n styleUrls: ['./valuations.component.scss']\n})\nexport class ValuationsComponent implements OnInit {\n\n form!: UntypedFormGroup;\n categoryForm!: UntypedFormGroup;\n duplicateForm!: UntypedFormGroup;\n @ViewChild('f') formElement!: NgForm;\n isAddMode:boolean = false;\n isEditMode:boolean = false;\n type:any = '';\n name:any = '';\n categoryFormSubmitted: boolean = false;\n duplicateFormSubmitted: boolean = false;\n category_list: Array\n \n ×\n \n
\n {{\"DUPLICATE TEMPLATE\"|translate}}
\n\n
\n \n \n \n
\n \n \n
\n \n \n {{\"Name is required\"|translate}} \n \n
\n \n
\n{{confirmationBoxTitle |translate}}
\n \n\n
\n\n","\nimport { Component, EventEmitter, forwardRef, Input, Optional, Output, Provider, Self, SimpleChanges } from '@angular/core';\nimport { AbstractControl, ControlValueAccessor,FormControl,NgControl,NG_VALIDATORS,NG_VALUE_ACCESSOR, ValidationErrors, Validators } from '@angular/forms';\nimport {NgbDateStruct,NgbDateParserFormatter, NgbDateAdapter} from '@ng-bootstrap/ng-bootstrap';\nimport moment from 'moment';\nimport { ConstantConfig } from 'src/app/core/config/constant.config';\n\n\nconst DT_CONTROL_VALUE_ACCESSOR: Provider = {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => CustomDatePickerComponent),\n multi: true,\n};\n\nconst DT_CONTROL_VALIDATOR:Provider = {\n provide: NG_VALIDATORS,\n useExisting: forwardRef(() => CustomDatePickerComponent),\n multi: true\n}\n\n@Component({\n selector: 'app-date-picker',\n templateUrl: './custom-date-picker.component.html',\n providers: [DT_CONTROL_VALUE_ACCESSOR,DT_CONTROL_VALIDATOR]\n})\nexport class CustomDatePickerComponent implements ControlValueAccessor {\n @Input() placeholder:string = 'mm/dd/yyyy';\n @Output() dateSelected: EventEmitter{{confirmationMessage|translate}}
\n {{confirmationMessage|translate}}
\n \n \n \n {{confirmationMessage2|translate}}\n \n
\n\n \n \n
\n\n \n \n
\n\n {{\"Data Warehouse\"|translate}}\n
\n \n \n
\n\n
\n","import { Component, Input, OnInit } from '@angular/core';\nimport { NgbActiveModal } from '@ng-bootstrap/ng-bootstrap';\nimport { TranslateService } from '@ngx-translate/core';\nimport { MsgConstantConfig } from 'src/app/core/config/message.constant.config';\nimport { BroadcastService } from 'src/app/core/services/broadcaster.service';\nimport { LoaderService } from 'src/app/core/services/loader.service';\n\n@Component({\n selector: 'app-loading-bar-modal',\n templateUrl: './loading-bar-modal.component.html',\n styleUrls: ['./loading-bar-modal.component.scss']\n})\nexport class LoadingBarModalComponent implements OnInit {\n\n //messages that are displayed on the pop up\n @Input() message ='';\n @Input() message2 = '';\n //if time_bar gets true bar progress moves slowly\n @Input() time_bar? : any = false;\n //for stuck at 90 until process not complete\n @Input() slowSpeed? : number = 5000;\n percentage : number = 0;\n //if this pop up need to be draggable set this to true\n @Input() draggable : boolean = false;\n\n @Input() message3 = '';\n isProgressZero:boolean = false;\n\n constructor(\n public activeModal: NgbActiveModal,\n public loaderService: LoaderService,\n private broadCastService:BroadcastService,\n private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en'); } \n\n ngOnInit(): void {\n\n //this makes progress bar 100% full\n this.broadCastService.on(MsgConstantConfig.SHOW_HIDE_CLIENT_PROGRESS_BAR).subscribe((res:any) => {\n if(res){\n this.percentage=100;\n }\n });\n this.broadCastService.on(MsgConstantConfig.RESET_LOADING_BAR_PROGRESS).subscribe((res:any) => {\n if(res && !this.isProgressZero){\n this.percentage=0;\n this.isProgressZero=true;\n }\n });\n this.timer(this.time_bar);\n\n }\n\n //this determines if the bar will increase rapidly or slowly\n timer(time_b:any){\n //slower bar progress\n if(time_b){\n this.loaderService.hideLoader();\n setTimeout(()=> this.increaseLoaderPercentage(this.percentage),this.slowSpeed);\n }\n\n //rapid bar progress\n if(!time_b){\n this.loaderService.hideLoader();\n setTimeout(()=> this.increaseLoaderPercentage(this.percentage),1000);\n }\n }\n\n //increases the bar progress\n increaseLoaderPercentage(item:number){\n if( this.percentage<99){\n this.percentage+=1;\n return this.timer(this.time_bar);\n }\n\n }\n\n}\n","{{heading|translate}}
\n\n
\n \n
\n \n \n {{\"Upload\"|translate}}\n \n {{\"Remove\"|translate}}\n
\n \n
\n\n
\n \n {{message}}...
\n \n\n
\n\n
\n \n
\n {{percentage}}%
\n \n \n
\n {{message2}}
\n\n \n
","import { Component, Input, OnInit } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-ls-nodata-found',\n templateUrl: './nodata-found.component.html',\n styleUrls: ['./nodata-found.component.scss'],\n})\nexport class LSNodataFoundComponent implements OnInit {\n @Input() message: string = 'No Records Found!';\n constructor(private translateService:TranslateService\n ) {\n this.translateService.setDefaultLang('en');\n this.translateService.use(localStorage.getItem('Selected_Language') || 'en'); }\n\n ngOnInit(): void {}\n}\n","\n {{ message |translate }}\n
\n","import {\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n} from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-ls-search-filter',\n templateUrl: './search-filter.component.html',\n styleUrls: ['./search-filter.component.scss'],\n})\nexport class LSSearchFilterComponent implements OnInit, OnChanges {\n @Input() list: Array\n
\n","import { Component, ElementRef, EventEmitter, Input, OnInit, Output, SimpleChanges, ViewChild } from '@angular/core';\nimport { TranslateService } from '@ngx-translate/core';\nimport * as _ from 'lodash';\nimport { MessageService } from 'src/app/core';\n\n@Component({\n selector: 'app-upload-file-parser',\n templateUrl: './upload-file-parser.component.html',\n styleUrls: ['./upload-file-parser.component.scss']\n})\nexport class LSUploadFileParserComponent implements OnInit {\n @ViewChild('fileInput') fileInput!:ElementRef;\n @Input() fileName:string = '';\n @Input() acceptFiles:string = '';\n @Input() acceptFileSizeInMB:string = '500';\n @Input() isEditPermission:boolean = true;\n @Output() fileSelected:EventEmitter\n
","// src/app/shared/directives/trim-on-blur.directive.ts\nimport { Directive, ElementRef, HostListener } from '@angular/core';\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from '@angular/forms';\n\n@Directive({\n selector: '[appTrimOnBlur]',\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: TrimOnBlurDirective,\n multi: true\n }\n ]\n})\nexport class TrimOnBlurDirective implements ControlValueAccessor {\n private onChange: (value: string) => void = () => {};\n private onTouched: () => void = () => {};\n\n constructor(private el: ElementRef) {}\n\n @HostListener('blur')\n onBlur() {\n const trimmedValue = (this.el.nativeElement.value || '').trim();\n this.el.nativeElement.value = trimmedValue;\n this.onChange(trimmedValue); // Update form control with trimmed value\n this.onTouched(); \n }\n\n writeValue(value: string): void {\n this.el.nativeElement.value = value || '';\n }\n\n registerOnChange(fn: (value: string) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState?(isDisabled: boolean): void {\n this.el.nativeElement.disabled = isDisabled;\n }\n}\n","import { NgModule } from \"@angular/core\";\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\nimport { MaterialWidgetModule } from \"./modules/materialwidget/materialwidget.module\";\nimport { CKEditorModule } from 'ckeditor4-angular';\nimport { ValdemortConfig, ValdemortModule } from 'ngx-valdemort';\nimport { ConfirmModalComponent } from \"./components/confirm-modal/confirm-modal.component\";\nimport { InfiniteScrollModule } from \"ngx-infinite-scroll\";\nimport { LSFileUploadComponent } from \"./components/file-upload/file-upload.component\";\nimport { LSSearchFilterComponent } from \"./components/search-filter/search-filter.component\";\nimport { LSSearchInputComponent } from \"./components/search-input/search-input.component\";\nimport { LSNodataFoundComponent } from \"./components/nodata-found/nodata-found.component\";\nimport { NgbDateAdapter, NgbDateParserFormatter, NgbDateStruct, NgbModule } from '@ng-bootstrap/ng-bootstrap';\nimport { PipesModule } from \"../core/pipes/pipes.module\";\nimport { NgApexchartsModule } from 'ng-apexcharts';\nimport { DataTablesModule } from \"angular-datatables\";\nimport { DataWarehouseComponent } from \"./components/data-warehouse/data-warehouse.component\";\nimport { LSUploadFileParserComponent } from \"./components/upload-file-parser/upload-file-parser.component\";\nimport { NgxExtendedPdfViewerModule } from \"ngx-extended-pdf-viewer\";\nimport { CustomADateAdapter } from \"./services/custom-date-adapter.service\";\nimport { CustomDateParserFormatter } from \"./services/custom-date-parser.service\";\nimport { CustomDatePickerComponent } from \"./components/custom-date-picker/custom-date-picker.component\";\nimport { NgSelectModule } from '@ng-select/ng-select';\nimport { BsDatepickerModule } from \"ngx-bootstrap/datepicker\";\nimport { CustomeMonthPickerComponent } from \"./components/custome-month-picker/custome-month-picker.component\";\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\nimport { TrimOnBlurDirective } from \"./directives/trim-on-blur.directive\";\n\nexport function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader {\n return new TranslateHttpLoader(http, './assets/i18n/', '.json');\n}\n\n@NgModule({\n imports: [\n MaterialWidgetModule,\n FormsModule,\n ReactiveFormsModule,\n CKEditorModule,\n ValdemortModule,\n InfiniteScrollModule,\n NgbModule,\n PipesModule,\n NgApexchartsModule,\n DataTablesModule,\n NgxExtendedPdfViewerModule,\n NgSelectModule,\n BsDatepickerModule.forRoot(),\n HttpClientModule,\n TranslateModule.forRoot({\n loader: {\n provide: TranslateLoader,\n useFactory: HttpLoaderFactory,\n deps: [HttpClient]\n }\n })\n ],\n declarations: [\n ConfirmModalComponent,\n LSFileUploadComponent,\n LSSearchFilterComponent,\n LSSearchInputComponent,\n LSNodataFoundComponent,\n DataWarehouseComponent,\n LSUploadFileParserComponent,\n CustomDatePickerComponent,\n CustomeMonthPickerComponent,\n TrimOnBlurDirective\n ],\n providers: [\n { provide: NgbDateAdapter, useClass: CustomADateAdapter },\n { provide: NgbDateParserFormatter, useClass: CustomDateParserFormatter }\n ],\n exports: [\n MaterialWidgetModule,\n FormsModule,\n ReactiveFormsModule,\n CKEditorModule,\n ValdemortModule,\n InfiniteScrollModule,\n ConfirmModalComponent,\n LSFileUploadComponent,\n LSSearchFilterComponent,\n LSSearchInputComponent,\n LSNodataFoundComponent,\n NgbModule,\n PipesModule,\n NgApexchartsModule,\n DataTablesModule,\n DataWarehouseComponent,\n LSUploadFileParserComponent,\n NgxExtendedPdfViewerModule,\n CustomDatePickerComponent,\n NgSelectModule,\n CustomeMonthPickerComponent,\n TrimOnBlurDirective\n ]\n})\nexport class SharedModule {\n constructor(config: ValdemortConfig) {\n config.errorsClasses = 'text-danger';\n }\n }\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {ScrollingModule} from '@angular/cdk/scrolling';\nimport {DragDropModule} from '@angular/cdk/drag-drop';\n@NgModule({\n declarations: [],\n imports: [\n CommonModule,\n ScrollingModule,\n DragDropModule\n ],\n exports: [\n CommonModule,\n ScrollingModule,\n DragDropModule\n ]\n})\nexport class MaterialWidgetModule { }\n","import { Injectable } from \"@angular/core\";\nimport { NgbDateAdapter, NgbDateParserFormatter, NgbDateStruct } from \"@ng-bootstrap/ng-bootstrap\";\n\n/**\n * This Service handles how the date is represented in scripts i.e. ngModel.\n */\n @Injectable()\n export class CustomADateAdapter extends NgbDateAdapter\n
\n \n
\n \n {{fileName}}\n \n
\n \n \n
\n