\"","import { Component, OnInit } from \"@angular/core\";\nimport { Router, ActivatedRoute } from \"@angular/router\";\nimport { ApiService } from \"../service/service\";\nimport { SessionService } from \"../service/sessionGlobalVar\";\nimport {\n IcaseFee,\n IBankDetail,\n IGetCityLocation,\n ICaseCreate,\n getStage,\n searchOldCases,\n IUsage,\n} from \"../service/type\";\nimport { NgxUiLoaderService } from \"ngx-ui-loader\";\nimport Swal from \"sweetalert2\";\nimport { DISABLED } from \"@angular/forms/src/model\";\n\ndeclare var $: any;\n\n@Component({\n selector: 'app-casecreation-bank',\n templateUrl: './casecreation-bank.component.html',\n styleUrls: []\n})\nexport class CasecreationBankComponent implements OnInit {\n BankDetail: any;\n selectedBankValue: any = \"\";\n selectedZoneValue: any = \"\";\n selectedBranchValue: any = \"\";\n selectedVerticalValue: any = \"\";\n selectedBranchPersonValue: any = \"\";\n ZoneDetail: any = \"\";\n BranchDetail: any = \"\";\n BranchPersonDetail: any = \"\";\n VerticalDetail: any = \"\";\n state: any = \"\";\n EngConv: any = \"\";\n selectedState: string = \"Select\";\n selectedEngConv: string = \"Select\";\n selectedCity: string = \"Select\";\n selectedLocality: string = \"Select\";\n selectedSubLocation: string = \"Select\";\n selectedApprover: string = \"Select\";\n caseVertical: string = \"\";\n applicantFirst: string = \"\";\n propertyFirst: string = \"Plot No.\";\n selectedValuationValue: string = \"1\";\n casetype: string = \"Select\";\n feestype: string = \"Select\";\n selectedStatus: string = \"Select\";\n CityVal: any = \"\";\n LocationVal: any = \"\";\n SubLocationVal: any = \"\";\n PinCode: any = \"\";\n status: any = \"\";\n DDLUsageData: any;\n valEngineer: any = \"\";\n valSup: any = \"\";\n valReportAnalysis: any = \"\";\n selectedEngvalue: string = \"\";\n selectedSupvalue: string = \"\";\n applicantName: string = \"\";\n district: string = \"\";\n dropdownList = [];\n dropdownList1 = [];\n selectedItems = [];\n newSelectedItems = [];\n dropdownSettings = {};\n propertyNo: string = \"\";\n BuildingName: string = \"\";\n Streat: string = \"\";\n landmark: string = \"\";\n ContactPersonName: string = \"\";\n MOb1: string = \"\";\n MOb2: string = \"\";\n LoadCaseType: any = \"\";\n LoadFeesType: any = \"\";\n LoadApprover: any = \"\";\n StatusRemark: string = \"\";\n FileNo: string = \"\";\n PropertyArea: string = \"\";\n CaseRemark: string = \"\";\n CaseFee: string = \"0\";\n ExtraFee: string = \"0\";\n Conveyance: string = \"0\";\n TotalFee: string = \"0\";\n ApprovalRemarks: string = \"\";\n ConAmount: string = \"\";\n ConRemark: string = \"\";\n ApprovalPerson: string = \"\";\n ContactNo: string = \"\";\n IsFeeShow: boolean = false;\n ISExtrafeeReadonly: boolean = false;\n editCaseDetail: any = \"\";\n BankText: string = \"\";\n ZoneText: string = \"\";\n BranchText: string = \"\";\n BranchPersonText: string = \"\";\n VerticalText: string = \"\";\n Sector: string = \"\";\n AssignToText: string = \"\";\n supToText: string = \"\";\n Block: string = \"\";\n files;\n filestring;\n myfile;\n isEditCase: boolean = false;\n ISvaluation: boolean = true;\n IScasebranch: boolean = true;\n document: any;\n sectionPlaneDoc: any;\n ApprovelDoc: any;\n isdisable: boolean = false;\n isrodisable: boolean = false;\n IsBankCase: boolean = false;\n IsENGEXTCOn: boolean = false;\n IsZoneCase: boolean = false;\n IsBranchCase: boolean = false;\n IsPopUp: boolean = false;\n HeaderText: string;\n GridOldCases: any;\n selectedOldCase: boolean = false;\n oldCaseID: string = \"\";\n CaseID: string = \"\";\n propertyTypeNEw: string = \"Select\";\n DDlUsage: string = \"Select\";\n DDlPropertyType: string = \"Select\";\n DDLPropertyData: any;\n radioSelectedString: string;\n radioSelected: string = \"\";\n PaymentType: string;\n ExtraEngConvApproved: any;\n radioSel: any;\n IsExtraFeeShow: boolean = true;\n IsconvFeeShow: boolean = true;\n IstotalFeeShow: boolean = true;\n IsapprovalShow: boolean = true;\n IscontactnoShow: boolean = true;\n IsdocShow: boolean = true;\n IsFeecase: boolean = true;\n editabless: boolean = false;\n ddlrole: string;\n getApprovaldocurl: any;\n btnextconsave: string = \"Save\";\n DDladrofficedata: any = \"\";\n IsOfficeChange:string=\"N\";\n DDladroffice: any = \"\";\n DDlROadrofficedata: any = \"\";\n DDlROadroffice: any = \"\";\n constructor(\n private router: Router,\n private service: ApiService,\n private ngxService: NgxUiLoaderService,\n private session: SessionService,\n private route: ActivatedRoute\n ) {\n this.getState(\"State\");\n const val1: IGetCityLocation = {\n StateID: this.session.getAdroitOffice,\n CityID: \"\",\n LocID: \"\",\n GetType: \"ENGCONV\",\n };\n this.getEngConvence(val1);\n // this.getState(\"CaseType\");\n /* this.GetUsageDataNew(); */\n this.dropdownSettings = {\n singleSelection: false,\n idField: \"id\",\n textField: \"text\",\n unSelectAllText: \"UnSelect All\",\n itemsShowLimit: 3,\n allowSearchFilter: true,\n };\n\n const BranchID = localStorage.getItem(\"BankBranchID\");\n const bankID = localStorage.getItem(\"BankID\");\n let val = localStorage.getItem(\"roleID\");\n\n if (BranchID && (+val == 7 || +val == 10)) {\n this.selectedBankValue = bankID;\n this.selectedBranchValue = BranchID;\n this.IsBankCase = false;\n this.IsZoneCase = false;\n this.IsBranchCase = false;\n this.selectedValuationValue = \"1\";\n this.valuationChange();\n if (this.selectedBranchValue) {\n this.GetBranchPersonDetails(\n this.selectedBankValue,\n this.selectedBranchValue,\n false\n );\n }\n } else if (BranchID && +val == 22) {\n this.selectedBankValue = bankID;\n //this.selectedBranchValue = BranchID;\n this.selectedValuationValue = \"1\";\n this.valuationChange();\n this.IsBankCase = false;\n this.IsZoneCase = true;\n this.IsBranchCase = true;\n if (this.selectedBankValue) {\n this.GetBranchDetails(this.selectedBankValue, false);\n // this.GetBranchPersonDetails(this.selectedBankValue, this.selectedBranchValue, false);\n }\n } else {\n this.IsBankCase = true;\n this.IsZoneCase = true;\n this.IsBranchCase = true;\n this.GetBankDetails();\n }\n }\n ngOnInit() {\n if (!this.session.isLoggedIn) {\n this.router.navigate([\"Login\"]);\n }\n const val = this.session.getRoleID;\n if (val == \"3\" || val == \"10\" || val == \"7\" || val == \"22\" || val == \"24\") {\n this.route.params.subscribe((params) => {\n if (params.id) {\n this.isEditCase = true;\n const id = window.atob(params.id);\n this.CaseID = id;\n this.GetEditCaseDetail();\n }\n });\n } else {\n localStorage.clear();\n this.router.navigate([\"login\"]);\n }\n\n this.getState(\"Documents\");\n /* if(val == \"7\"){\n this.branchview();}*/\n // if(val==\"24\")\n // {\n const valroOffice: IGetCityLocation = {\n StateID: this.session.UserID,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"ROOFFICE\",\n }\n this.getCityLocation(valroOffice);\n // }else{\n const valOffice: IGetCityLocation = {\n StateID: this.session.UserID,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"AdroitOffice\",\n }\n this.getCityLocation(valOffice);\n // }\n \n const valEng: IGetCityLocation = {\n StateID: localStorage.getItem('AdroitBranch'),\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"OfficeEngineer\",\n }\n this.getCityLocation(valEng);\n }\n getFiles(event) {\n this.files = event.target.files;\n var reader = new FileReader();\n reader.onload = this._handleReaderLoaded.bind(this.files);\n reader.readAsBinaryString(this.files[0]);\n }\n branchview() {\n this.IScasebranch = false;\n }\n bindPreviousValue() {\n debugger;\n console.log(\"editCaseDetaillook\", this.editCaseDetail);\n if (!this.selectedOldCase) {\n this.GetBankDetailsEditCase(true);\n this.selectedBankValue = this.editCaseDetail.Bank_ID;\n\n this.GetZoneDetails(this.editCaseDetail.Bank_ID, true);\n this.selectedZoneValue = this.editCaseDetail.Zone_id;\n\n this.GetBranchDetails(this.editCaseDetail.Zone_id, true);\n this.selectedBranchValue = this.editCaseDetail.Branch_id;\n\n this.GetVerticalDetails(\n this.selectedBankValue,\n this.selectedBranchValue,\n true\n );\n this.selectedVerticalValue = this.editCaseDetail.Vertical_id;\n this.selectedEngConv = this.editCaseDetail.EngConv;\n this.selectedStatus = this.editCaseDetail.Case_Status;\n this.selectedValuationValue = this.editCaseDetail.Valuation_typeID;\n this.GetBranchPersonDetails(\n this.editCaseDetail.Vertical_id,\n this.editCaseDetail.Branch_id,\n true\n );\n this.selectedBranchPersonValue = this.editCaseDetail.Branch_person;\n this.getApprovaldocurl = this.editCaseDetail.ApprovalDocPath;\n this.GetProductDetails(this.selectedBankValue, true);\n this.GetFeesTypeDetails(this.selectedVerticalValue, true);\n } else {\n this.oldCaseID = this.editCaseDetail.CaseID;\n }\n this.IsFeeShow = true;\n this.isEditCase = true;\n this.selectedState = this.editCaseDetail.StateID;\n this.selectedEngConv = this.editCaseDetail.EngConv;\n this.district = this.editCaseDetail.District;\n\n this.applicantName = this.editCaseDetail.Applicant_nameN;\n\n this.applicantFirst = this.editCaseDetail.ApplicanttitleN;\n\n this.PinCode = this.editCaseDetail.pin_code;\n this.BuildingName = this.editCaseDetail.Building_No;\n this.Streat = this.editCaseDetail.Street_Sector;\n this.Sector = this.editCaseDetail.SectorN;\n this.ContactPersonName = this.editCaseDetail.Contact_persion_Name;\n this.MOb1 = this.editCaseDetail.Contact_Persion_Mob1;\n this.MOb2 = this.editCaseDetail.Contact_Persion_Mob2;\n this.casetype = this.editCaseDetail.Type_Of_Case;\n this.feestype = this.editCaseDetail.FeesType;\n this.landmark = this.editCaseDetail.Land_mark;\n this.FileNo = this.editCaseDetail.File_No;\n this.PropertyArea = this.editCaseDetail.Area;\n\n this.StatusRemark = this.editCaseDetail.Case_Status_Remarks;\n this.Conveyance = this.editCaseDetail.Conveyance;\n this.CaseFee = this.editCaseDetail.ActualFees;\n this.ExtraFee = this.editCaseDetail.ExtraFees;\n this.TotalFee = this.editCaseDetail.TotalFees;\n this.ApprovalRemarks = this.editCaseDetail.Approval_Remarks;\n this.ConAmount = this.editCaseDetail.ExtraEngConv;\n this.ConRemark = this.editCaseDetail.ExtraEngConvRemark;\n this.caseVertical = this.editCaseDetail.Case_vertical;\n if (\n this.editCaseDetail.ExtraEngConv != \"0\" &&\n this.editCaseDetail.ExtraEngConv != \"\"\n ) {\n this.IsENGEXTCOn = true;\n this.ConAmount = this.editCaseDetail.ExtraEngConv;\n this.ConRemark = this.editCaseDetail.ExtraEngConvRemark;\n this.ExtraEngConvApproved =\n \"Convence Approved by Branch : \" +\n this.editCaseDetail.ExtraEngConvApproved;\n if (this.editCaseDetail.ExtraEngConvApproved == \"Yes\") {\n this.ISExtrafeeReadonly = true;\n }\n this.btnextconsave = \"Close\";\n }\n debugger;\n this.GetApproverDetails(this.selectedBankValue, true);\n this.selectedApprover = this.editCaseDetail.ApprovalPersonName;\n this.ContactNo = this.editCaseDetail.ApprovalContact;\n this.CaseRemark = this.editCaseDetail.Case_Creation_remark;\n this.propertyNo = this.editCaseDetail.PropertyValueN;\n this.propertyFirst = this.editCaseDetail.Property_titleN;\n this.Block = this.editCaseDetail.Block;\n if (this.editCaseDetail.PaymentType == \"Billing\") {\n //this.Compositet=true;\n this.radioSelected = \"Billing\";\n this.radioSelectedString = JSON.stringify(this.radioSel);\n this.IsExtraFeeShow = true;\n this.IsconvFeeShow = true;\n this.IstotalFeeShow = true;\n this.IsapprovalShow = true;\n this.IscontactnoShow = true;\n this.IsdocShow = true;\n this.editabless = false;\n } else if (this.editCaseDetail.PaymentType == \"Cash\") {\n this.radioSelected = \"Cash\";\n this.radioSelectedString = JSON.stringify(this.radioSel);\n this.IsExtraFeeShow = false;\n this.IsconvFeeShow = false;\n this.IstotalFeeShow = false;\n this.IsapprovalShow = false;\n this.IscontactnoShow = false;\n this.IsdocShow = false;\n this.editabless = true;\n } else {\n this.radioSelected = \"Billing\";\n this.radioSelectedString = JSON.stringify(this.radioSel);\n }\n if (this.selectedState) {\n const val: IGetCityLocation = {\n StateID: this.selectedState,\n CityID: \"\",\n LocID: \"\",\n GetType: \"City\",\n };\n this.getCityLocation(val);\n this.selectedCity = this.editCaseDetail.cityID;\n if (this.selectedCity) {\n const val: IGetCityLocation = {\n StateID: this.selectedState,\n CityID: this.selectedCity,\n LocID: \"\",\n GetType: \"Location\",\n };\n this.getCityLocation(val);\n this.selectedLocality = this.editCaseDetail.LocationID;\n this.locationChangeFUnction();\n this.selectedSubLocation = this.editCaseDetail.SubLocalityId;\n this.selectedEngvalue = this.editCaseDetail.Allocated_To;\n try{\n debugger;\n if( this.editCaseDetail.OtherOfficeStatus==\"Y\")\n this.DDladroffice=this.editCaseDetail.OtherOfficeID;\n else\n {\n this.DDlROadroffice=this.editCaseDetail.adroitoffice;\n this.DDladroffice=this.editCaseDetail.adroitoffice;\n const valEng: IGetCityLocation = {\n StateID: this.DDlROadroffice,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"OfficeEngineer\",\n }\n this.getCityLocation(valEng);\n const valSup: IGetCityLocation = {\n StateID: this.session.UserID,\n CityID: this.selectedCity,\n LocID: this.session.getRoleID,\n GetType: \"ReportAnalysis\",\n }; \n this.getCityLocation(valSup);\n }\n if (this.valEngineer) {\n const engVal = this.valEngineer.find(\n (val) => val.AttributeID === this.editCaseDetail.Allocated_To\n );\n this.AssignToText = engVal.AttributeName;\n }\n\n this.selectedSupvalue = this.editCaseDetail.Supervisor;\n if (this.valSup) {\n const supVal = this.valSup.find(\n (val) => val.AttributeID === this.selectedSupvalue\n );\n this.supToText = supVal.AttributeName;\n }\n \n }\n catch(e){}\n }\n debugger;\n this.valuationChange();\n this.bindDropdownOnEdit();\n }\n }\n valuationChange() {\n const val: string = this.selectedValuationValue;\n if (val == \"2\") {\n this.ISvaluation = false;\n } else {\n this.ISvaluation = true;\n }\n this.GetStageDetail();\n }\n feeChange() {\n this.TotalFee = (\n +this.Conveyance +\n +this.CaseFee +\n +this.ExtraFee\n ).toString();\n }\n hideShowpayment(e: any) {\n if (e.currentTarget.value == \"Billing\") {\n this.PaymentType = \"Billing\";\n /* this.IsExtraFeeShow=true;\n this.IsconvFeeShow=true;\n this.IstotalFeeShow=true;\n this.IsapprovalShow=true;\n this.IscontactnoShow=true;\n this.IsdocShow=true; */\n this.editabless = false;\n if (this.selectedBankValue && this.casetype && this.session.UserID) {\n const val: IcaseFee = {\n CaseTypeID: this.casetype,\n LoginID: this.session.UserID,\n BankID: this.selectedBankValue,\n ZoneID: this.selectedZoneValue,\n BranchID: this.selectedBranchValue,\n VerticalID: this.selectedVerticalValue,\n };\n this.ngxService.start();\n ApiService.CaseFee(val)\n .then((responce: any) => {\n this.ngxService.stop();\n if (responce.status === 200) {\n if (responce.data != \"\") {\n this.IsFeeShow = true;\n this.IsExtraFeeShow = true;\n this.IsconvFeeShow = true;\n this.IstotalFeeShow = true;\n this.IsapprovalShow = true;\n this.IscontactnoShow = true;\n this.IsdocShow = true;\n this.IsFeecase = true;\n this.CaseFee = responce.data;\n this.TotalFee = (\n +this.Conveyance +\n +this.CaseFee +\n +this.ExtraFee\n ).toString();\n } else {\n // this.router.navigate([\"Home\"]);\n Swal.fire(\n \"Oops...\",\n \"Before Create Case Update Bank Case Fees!\",\n \"warning\"\n );\n this.casetype = \"Select\";\n }\n }\n })\n .catch((e: any) => {\n console.log(\"Getting Error in onCaseChange\");\n Swal.fire(\"Oops...\", \"11something went wrong\", \"error\");\n });\n }\n } else {\n this.PaymentType = \"Cash\";\n this.IsExtraFeeShow = false;\n this.IsconvFeeShow = false;\n this.IstotalFeeShow = false;\n this.IsapprovalShow = false;\n this.IscontactnoShow = false;\n this.IsdocShow = false;\n this.editabless = true;\n this.CaseFee = \"\";\n }\n }\n GetStageDetail() {\n const p = this.selectedValuationValue;\n const valuationType = this.ISvaluation ? \"1\" : \"2\";\n let val: getStage = {\n Type: \"New\",\n valType: valuationType,\n };\n this.ngxService.start();\n ApiService.GetStages(val)\n .then((response: any) => {\n this.status = response.data.DATA;\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n Swal.fire(\n \"Oops...\",\n \"Something Went Wrong In Case Status Please Refresh Page!\",\n \"error\"\n );\n });\n }\n bindOldCaseValue() {\n console.log(\"editCaseDetail\", this.editCaseDetail);\n if (!this.selectedOldCase) {\n this.selectedBankValue = this.editCaseDetail.Bank_ID;\n this.selectedBranchValue = this.editCaseDetail.Branch_id;\n this.selectedBranchPersonValue = this.editCaseDetail.Branch_person;\n this.GetBranchDetails(this.editCaseDetail.Bank_ID, true);\n /* const BankText = this.BankDetail.find(val => val.AttributeID === this.selectedBankValue);\n this.BankText = BankText.AttributeName; */\n this.selectedStatus = this.editCaseDetail.Case_Status;\n this.selectedValuationValue = this.editCaseDetail.Valuation_typeID;\n this.GetBranchPersonDetails(\n this.editCaseDetail.Bank_ID,\n this.editCaseDetail.Branch_id,\n true\n );\n } else {\n this.oldCaseID = this.editCaseDetail.CaseID;\n }\n this.IsFeeShow = true;\n this.isEditCase = true;\n this.selectedState = this.editCaseDetail.StateID;\n this.selectedEngConv = this.editCaseDetail.EngConv;\n this.district = this.editCaseDetail.District;\n\n this.applicantName = this.editCaseDetail.Applicant_nameN;\n\n this.applicantFirst = this.editCaseDetail.ApplicanttitleN;\n\n this.PinCode = this.editCaseDetail.pin_code;\n this.BuildingName = this.editCaseDetail.Building_No;\n this.Streat = this.editCaseDetail.Street_Sector;\n this.Sector = this.editCaseDetail.SectorN;\n this.ContactPersonName = this.editCaseDetail.Contact_persion_Name;\n this.MOb1 = this.editCaseDetail.Contact_Persion_Mob1;\n this.MOb2 = this.editCaseDetail.Contact_Persion_Mob2;\n this.casetype = this.editCaseDetail.Type_Of_Case;\n this.landmark = this.editCaseDetail.Land_mark;\n this.FileNo = this.editCaseDetail.File_No;\n this.PropertyArea = this.editCaseDetail.Area;\n\n this.StatusRemark = this.editCaseDetail.Case_Status_Remarks;\n this.Conveyance = this.editCaseDetail.Conveyance;\n this.CaseFee = this.editCaseDetail.ActualFees;\n this.ExtraFee = this.editCaseDetail.ExtraFees;\n this.TotalFee = this.editCaseDetail.TotalFees;\n this.caseVertical = this.editCaseDetail.Case_vertical;\n this.ApprovalPerson = this.editCaseDetail.ApprovalPersonName;\n this.ContactNo = this.editCaseDetail.ApprovalContact;\n this.CaseRemark = this.editCaseDetail.Case_Creation_remark;\n this.propertyNo = this.editCaseDetail.PropertyValueN;\n this.propertyFirst = this.editCaseDetail.Property_titleN;\n this.Block = this.editCaseDetail.Block;\n if (this.selectedState) {\n const val: IGetCityLocation = {\n StateID: this.selectedState,\n CityID: \"\",\n LocID: \"\",\n GetType: \"City\",\n };\n this.getCityLocationOldCase(val);\n this.selectedCity = this.editCaseDetail.cityID;\n if (this.selectedCity) {\n const val: IGetCityLocation = {\n StateID: this.selectedState,\n CityID: this.selectedCity,\n LocID: \"\",\n GetType: \"Location\",\n };\n this.getCityLocationOldCase(val);\n this.selectedLocality = this.editCaseDetail.LocationID;\n this.locationChangeFUnctionOldCase();\n this.selectedSubLocation = this.editCaseDetail.SubLocalityId;\n // this.selectedEngvalue = this.editCaseDetail.Allocated_To;\n /* if (this.valEngineer) {\n const engVal = this.valEngineer.find(val => val.AttributeID === this.editCaseDetail.Allocated_To);\n this.AssignToText = engVal.AttributeName;\n } */\n\n // this.selectedSupvalue = this.editCaseDetail.Supervisor;\n /* if (this.valSup) {\n const supVal = this.valSup.find(val => val.AttributeID === this.selectedSupvalue);\n this.supToText = supVal.AttributeName;\n } */\n }\n this.valuationChange();\n this.bindDropdownOnEdit();\n }\n }\n GetEditOldCaseDetail(val: string) {\n this.ngxService.start();\n\n ApiService.getCaseBehalfOfID(val)\n .then((responce: any) => {\n this.ngxService.stop();\n if (responce.status === 200) {\n if (responce.data) {\n this.editCaseDetail = responce.data;\n this.bindOldCaseValue();\n }\n }\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error In GetEditCaseDetail\");\n Swal.fire(\"Oops...\", \"1Something went wrong!\", \"error\");\n });\n }\n GetEditCaseDetail() {\n this.ngxService.start();\ndebugger;\n ApiService.getCaseBehalfOfID(this.CaseID)\n .then((responce: any) => {\n this.ngxService.stop();\n debugger;\n if (responce.status === 200) {\n if (responce.data) {\n this.editCaseDetail = responce.data;\n this.bindPreviousValue();\n }\n }\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error In GetEditCaseDetail\");\n Swal.fire(\"Oops...\", \"2Something went wrong!\", \"error\");\n });\n }\n _handleReaderLoaded(readerEvt) {\n var binaryString = readerEvt.target.result;\n this.filestring = btoa(binaryString); // Converting binary string data.\n }\n handleFileSelect(evt: any) {\n this.document = evt.target.files;\n }\n HandleSectionPlaneDoc(evt: any) {\n this.sectionPlaneDoc = evt.target.files;\n }\n HandleApprovelDoc(evt: any) {\n this.ApprovelDoc = evt.target.files;\n }\n\n fileToBase64(fileNew) {\n return new Promise((resolve) => {\n let file = fileNew;\n let reader = new FileReader();\n // Read file content on file loaded event\n reader.onload = function (event) {\n console.log(event.target);\n resolve(event.target);\n };\n // Convert data to base64\n reader.readAsDataURL(file);\n });\n }\n createCase() {\n debugger;\n const loginID = localStorage.getItem(\"userID\");\n let selectedDocID = \"\";\n if (this.selectedValuationValue == \"2\") {\n this.selectedStatus = \"386\";\n }\n if (this.selectedItems.length > 0) {\n for (const data in this.selectedItems) {\n if (data) {\n selectedDocID = selectedDocID + \",\" + this.selectedItems[data].id;\n }\n }\n selectedDocID = selectedDocID.substr(1);\n }\n if (this.selectedBankValue == \"\") {\n document.getElementById(\"inptBank\").focus();\n Swal.fire(\"Oops...\", \"Please Select Bank From DropDown!\", \"warning\");\n } else if (this.selectedZoneValue == \"\") {\n document.getElementById(\"inptZone\").focus();\n Swal.fire(\"Oops...\", \"Please Select Zone!\", \"warning\");\n } else if (this.selectedBranchValue == \"\") {\n document.getElementById(\"inptBranch\").focus();\n Swal.fire(\"Oops...\", \"Please Select Branch From DropDown!\", \"warning\");\n } else if (this.selectedVerticalValue == \"\" || this.selectedVerticalValue == undefined) {\n document.getElementById(\"inptVertical\").focus();\n Swal.fire(\"Oops...\", \"Please Select Vertical!\", \"warning\");\n } else if (this.selectedBranchPersonValue == \"\") {\n document.getElementById(\"inptBranchPerson\").focus();\n Swal.fire(\"Oops...\", \"Please Select Branch Person!\", \"warning\");\n } else if (this.applicantName == \"\") {\n document.getElementById(\"applicantName\").focus();\n Swal.fire(\"Oops...\", \"Please Enter Applicant Name!\", \"warning\");\n } else if (this.selectedState == \"\" || this.selectedState == \"Select\") {\n document.getElementById(\"ddState\").focus();\n Swal.fire(\"Oops...\", \"Please Select State!\", \"warning\");\n } else if (this.selectedCity == \"\" || this.selectedCity == \"Select\") {\n document.getElementById(\"ddCity\").focus();\n Swal.fire(\"Oops...\", \"Please Select City!\", \"warning\");\n } else if (\n this.selectedLocality == \"\" ||\n this.selectedLocality == \"Select\"\n ) {\n document.getElementById(\"ddLocality\").focus();\n Swal.fire(\"Oops...\", \"Please Select Locality!\", \"warning\");\n } else if (\n this.selectedSubLocation == \"\" ||\n this.selectedSubLocation == \"Select\"\n ) {\n document.getElementById(\"ddSubLocation\").focus();\n Swal.fire(\n \"Oops...\",\n \"Please Select Sub Location/Building Name!\",\n \"warning\"\n );\n } else if (this.PinCode == \"\") {\n document.getElementById(\"txtPIn\").focus();\n Swal.fire(\"Oops...\", \"Please Enter Pin Code!\", \"warning\");\n } else if (this.propertyNo == \"\") {\n document.getElementById(\"inptPropertyNo\").focus();\n Swal.fire(\"Oops...\", \"Please Enter Property No.!\", \"warning\");\n } else if (this.ContactPersonName == \"\") {\n document.getElementById(\"txtContactPerson\").focus();\n Swal.fire(\"Oops...\", \"Please Enter Contact Person Name!\", \"warning\");\n } else if (\n this.CaseFee != this.TotalFee &&\n (this.selectedApprover == \"Select\" ||\n this.selectedApprover == \"undefined\" ||\n this.selectedApprover == \"0\") &&\n (this.ApprovelDoc == null || this.ApprovelDoc == \"undefined\") &&\n this.getApprovaldocurl == null\n ) {\n Swal.fire(\n \"Oops...\",\n \"Please Select Approval Person Name or Attach Approval Document!\",\n \"warning\"\n );\n } else if (\n this.session.getRoleID != \"7\" &&\n (this.casetype == \"\" || this.casetype == \"Select\")\n ) {\n document.getElementById(\"ddlCase\").focus();\n Swal.fire(\"Oops...\", \"Please Select Case Type!\", \"warning\");\n } else {\n if (this.session.getRoleID == \"7\") {\n this.casetype = \"\";\n }\n let p: boolean = true;\n\n if (this.propertyFirst == \"Select\") {\n this.propertyFirst = \"\";\n }\n if (this.feestype == \"\" || this.feestype == \"Select\") {\n document.getElementById(\"ddlCasefees\").focus();\n Swal.fire(\"Oops...\", \"Please Select Fees Type!\", \"warning\");\n p=false;\n }\n // if (this.selectedEngConv == \"\" || this.selectedEngConv == \"Select\") {\n // document.getElementById(\"engcon\").focus();\n // Swal.fire(\"Oops...\", \"Please Select Engineer conveyance!\", \"warning\");\n // p=false;\n // }\n if (this.selectedValuationValue == \"1\") {\n // if (this.selectedStatus == \"\" || this.selectedStatus == \"Select\") {\n // document.getElementById(\"ddlCasestatus\").focus();\n // p = false;\n // Swal.fire(\"Oops...\", \"Please Select Case Status!\", \"warning\");\n // }\n }\n if (this.selectedStatus == \"40\") {\n /* if (this.selectedEngvalue == \"\") {\n p = false;\n document.getElementById(\"inptAssignTo\").focus();\n Swal.fire('Oops...', 'Please Select Assign to from dropdown!', 'warning');\n } else if (this.selectedSupvalue == \"\") {\n p = false;\n document.getElementById(\"inptSupervisor\").focus();\n Swal.fire('Oops...', 'Please Select Supervisor from dropdown!', 'warning');\n } */\n }\n if (p) {\n let caseType = \"\";\n if (this.isEditCase) {\n caseType = \"Update\";\n } else {\n caseType = \"Insert\";\n }\n if (this.selectedOldCase) {\n caseType = \"Insert\";\n }\n if (this.session.getRoleID == \"7\") {\n caseType = \"Insert\";\n }\n if (this.radioSelected == \"\" || this.radioSelected == \"undefined\") {\n this.radioSelected = \"Billing\";\n }\n debugger;\n if(this.DDladroffice==this.DDlROadroffice){\n this.IsOfficeChange=\"N\" ;\n this.DDladroffice=\"\"; \n }else\n { this.IsOfficeChange=\"Y\" ;\n \n }\n this.ngxService.start();\n let data: ICaseCreate = {\n CaseID: this.CaseID,\n Bank_id: this.selectedBankValue,\n branch_id: this.selectedBranchValue,\n person_id: this.selectedBranchPersonValue,\n ValuationTypeID: \"1\",\n ApplicantName_Name: this.applicantFirst + \" \" + this.applicantName,\n ApplicanttitleN: this.applicantFirst,\n Applicant_nameN: this.applicantName,\n Block: this.Block,\n BuildingNameN: \"\",\n StreatRoadN: this.Streat,\n SectorN: this.Sector,\n state_id: this.selectedState,\n distict: this.district,\n City_id: this.selectedCity,\n Locality_id: this.selectedLocality,\n BuildingNo: this.BuildingName,\n propertyno: this.propertyFirst + \" \" + this.propertyNo,\n Property_titleN: this.propertyFirst,\n PropertyValueN: this.propertyNo,\n Streat: this.Streat,\n landmark: this.landmark,\n SubLocality_id: this.selectedSubLocation,\n pincode: this.PinCode,\n ContactPersonName: this.ContactPersonName,\n Mob1: this.MOb1,\n Mob2: this.MOb2,\n vertical: this.caseVertical,\n casetype: this.casetype,\n Assignto: this.selectedEngvalue,\n Case_statusID:'39',// this.selectedStatus,\n supervisorID: this.selectedSupvalue,\n StatusRemark: this.StatusRemark,\n FileNo: this.FileNo,\n Area: this.PropertyArea,\n CaseRemark: this.CaseRemark,\n Document_id: selectedDocID,\n LoginID: loginID,\n OldCaseID: this.oldCaseID,\n ActualFees: this.CaseFee,\n ExtraFees: this.ExtraFee,\n TotalFees: this.TotalFee,\n Conveyance: this.Conveyance,\n ApprovalPersonName: this.selectedApprover,\n ApprovalContact: this.ContactNo,\n ApprovalDocPath: \"0\",\n AssignType: \"D\",\n usage: this.DDlUsage,\n propertytype: this.DDlPropertyType,\n Operation: caseType,\n PaymentType: this.radioSelected,\n Zone_id: this.selectedZoneValue,\n Vertical_id: this.selectedVerticalValue,\n ENgConv:'1',// this.selectedEngConv,\n Approval_Remarks: this.ApprovalRemarks,\n FeesType: this.feestype,\n ExtraEngConv: this.ConAmount,\n ExtraEngConvRemark: this.ConRemark,\n IsOtherOffice:'39',//this.IsOfficeChange,\n OtherOffice:'11',//this.DDladroffice,\n adroitbranch:'11'//this.DDlROadroffice,\n };\n this.caseCreate(data);\n }\n }\n }\n caseCreate(data: ICaseCreate) {\n ApiService.CreateCase(data)\n .then((responce: any) => {\n debugger;\n this.ngxService.stop();\n if (responce.status === 200) {\n if (this.isEditCase) {\n if (this.ApprovelDoc && this.ApprovelDoc.length) {\n this.updateDocument(this.CaseID);\n }\n Swal.fire(\"Thanks...\", \"Case Updated Successfully\", \"success\");\n this.router.navigate([\"Home\"]);\n } else {\n if (responce.data.case_id) {\n if (\n (this.document && this.document.length) ||\n (this.sectionPlaneDoc && this.sectionPlaneDoc.length) ||\n (this.ApprovelDoc && this.ApprovelDoc.length)\n ) {\n this.updateDocument(responce.data.case_id);\n } else {\n Swal.fire(\"Thanks...\", \"Case Created Successfully\", \"success\");\n this.router.navigate([\"Home\"]);\n }\n }\n }\n }\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error In caseCreate\", e);\n Swal.fire(\"Oops...\", \"3Something went wrong!\", \"error\");\n });\n }\n updateDocument(logID) {\n debugger;\n if (logID) {\n if (this.sectionPlaneDoc || this.document || this.ApprovelDoc) {\n let formData = new FormData();\n if (this.document) {\n for (let val of this.document) {\n formData.append(\"CaseID\", logID);\n formData.append(\"imgname\", val.name);\n formData.append(\"files\", val);\n }\n }\n if (this.sectionPlaneDoc) {\n for (let val of this.sectionPlaneDoc) {\n formData.append(\"CaseID\", logID);\n formData.append(\"imgname\", val.name);\n formData.append(\"files\", val);\n }\n // formData.append(\"CaseID\", this.logID);\n // formData.append(\"imgname\", this.sanctionPlanDoc.name);\n // formData.append(\"files\", this.sanctionPlanDoc);\n }\n if (this.ApprovelDoc) {\n for (let val of this.ApprovelDoc) {\n formData.append(\"CaseID\", logID);\n formData.append(\"imgname\", val.name);\n formData.append(\"files\", val);\n formData.append(\"UserID\", this.session.UserID);\n }\n }\n if (this.ApprovelDoc) {\n this.ngxService.start();\n ApiService.UpdateApprovalDocument(formData)\n .then((responce: any) => {\n if (responce.status === 200) {\n // this.IsEditStatus = false;\n this.sectionPlaneDoc = undefined;\n this.document = undefined;\n if (this.isEditCase)\n Swal.fire(\n \"Thanks...\",\n \"Case Updated Successfully\",\n \"success\"\n );\n else\n Swal.fire(\n \"Thanks...\",\n \"Case Created Successfully\",\n \"success\"\n );\n this.router.navigate([\"Home\"]);\n }\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n Swal.fire(\n \"Oops...\",\n \"Something went wrong in document update!\",\n \"error\"\n );\n });\n } else {\n this.ngxService.start();\n ApiService.UpdateDocument(formData)\n .then((responce: any) => {\n if (responce.status === 200) {\n // this.IsEditStatus = false;\n this.sectionPlaneDoc = undefined;\n this.document = undefined;\n Swal.fire(\"Thanks...\", \"Case Created Successfully\", \"success\");\n this.router.navigate([\"Home\"]);\n }\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n Swal.fire(\n \"Oops...\",\n \"Something went wrong in document update!\",\n \"error\"\n );\n });\n }\n } else {\n Swal.fire(\"Oops...\", \"Please select atleast one document!\", \"warning\");\n }\n }\n }\n /* updateDocument(logID) {\n if (logID) {\n let formData = new FormData();\n formData.append(\"CaseID\", logID);\n formData.append(\"DocumentLength\", this.document.length);\n if (this.document.length) {\n let p: number = 0;\n for (let val of this.document) {\n formData.append(\"Document\" + p + \"\", val);\n p = p + 1;\n }\n } if (this.sectionPlaneDoc.length) {\n for (let val of this.sectionPlaneDoc) {\n formData.append(\"sectionPlaneDoc\", val);\n }\n } if (this.ApprovelDoc.length) {\n for (let val of this.ApprovelDoc) {\n formData.append(\"ApprovelDoc\", val);\n }\n }\n console.log('Data', formData);\n this.ngxService.start();\n ApiService.UpdateDocument(formData).then((responce: any) => {\n if (responce.status === 200) {\n Swal.fire('Thanks...', 'Case Created Successfully', 'success');\n this.router.navigate([\"Home\"]);\n }\n this.ngxService.stop();\n }).catch((e: any) => {\n\n this.ngxService.stop();\n Swal.fire('Oops...', 'Something went wrong in document update please try again!', 'error');\n });\n }\n } */\n onCaseChange(e: any) {\n this.radioSelected = \"Billing\";\n e.target.value;\n if (e.target.value == \"Select\" || e.target.value == \"\") {\n Swal.fire(\"Oops...\", \"Please select Fees type!\", \"warning\");\n this.IsExtraFeeShow = false;\n this.IsconvFeeShow = false;\n this.IstotalFeeShow = false;\n this.IsapprovalShow = false;\n this.IscontactnoShow = false;\n this.IsFeeShow = false;\n this.IsdocShow = false;\n this.IsFeecase = false;\n } else {\n if (this.selectedBankValue && this.feestype && this.session.UserID) {\n const val: IcaseFee = {\n CaseTypeID: this.feestype,\n LoginID: this.session.UserID,\n BankID: this.selectedBankValue,\n ZoneID: this.selectedZoneValue,\n BranchID: this.selectedBranchValue,\n VerticalID: this.selectedVerticalValue,\n };\n this.ngxService.start();\n ApiService.CaseFee(val)\n .then((responce: any) => {\n this.ngxService.stop();\n if (responce.status === 200) {\n if (responce.data != \"\") {\n if (this.session.getRoleID == \"22\") {\n this.IsFeeShow = false;\n this.IsExtraFeeShow = false;\n this.IsconvFeeShow = false;\n this.IstotalFeeShow = false;\n this.IsapprovalShow = false;\n this.IscontactnoShow = false;\n this.IsdocShow = false;\n this.IsFeecase = false;\n this.CaseFee = responce.data;\n this.TotalFee = (\n +this.Conveyance +\n +this.CaseFee +\n +this.ExtraFee\n ).toString();\n } else {\n this.IsFeeShow = true;\n this.IsExtraFeeShow = true;\n this.IsconvFeeShow = true;\n this.IstotalFeeShow = true;\n this.IsapprovalShow = true;\n this.IscontactnoShow = true;\n this.IsdocShow = true;\n this.IsFeecase = true;\n this.CaseFee = responce.data;\n this.TotalFee = (\n +this.Conveyance +\n +this.CaseFee +\n +this.ExtraFee\n ).toString();\n }\n } else {\n // this.router.navigate([\"Home\"]);\n Swal.fire(\n \"Oops...\",\n \"Before Create Case Update Bank Case Fees!\",\n \"warning\"\n );\n this.casetype = \"Select\";\n this.IsExtraFeeShow = false;\n this.IsconvFeeShow = false;\n this.IstotalFeeShow = false;\n this.IsapprovalShow = false;\n this.IscontactnoShow = false;\n this.IsFeeShow = false;\n this.IsdocShow = false;\n this.IsFeecase = false;\n }\n }\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error in onCaseChange\");\n Swal.fire(\"Oops...\", \"4something went wrong\", \"error\");\n });\n }\n }\n }\n\n onStateChange(e: any) {\n const p = e.target.value;\n const sk = this.selectedState;\n if (this.selectedState) {\n const val: IGetCityLocation = {\n StateID: this.selectedState,\n CityID: \"\",\n LocID: \"\",\n GetType: \"City\",\n };\n\n this.getCityLocation(val);\n }\n }\n onROOfficeChange(e: any) {\n debugger;\n if( this.session.getRoleID==\"24\"){\n const p = e.target.value;\n const sk = this.selectedState\n \n const valEng: IGetCityLocation = {\n StateID: this.DDlROadroffice,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"OfficeEngineer\",\n } \n this.getCityLocation(valEng);\n const valSup: IGetCityLocation = {\n StateID: this.session.UserID,\n CityID: this.selectedCity,\n LocID: this.session.getRoleID,\n GetType: \"ReportAnalysis\",\n }; \n this.getCityLocation(valSup);\n if(this.DDladroffice==\"\"){\n this.DDladroffice=this.DDlROadroffice;\n }\n else if(this.DDladroffice==this.DDlROadroffice){\n this.IsOfficeChange=\"N\";\n this.isdisable=false;\n }else\n { this.IsOfficeChange=\"Y\";\n this.isdisable=true;\n }\n \n }else{\n const p = e.target.value;\n const sk = this.selectedState\n \n const valEng: IGetCityLocation = {\n StateID: this.DDladroffice,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"OfficeEngineer\",\n } \n this.getCityLocation(valEng);\n if(this.DDladroffice==localStorage.getItem('AdroitBranch')){\n this.IsOfficeChange=\"N\";\n this.isdisable=false;\n }else\n { this.IsOfficeChange=\"Y\";\n this.isdisable=true;\n }\n }\n }\n onOfficeChange(e: any) {\n debugger;\n if( this.session.getRoleID==\"24\"){\n const p = e.target.value;\n const sk = this.selectedState\n \n const valEng: IGetCityLocation = {\n StateID: this.DDladroffice,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"OfficeEngineer\",\n } \n this.getCityLocation(valEng);\n const valSup: IGetCityLocation = {\n StateID: this.session.UserID,\n CityID: this.selectedCity,\n LocID: this.session.getRoleID,\n GetType: \"ReportAnalysis\",\n }; \n this.getCityLocation(valSup);\n \n if(this.DDladroffice==this.DDlROadroffice){\n this.IsOfficeChange=\"N\";\n this.isdisable=false;\n }else\n { this.IsOfficeChange=\"Y\";\n this.isdisable=true;\n }\n \n }else{\n const p = e.target.value;\n const sk = this.selectedState\n \n const valEng: IGetCityLocation = {\n StateID: this.DDladroffice,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"OfficeEngineer\",\n } \n this.getCityLocation(valEng);\n if(this.DDladroffice==localStorage.getItem('AdroitBranch')){\n this.IsOfficeChange=\"N\";\n this.isdisable=false;\n }else\n { this.IsOfficeChange=\"Y\";\n this.isdisable=true;\n }\n }\n }\n onCityChange(e: any) {\n const p = e.target.value;\n if (this.selectedCity) {\n const val: IGetCityLocation = {\n StateID: this.selectedState,\n CityID: this.selectedCity,\n LocID: \"\",\n GetType: \"Location\",\n };\n this.getCityLocation(val);\n }\n }\n onLocationChange(e) {\n const p = e.target.value;\n this.locationChangeFUnction();\n }\n locationChangeFUnction() {\n if (\n this.session.getAdroitOffice == \"1\" ||\n this.session.getAdroitOffice == \"39\"\n ) \n {\n this.ddlrole = \"ReportAnalysis\";\n } else {\n this.ddlrole = \"ReportAnalysis\";\n }\n if (this.selectedLocality) {\n const val: IGetCityLocation = {\n StateID: this.selectedState,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"SubLocation\",\n };\n // const valEng: IGetCityLocation = {\n // StateID: this.session.UserID,\n // CityID: this.selectedCity,\n // LocID: this.selectedLocality,\n // GetType: \"Engineer\",\n // }\n // const valEng: IGetCityLocation = {\n // StateID: localStorage.getItem('AdroitOffice'),\n // CityID: this.selectedCity,\n // LocID: this.selectedLocality,\n // GetType: \"OfficeEngineer\",\n // }\n // this.getCityLocation(valEng);\n const valSup: IGetCityLocation = {\n StateID: this.session.UserID,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: this.ddlrole,\n };\n this.getCityLocation(val);\n \n this.getCityLocation(valSup);\n }\n }\n locationChangeFUnctionOldCase() {\n if (\n this.session.getAdroitOffice == \"1\" ||\n this.session.getAdroitOffice == \"39\"\n ) {\n this.ddlrole = \"ReportAnalysis\";\n } else {\n this.ddlrole = \"ReportAnalysis\";\n }\n if (this.selectedLocality) {\n const val: IGetCityLocation = {\n StateID: this.selectedState,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"SubLocation\",\n };\n const valEng: IGetCityLocation = {\n StateID: this.session.UserID,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"Engineer\",\n };\n const valSup: IGetCityLocation = {\n StateID: this.session.UserID,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: this.ddlrole,\n };\n this.getCityLocationOldCase(val);\n this.getCityLocationOldCase(valEng);\n this.getCityLocationOldCase(valSup);\n }\n }\n onSubLocationChange(e) {\n const valPinCode: IGetCityLocation = {\n StateID: this.selectedState,\n CityID: this.selectedCity,\n LocID: this.selectedLocality,\n GetType: \"pincode\",\n };\n this.getCityLocation(valPinCode);\n }\n onApproverChange(e: any) {\n debugger;\n const newVal = this.getSelectedApproverByName(e.target.value);\n const val = newVal.Emp_name;\n this.selectedApprover = val;\n }\n onBankChange(e: any) {\n this.BranchText = \"\";\n this.ZoneText = \"\";\n this.BranchPersonText = \"\";\n this.VerticalText = \"\";\n const newVal = this.getSelectedBankByName(e.target.value);\n const val = newVal.AttributeID;\n this.selectedBankValue = val;\n\n this.selectedValuationValue = \"1\";\n // this.selectedApprover=\"Select\";\n if (val) {\n this.GetZoneDetails(val, false);\n this.GetProductDetails(val, false);\n // this.GetFeesTypeDetails(val,false);\n this.GetApproverDetails(val, false);\n }\n this.getValuationDetailsDynamically(newVal);\n }\n getValuationDetailsDynamically(data: any) {\n const osv = data.OSV;\n const ftv = data.FTV;\n if (osv == \"T\") {\n this.selectedValuationValue = \"1\";\n }\n if (ftv == \"T\") {\n this.selectedValuationValue = \"2\";\n }\n this.valuationChange();\n }\n onZoneChange(e: any) {\n this.BranchText = \"\";\n //this.ZoneText = \"\";\n this.BranchPersonText = \"\";\n this.VerticalText = \"\";\n const newVal = this.getSelectedZoneByName(e.target.value);\n const val = newVal.AttributeID;\n this.selectedZoneValue = val;\n // this.selectedValuationValue = \"1\";\n if (val) {\n this.GetBranchDetails(val, false);\n }\n //\n }\n\n onBranchChange(e) {\n const p = e.target.value;\n this.BranchPersonText = \"\";\n this.VerticalText = \"\";\n const BranchVal = this.getSelectedBranchByName(e.target.value);\n const BankID = this.selectedBankValue;\n this.selectedBranchValue = BranchVal.AttributeID;\n if (this.selectedBranchValue) {\n this.BranchPersonText = \"\";\n this.GetVerticalDetails(BankID, this.selectedBranchValue, false);\n }\n }\n onBranchPersonChange(e) {\n const BranchPersonVal = this.getBranchPersoneValue(e.target.value);\n this.selectedBranchPersonValue = BranchPersonVal.AttributeID;\n }\n\n onVerticalChange(e) {\n debugger;\n const p = e.target.value;\n this.BranchPersonText = \"\";\n this.selectedVerticalValue = this.getSelectedVerticalByName(e.target.value);\n const BankID = this.getSelectedVerticalByName(e.target.value);\n // this.selectedBranchValue = BranchVal.AttributeID;\n if (this.selectedVerticalValue) {\n this.BranchPersonText = \"\";\n this.GetBranchPersonDetails(\n BankID.AttributeID,\n this.selectedVerticalValue.AttributeID,\n false\n );\n this.GetFeesTypeDetails(BankID.AttributeID, true);\n }\n }\n\n onEngChange(e) {\n const Val = this.getEngValue(e.target.value);\n if (e.target.value == \"\") {\n this.selectedEngvalue = \"0\";\n } else {\n this.selectedEngvalue = Val.AttributeID;\n }\n }\n onSupChange(e) {\n const Val = this.getSupValue(e.target.value);\n if (e.target.value == \"\") {\n this.selectedSupvalue = \"0\";\n } else {\n this.selectedSupvalue = Val.AttributeID;\n }\n }\n getEngValue(selectedName: string) {\n return this.valEngineer.find((val) => val.AttributeName === selectedName);\n }\n getSupValue(selectedName: string) {\n return this.valSup.find((val) => val.AttributeName === selectedName);\n }\n getBranchPersoneValue(selectedName: string) {\n return this.BranchPersonDetail.find(\n (val) => val.AttributeName === selectedName\n );\n }\n getSelectedBankByName(selectedName: string) {\n return this.BankDetail.find((val) => val.AttributeName === selectedName);\n }\n getSelectedApproverMobile(selectedName: string) {\n return this.LoadApprover.find((val) => val.Emp_name === selectedName);\n }\n getSelectedZoneByName(selectedName: string) {\n return this.ZoneDetail.find((val) => val.AttributeName === selectedName);\n }\n getSelectedApproverByName(selectedName: string) {\n return this.LoadApprover.find((val) => val.Emp_name === selectedName);\n }\n getSelectedBranchByName(selectedName: string) {\n return this.BranchDetail.find((val) => val.AttributeName === selectedName);\n }\n getSelectedVerticalByName(selectedName: string) {\n return this.VerticalDetail.find(\n (val) => val.AttributeName === selectedName\n );\n }\n getCityLocation(val: IGetCityLocation) {\n\n this.ngxService.start();\n ApiService.GetCityLocation(val).then((responce: any) => {\n this.ngxService.stop();\n if (responce.status === 200) {\n if (responce.data) {\n if (val.GetType === \"City\") {\n this.CityVal = responce.data.DATA;\n }\n else if (val.GetType === \"Location\") {\n this.LocationVal = responce.data.DATA;\n }\n else if (val.GetType === \"AdroitOffice\") {\n this.DDladrofficedata = responce.data.DATA;\n this.DDladroffice= localStorage.getItem('AdroitBranch');\n }\n else if ( val.GetType === \"ROOFFICE\") {\n this.DDlROadrofficedata = responce.data.DATA;\n if( this.session.getRoleID==\"24\")\n this.DDlROadroffice=\"Select\";\n else\n this.DDlROadroffice= localStorage.getItem('AdroitBranch');\n }\n else if (val.GetType === \"SubLocation\") {\n this.SubLocationVal = responce.data.DATA;\n }\n else if (val.GetType === \"pincode\") {\n if (responce.data.DATA) {\n console.log(\"Getting Error in pinCode\", responce.data.DATA[0]);\n this.PinCode = responce.data.DATA[0].AttributeName;\n }\n console.log(this.PinCode);\n }\n else if (val.GetType === \"Engineer\" || val.GetType === \"OfficeEngineer\") {\n this.valEngineer = responce.data.DATA;\n console.log(\"Getting Error in engVal\");\n if (this.isEditCase) {\n const engVal = this.valEngineer.find(val => val.AttributeID === this.editCaseDetail.Allocated_To);\n console.log(\"Getting Error in engVal\", engVal);\n if (engVal) {\n this.AssignToText = engVal.AttributeName;\n }\n }\n }\n else if (val.GetType === \"Sup\"||val.GetType === \"ReportAnalysis\") {\n this.valSup = responce.data.DATA;\n console.log(\"Getting Error in supVal1\");\n if (this.isEditCase) {\n const supVal = this.valSup.find(val => val.AttributeID === this.selectedSupvalue);\n console.log(\"Getting Error in supVal\", supVal);\n if (supVal) {\n this.supToText = supVal.AttributeName;\n }\n }\n }\n }\n }\n }).catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error in getCityLocation\");\n // Swal.fire('Oops...', '5something went wrong'+val.GetType, 'error');\n });\n }\n getEngConvence(val: IGetCityLocation) {\n //this.session.getAdroitOffice\n this.ngxService.start();\n ApiService.GetCityLocation(val)\n .then((responce: any) => {\n this.ngxService.stop();\n if (responce.status === 200) {\n if (responce.data) {\n this.EngConv = responce.data.DATA;\n console.log(\"EngConv\", this.EngConv);\n\n // this.selectedEngConv = \"Select Convence\";\n }\n }\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error in getCityLocation\");\n Swal.fire(\"Oops...\", \"6something went wrong\", \"error\");\n });\n }\n getCityLocationOldCase(val: IGetCityLocation) {\n this.ngxService.start();\n ApiService.GetCityLocation(val)\n .then((responce: any) => {\n this.ngxService.stop();\n if (responce.status === 200) {\n if (responce.data) {\n if (val.GetType === \"City\") {\n this.CityVal = responce.data.DATA;\n } else if (val.GetType === \"Location\") {\n this.LocationVal = responce.data.DATA;\n } else if (val.GetType === \"SubLocation\") {\n this.SubLocationVal = responce.data.DATA;\n } else if (val.GetType === \"pincode\") {\n if (responce.data.DATA) {\n console.log(\"Getting Error in pinCode\", responce.data.DATA[0]);\n this.PinCode = responce.data.DATA[0].AttributeName;\n }\n console.log(this.PinCode);\n } else if (val.GetType === \"Engineer\") {\n this.valEngineer = responce.data.DATA;\n console.log(\"Getting Error in engVal\");\n } else if (\n val.GetType === \"Sup\" ||\n val.GetType === \"ReportAnalysis\"\n ) {\n this.valSup = responce.data.DATA;\n console.log(\"Getting Error in supVal1\");\n }\n }\n }\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error in getCityLocation\");\n Swal.fire(\"Oops...\", \"6something went wrong\", \"error\");\n });\n }\n getState(val: string) {\n this.ngxService.start();\n ApiService.GetMaster(val)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n if (val === \"State\") {\n this.state = responce.data.DATA;\n }\n if (val === \"Documents\") {\n if (responce.data.DATA) {\n if (responce.data.DATA.length > 0) {\n for (const value of responce.data.DATA) {\n let docVal = {\n id: Number(value.AttributeID),\n text: value.AttributeName,\n };\n this.dropdownList1.push(docVal);\n }\n this.dropdownList = this.dropdownList1;\n if (this.isEditCase) {\n console.log(\"this is edit case\");\n }\n }\n }\n }\n if (val === \"CaseType\") {\n this.LoadCaseType = responce.data.DATA;\n }\n }\n }\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error in getState\");\n Swal.fire(\"Oops...\", \"7something went wrong\", \"error\");\n });\n }\n bindDropdownOnEdit() {\n try {\n setTimeout(() => {\n if (this.editCaseDetail.Documents) {\n const item = this.editCaseDetail.Documents;\n const valArray = item.split(\",\");\n for (const valItem in valArray) {\n const supVal = this.dropdownList.find(\n (value) => value.id === +valArray[valItem]\n );\n if (supVal) {\n this.newSelectedItems.push(supVal);\n }\n }\n this.selectedItems = this.newSelectedItems;\n }\n }, 3000);\n } catch (error) {\n console.log(\"Error IS \", error);\n }\n }\n GetBankDetails() {\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: \"\",\n BranchID: \"\",\n RoleID: this.session.getRoleID,\n GetType: \"Bank\",\n };\n this.ngxService.start();\n ApiService.GetBankDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.BankDetail = responce.data.DATA;\n }\n }\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error In GetBankDetails\");\n Swal.fire(\"Oops...\", \"something went wrong\", \"error\");\n });\n }\n GetBankDetailsEditCase(isEdit: boolean) {\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: \"\",\n BranchID: \"\",\n RoleID: this.session.getRoleID,\n GetType: \"Bank\",\n };\n this.ngxService.start();\n ApiService.GetBankDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.BankDetail = responce.data.DATA;\n if (isEdit && !this.selectedOldCase) {\n const BankText = this.BankDetail.find(\n (val) => val.AttributeID === this.editCaseDetail.Bank_ID\n );\n this.BankText = BankText.AttributeName;\n }\n }\n }\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error In GetBankDetails\");\n Swal.fire(\"Oops...\", \"8something went wrong\", \"error\");\n });\n }\n GetUsageDataNew() {\n this.propertyTypeNEw = \"Select\";\n this.GetUsageData(\"Usage\");\n }\n GetUsageDataNewpro() {\n this.propertyTypeNEw = \"Select\";\n this.GetUsageData(\"propertytype\");\n }\n GetUsageData(e: any) {\n this.ngxService.start();\n let val: IUsage;\n let callAPI: boolean = true;\n if (e == \"Usage\") {\n val = {\n CaseID: \" \",\n type: \"Usage\",\n ID: \"\",\n };\n } else {\n if (this.DDlUsage == \"Select\") {\n callAPI = false;\n }\n val = {\n CaseID: \"\",\n type: \"propertytype\",\n ID: this.DDlUsage,\n };\n }\n if (callAPI) {\n ApiService.GetUsageData(val)\n .then((responce: any) => {\n if (responce.status == 200) {\n debugger;\n if (responce.data) {\n if (e == \"Usage\") {\n this.DDLUsageData = responce.data.MasterData;\n } else {\n this.DDLPropertyData = responce.data.MasterData;\n let p = this.propertyTypeNEw;\n this.DDlPropertyType = this.propertyTypeNEw;\n this.showMultidropDown();\n }\n }\n }\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n // Swal.fire('Oops...', 'Something went wrong try again!', 'error');\n console.log(\"Error In GetUsageData\", JSON.stringify(val));\n });\n }\n }\n showMultidropDown() {\n if (this.DDlUsage == \"5\") {\n $(\"#ddlPropertyType\").attr(\"multiple\", \"multiple\");\n $(\"#ddlPropertyType\").attr(\n \"title\",\n \"You can select multiple value using CTRL+value\"\n );\n } else {\n $(\"#ddlPropertyType\").removeAttr(\"multiple\");\n $(\"#ddlPropertyType\").removeAttr(\"title\");\n }\n if (this.propertyTypeNEw != \"Select\") {\n var dataarray = this.propertyTypeNEw.split(\",\");\n $(\"#ddlPropertyType\").val(dataarray);\n $(\"#ddlPropertyType\").multiselect(\"refresh\");\n }\n }\n GetVerticalDetails(bankID: string, BranchID: string, isEdit: boolean) {\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: BranchID,\n BranchID: BranchID,\n RoleID: this.session.getRoleID,\n GetType: \"Vertical\",\n };\n this.ngxService.start();\n\n ApiService.GetBankDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.VerticalDetail = responce.data.DATA;\n if (isEdit && !this.selectedOldCase) {\n const BankText = this.VerticalDetail.find(\n (val) => val.AttributeID === this.editCaseDetail.Vertical_id\n );\n this.VerticalText = BankText.AttributeName;\n }\n }\n }\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error In GetVerticalDetails\");\n Swal.fire(\"Oops...\", \"9something went wrong\", \"error\");\n });\n }\n Getvert(BankID: string, isEdit: boolean) {\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: BankID,\n BranchID: \"\",\n RoleID: this.session.getRoleID,\n GetType: \"Branch\",\n };\n //this.ngxService.start();\n\n ApiService.GetBankDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.BranchDetail = responce.data.DATA;\n if (isEdit) {\n const branchText = this.BranchDetail.find(\n (val) => val.AttributeID === this.selectedBranchValue\n );\n this.BranchPersonText = branchText.AttributeName;\n }\n }\n }\n // this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Get Error In GetBranchDetails\");\n Swal.fire(\"Oops...\", \"Get Error In GetBranchDetails\", \"error\");\n });\n }\n\n GetBranchPersonDetails(bankID: string, BranchID: string, isEdit: boolean) {\n debugger;\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: bankID,\n BranchID: BranchID,\n RoleID: this.session.getRoleID,\n GetType: \"Person\",\n };\n this.selectedVerticalValue = bankID;\n this.ngxService.start();\n\n ApiService.GetBankDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.BranchPersonDetail = responce.data.DATA;\n if (isEdit && !this.selectedOldCase) {\n const BankText = this.BranchPersonDetail.find(\n (val) => val.AttributeID === this.editCaseDetail.Branch_person\n );\n this.BranchPersonText = BankText.AttributeName;\n }\n }\n }\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Getting Error In GetBranchPersonDetails\");\n Swal.fire(\"Oops...\", \"9something went wrong\", \"error\");\n });\n }\n GetBranchDetails(BankID: string, isEdit: boolean) {\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: BankID,\n BranchID: \"\",\n RoleID: this.session.getRoleID,\n GetType: \"Branch\",\n };\n //this.ngxService.start();\n\n ApiService.GetBankDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.BranchDetail = responce.data.DATA;\n if (isEdit) {\n const branchText = this.BranchDetail.find(\n (val) => val.AttributeID === this.selectedBranchValue\n );\n this.BranchText = branchText.AttributeName;\n }\n }\n }\n // this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Get Error In GetBranchDetails\");\n Swal.fire(\"Oops...\", \"Get Error In GetBranchDetails\", \"error\");\n });\n }\n GetZoneDetails(BankID: string, isEdit: boolean) {\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: BankID,\n BranchID: \"\",\n RoleID: this.session.getRoleID,\n GetType: \"Zone\",\n };\n //this.ngxService.start();\n this.ZoneText = \"\";\n this.VerticalText = \"\";\n ApiService.GetBankDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.ZoneDetail = responce.data.DATA;\n if (isEdit) {\n const BankText = this.ZoneDetail.find(\n (val) => val.AttributeID === this.selectedZoneValue\n );\n this.ZoneText = BankText.AttributeName;\n }\n }\n }\n // this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Get Error In GetZoneDetails\");\n Swal.fire(\"Oops...\", \"Get Error In GetZoneDetails\", \"error\");\n });\n }\n GetProductDetails(BankID: string, isEdit: boolean) {\n debugger;\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: BankID,\n BranchID: \"\",\n RoleID: this.session.getRoleID,\n GetType: \"Product\",\n };\n //this.ngxService.start();\n\n ApiService.GetBankDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.LoadCaseType = responce.data.DATA;\n }\n }\n // this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Get Error In GetProductDetails\");\n Swal.fire(\"Oops...\", \"Get Error In GetProductDetails\", \"error\");\n });\n }\n GetFeesTypeDetails(VertiCalID: string, isEdit: boolean) {\n debugger;\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: VertiCalID,\n BranchID: \"\",\n RoleID: this.session.getRoleID,\n GetType: \"FeesType\",\n };\n //this.ngxService.start();\n\n ApiService.GetBankDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.LoadFeesType = responce.data.DATA;\n }\n }\n // this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Get Error In GetFeesDetails\");\n Swal.fire(\"Oops...\", \"Get Error In GetFeesDetails\", \"error\");\n });\n }\n GetApproverDetails(BankID: string, isEdit: boolean) {\n debugger;\n let p: IBankDetail = {\n userid: this.session.UserID,\n BankID: BankID,\n BranchID: \"\",\n RoleID: this.session.getRoleID,\n GetType: \"Product\",\n };\n //this.ngxService.start();\n // this.selectedApprover=\"Select\";\n ApiService.GetApproverDetails(p)\n .then((responce: any) => {\n if (responce.status === 200) {\n if (responce.data) {\n this.LoadApprover = responce.data.DATA;\n // this.selectedApprover=\"Select\";\n }\n }\n // this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n console.log(\"Get Error In GetApproverDetails\");\n Swal.fire(\"Oops...\", \"Get Error In GetApproverDetails\", \"error\");\n });\n }\n onItemSelect(item: any) {\n let p = this.selectedItems.length;\n console.log(item);\n }\n onSelectAll(items: any) {\n console.log(items);\n }\n onDeSelect(items: any) {\n this.deleteMsg(items.id);\n }\n deleteMsg(msg: string) {}\n HideModel() {\n this.IsPopUp = false;\n }\n checkValue(e: any) {\n const val = e.currentTarget.value;\n this.IsPopUp = false;\n if (val) {\n this.selectedOldCase = true;\n this.GetEditOldCaseDetail(val);\n }\n console.log(e);\n }\n searchOldCases() {\n this.ngxService.start();\n let val: searchOldCases = {\n Applicant_Name: this.applicantName,\n Property_No: this.propertyNo,\n Building_No: this.BuildingName,\n Street_Sector: this.Streat,\n Land_mark: this.landmark,\n City: this.selectedCity,\n Contact_Persion_Mob1: this.MOb1,\n Contact_Persion_Mob2: this.MOb2,\n };\n let p: boolean = false;\n if (\n this.applicantName != \"\" ||\n this.propertyNo != \"\" ||\n this.BuildingName != \"\" ||\n this.Streat != \"\" ||\n this.landmark != \"\" ||\n this.selectedCity != \"Select\" ||\n this.MOb1 != \"\" ||\n this.MOb2 != \"\"\n ) {\n p = true;\n if (this.selectedCity == \"Select\") {\n val.City = \"\";\n }\n }\n if (p) {\n ApiService.SearchOldCases(val)\n .then((responce: any) => {\n this.HeaderText = \"Please Select Case\";\n if (responce.status === 200) {\n if (responce.data) {\n this.IsPopUp = true;\n this.GridOldCases = responce.data.DATA;\n } else {\n Swal.fire(\"Oops...\", \"No Data Found!\", \"warning\");\n }\n } else {\n Swal.fire(\"No Data Found!\", \"warning\");\n // this.IsPopUp = true;\n }\n this.ngxService.stop();\n })\n .catch((e: any) => {\n this.ngxService.stop();\n Swal.fire(\"Oops...\", \"10something went wrong\", \"error\");\n });\n } else {\n this.ngxService.stop();\n Swal.fire(\"Oops...\", \"please add at least one value\", \"warning\");\n }\n }\n onBankCaseChange(e: any) {\n this.radioSelected = \"Billing\";\n e.target.value;\n if (e.target.value == \"Select\" || e.target.value == \"\") {\n Swal.fire(\"Oops...\", \"Please select case type!\", \"warning\");\n this.IsExtraFeeShow = false;\n this.IsconvFeeShow = false;\n this.IstotalFeeShow = false;\n this.IsapprovalShow = false;\n this.IscontactnoShow = false;\n this.IsFeeShow = false;\n this.IsdocShow = false;\n this.IsFeecase = false;\n } else {\n if (this.selectedBankValue && this.casetype && this.session.UserID) {\n const val: IcaseFee = {\n CaseTypeID: this.casetype,\n LoginID: this.session.UserID,\n BankID: this.selectedBankValue,\n ZoneID: this.selectedZoneValue,\n BranchID: this.selectedBranchValue,\n VerticalID: this.selectedVerticalValue,\n };\n this.ngxService.start();\n ApiService.CaseFee(val)\n .then((responce: any) => {\n this.ngxService.stop();\n if (responce.status === 200) {\n /* if (responce.data != \"\") { */\n if (\n this.session.getRoleID == \"22\" ||\n this.session.getRoleID == \"7\"\n ) {\n this.IsFeeShow = false;\n this.IsExtraFeeShow = false;\n this.IsconvFeeShow = false;\n this.IstotalFeeShow = false;\n this.IsapprovalShow = false;\n this.IscontactnoShow = false;\n this.IsdocShow = false;\n this.IsFeecase = false;\n this.CaseFee = responce.data;\n this.TotalFee = (\n +this.Conveyance +\n +this.CaseFee +\n +this.ExtraFee\n ).toString();\n } else {\n this.IsFeeShow = true;\n this.IsExtraFeeShow = true;\n this.IsconvFeeShow = true;\n this.IstotalFeeShow = true;\n this.IsapprovalShow = true;\n this.IscontactnoShow = true;\n this.IsdocShow = true;\n this.IsFeecase = true;\n this.CaseFee = responce.data;\n this.TotalFee = (\n +this.Conveyance +\n +this.CaseFee +\n +this.ExtraFee\n ).toString();\n }\n /* } else {\n // this.router.navigate([\"Home\"]);\n Swal.fire('Oops...', 'Before Create Case Update Bank Case Fees!', 'warning');\n this.casetype=\"Select\";\n this.IsExtraFeeShow=false;\n this.IsconvFeeShow=false;\n this.IstotalFeeShow=false;\n this.IsapprovalShow=false;\n this.IscontactnoShow=false;\n this.IsFeeShow=false;\n this.IsdocShow=false;\n this.IsFeecase=false;\n } */\n }\n })\n .catch((e: any) => {\n console.log(\"Getting Error in onCaseChange\");\n Swal.fire(\"Oops...\", \"4something went wrong\", \"error\");\n });\n }\n }\n }\n}\n","module.exports = \"
\\r\\n \\r\\n
\\r\\n\\r\\n
Case Creation
\\r\\n \\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n
Enter Amount : \\r\\n
\\r\\n
Convence Remark : \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\"","import { Component, OnInit } from \"@angular/core\";\r\nimport { Router, ActivatedRoute } from \"@angular/router\";\r\nimport { ApiService } from \"../service/service\";\r\nimport { SessionService } from \"../service/sessionGlobalVar\";\r\nimport {\r\n IcaseFee,\r\n IBankDetail,\r\n IGetCityLocation,\r\n ICaseCreate,\r\n getStage,\r\n searchOldCases,\r\n IUsage,\r\n} from \"../service/type\";\r\nimport { NgxUiLoaderService } from \"ngx-ui-loader\";\r\nimport Swal from \"sweetalert2\";\r\nimport { DISABLED } from \"@angular/forms/src/model\";\r\n\r\ndeclare var $: any;\r\n@Component({\r\n selector: \"app-casecreation\",\r\n templateUrl: \"./casecreation.component.html\",\r\n styleUrls: [],\r\n})\r\nexport class CasecreationComponent implements OnInit {\r\n BankDetail: any;\r\n selectedBankValue: any = \"\";\r\n selectedZoneValue: any = \"\";\r\n selectedBranchValue: any = \"\";\r\n selectedVerticalValue: any = \"\";\r\n selectedBranchPersonValue: any = \"\";\r\n ZoneDetail: any = \"\";\r\n BranchDetail: any = \"\";\r\n BranchPersonDetail: any = \"\";\r\n VerticalDetail: any = \"\";\r\n state: any = \"\";\r\n EngConv: any = \"\";\r\n selectedState: string = \"Select\";\r\n selectedEngConv: string = \"Select\";\r\n selectedCity: string = \"Select\";\r\n selectedLocality: string = \"Select\";\r\n selectedSubLocation: string = \"Select\";\r\n selectedApprover: string = \"Select\";\r\n caseVertical: string = \"\";\r\n applicantFirst: string = \"\";\r\n propertyFirst: string = \"Plot No.\";\r\n selectedValuationValue: string = \"1\";\r\n casetype: string = \"Select\";\r\n feestype: string = \"Select\";\r\n selectedStatus: string = \"Select\";\r\n CityVal: any = \"\";\r\n LocationVal: any = \"\";\r\n SubLocationVal: any = \"\";\r\n PinCode: any = \"\";\r\n status: any = \"\";\r\n DDLUsageData: any;\r\n valEngineer: any = \"\";\r\n valSup: any = \"\";\r\n valReportAnalysis: any = \"\";\r\n selectedEngvalue: string = \"\";\r\n selectedSupvalue: string = \"\";\r\n applicantName: string = \"\";\r\n district: string = \"\";\r\n dropdownList = [];\r\n dropdownList1 = [];\r\n selectedItems = [];\r\n newSelectedItems = [];\r\n dropdownSettings = {};\r\n propertyNo: string = \"\";\r\n BuildingName: string = \"\";\r\n Streat: string = \"\";\r\n landmark: string = \"\";\r\n ContactPersonName: string = \"\";\r\n MOb1: string = \"\";\r\n MOb2: string = \"\";\r\n LoadCaseType: any = \"\";\r\n LoadFeesType: any = \"\";\r\n LoadApprover: any = \"\";\r\n StatusRemark: string = \"\";\r\n FileNo: string = \"\";\r\n PropertyArea: string = \"\";\r\n CaseRemark: string = \"\";\r\n CaseFee: string = \"0\";\r\n ExtraFee: string = \"0\";\r\n Conveyance: string = \"0\";\r\n TotalFee: string = \"0\";\r\n ApprovalRemarks: string = \"\";\r\n ConAmount: string = \"\";\r\n ConRemark: string = \"\";\r\n ApprovalPerson: string = \"\";\r\n ContactNo: string = \"\";\r\n IsFeeShow: boolean = false;\r\n ISExtrafeeReadonly: boolean = false;\r\n editCaseDetail: any = \"\";\r\n BankText: string = \"\";\r\n ZoneText: string = \"\";\r\n BranchText: string = \"\";\r\n BranchPersonText: string = \"\";\r\n VerticalText: string = \"\";\r\n Sector: string = \"\";\r\n AssignToText: string = \"\";\r\n supToText: string = \"\";\r\n Block: string = \"\";\r\n files;\r\n filestring;\r\n myfile;\r\n isEditCase: boolean = false;\r\n ISvaluation: boolean = true;\r\n IScasebranch: boolean = true;\r\n document: any;\r\n sectionPlaneDoc: any;\r\n ApprovelDoc: any;\r\n isdisable: boolean = false;\r\n isrodisable: boolean = false;\r\n IsBankCase: boolean = false;\r\n IsENGEXTCOn: boolean = false;\r\n IsZoneCase: boolean = false;\r\n IsBranchCase: boolean = false;\r\n IsPopUp: boolean = false;\r\n HeaderText: string;\r\n GridOldCases: any;\r\n selectedOldCase: boolean = false;\r\n oldCaseID: string = \"\";\r\n CaseID: string = \"\";\r\n propertyTypeNEw: string = \"Select\";\r\n DDlUsage: string = \"Select\";\r\n DDlPropertyType: string = \"Select\";\r\n DDLPropertyData: any;\r\n radioSelectedString: string;\r\n radioSelected: string = \"\";\r\n PaymentType: string;\r\n ExtraEngConvApproved: any;\r\n radioSel: any;\r\n IsExtraFeeShow: boolean = true;\r\n IsconvFeeShow: boolean = true;\r\n IstotalFeeShow: boolean = true;\r\n IsapprovalShow: boolean = true;\r\n IscontactnoShow: boolean = true;\r\n IsdocShow: boolean = true;\r\n IsFeecase: boolean = true;\r\n editabless: boolean = false;\r\n EngConvftv: boolean = false;\r\n ddlrole: string;\r\n getApprovaldocurl: any;\r\n btnextconsave: string = \"Save\";\r\n DDladrofficedata: any = \"\";\r\n IsOfficeChange:string=\"N\";\r\n DDladroffice: any = \"\";\r\n DDlROadrofficedata: any = \"\";\r\n DDlROadroffice: any = \"\";\r\n gettypeperson: any = \"\";\r\n constructor(\r\n private router: Router,\r\n private service: ApiService,\r\n private ngxService: NgxUiLoaderService,\r\n private session: SessionService,\r\n private route: ActivatedRoute\r\n ) {\r\n this.getState(\"State\");\r\n const val1: IGetCityLocation = {\r\n StateID: this.session.getAdroitOffice,\r\n CityID: \"\",\r\n LocID: \"\",\r\n GetType: \"ENGCONV\",\r\n };\r\n this.getEngConvence(val1);\r\n // this.getState(\"CaseType\");\r\n this.GetUsageDataNew(); \r\n this.dropdownSettings = {\r\n singleSelection: false,\r\n idField: \"id\",\r\n textField: \"text\",\r\n unSelectAllText: \"UnSelect All\",\r\n itemsShowLimit: 3,\r\n allowSearchFilter: true,\r\n };\r\n\r\n const BranchID = localStorage.getItem(\"BankBranchID\");\r\n const bankID = localStorage.getItem(\"BankID\");\r\n let val = localStorage.getItem(\"roleID\");\r\n\r\n if (BranchID && (+val == 7 || +val == 10)) {\r\n this.selectedBankValue = bankID;\r\n this.selectedBranchValue = BranchID;\r\n this.IsBankCase = false;\r\n this.IsZoneCase = false;\r\n this.IsBranchCase = false;\r\n this.selectedValuationValue = \"1\";\r\n this.valuationChange();\r\n if (this.selectedBranchValue) {\r\n this.GetBranchPersonDetails(\r\n this.selectedBankValue,\r\n this.selectedBranchValue,\r\n false\r\n );\r\n }\r\n } else if (BranchID && +val == 22) {\r\n this.selectedBankValue = bankID;\r\n //this.selectedBranchValue = BranchID;\r\n this.selectedValuationValue = \"1\";\r\n this.valuationChange();\r\n this.IsBankCase = false;\r\n this.IsZoneCase = true;\r\n this.IsBranchCase = true;\r\n if (this.selectedBankValue) {\r\n this.GetBranchDetails(this.selectedBankValue, false);\r\n // this.GetBranchPersonDetails(this.selectedBankValue, this.selectedBranchValue, false);\r\n }\r\n } else {\r\n this.IsBankCase = true;\r\n this.IsZoneCase = true;\r\n this.IsBranchCase = true;\r\n this.GetBankDetails();\r\n }\r\n }\r\n ngOnInit() {\r\n if (!this.session.isLoggedIn) {\r\n this.router.navigate([\"Login\"]);\r\n }\r\n const val = this.session.getRoleID;\r\n if (val == \"3\" || val == \"10\" || val == \"7\" || val == \"22\" || val == \"24\") {\r\n this.route.params.subscribe((params) => {\r\n if (params.id) {\r\n this.isEditCase = true;\r\n const id = window.atob(params.id);\r\n this.CaseID = id;\r\n this.GetEditCaseDetail();\r\n }\r\n });\r\n } else {\r\n localStorage.clear();\r\n this.router.navigate([\"login\"]);\r\n }\r\n\r\n this.getState(\"Documents\");\r\n /* if(val == \"7\"){\r\n this.branchview();}*/\r\n // if(val==\"24\")\r\n // {\r\n const valroOffice: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"ROOFFICE\",\r\n }\r\n this.getCityLocation(valroOffice);\r\n // }else{\r\n const valOffice: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"AdroitOffice\",\r\n }\r\n this.getCityLocation(valOffice);\r\n // }\r\n \r\n const valEng: IGetCityLocation = {\r\n StateID: localStorage.getItem('AdroitBranch'),\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"OfficeEngineer\",\r\n }\r\n this.getCityLocation(valEng);\r\n }\r\n getFiles(event) {\r\n this.files = event.target.files;\r\n var reader = new FileReader();\r\n reader.onload = this._handleReaderLoaded.bind(this.files);\r\n reader.readAsBinaryString(this.files[0]);\r\n }\r\n branchview() {\r\n this.IScasebranch = false;\r\n }\r\n bindPreviousValue() {\r\n //debugger;\r\n console.log(\"editCaseDetaillook\", this.editCaseDetail);\r\n if (!this.selectedOldCase) {\r\n this.GetBankDetailsEditCase(true);\r\n this.selectedBankValue = this.editCaseDetail.Bank_ID;\r\n\r\n this.GetZoneDetails(this.editCaseDetail.Bank_ID, true);\r\n this.selectedZoneValue = this.editCaseDetail.Zone_id;\r\n\r\n this.GetBranchDetails(this.editCaseDetail.Zone_id, true);\r\n this.selectedBranchValue = this.editCaseDetail.Branch_id;\r\n\r\n this.GetVerticalDetails(\r\n this.selectedBankValue,\r\n this.selectedBranchValue,\r\n true\r\n );\r\n this.selectedVerticalValue = this.editCaseDetail.Vertical_id;\r\n this.selectedEngConv = this.editCaseDetail.EngConv;\r\n this.selectedStatus = this.editCaseDetail.Case_Status;\r\n this.selectedValuationValue = this.editCaseDetail.Valuation_typeID;\r\n this.GetBranchPersonDetails(\r\n this.editCaseDetail.Vertical_id,\r\n this.editCaseDetail.Branch_id,\r\n true\r\n );\r\n this.selectedBranchPersonValue = this.editCaseDetail.Branch_person;\r\n this.getApprovaldocurl = this.editCaseDetail.ApprovalDocPath;\r\n this.GetProductDetails(this.selectedBankValue, true);\r\n this.GetFeesTypeDetails(this.selectedVerticalValue, true);\r\n } else {\r\n this.oldCaseID = this.editCaseDetail.CaseID;\r\n }\r\n this.IsFeeShow = true;\r\n this.isEditCase = true;\r\n this.selectedState = this.editCaseDetail.StateID;\r\n this.selectedEngConv = this.editCaseDetail.EngConv;\r\n this.district = this.editCaseDetail.District;\r\n\r\n this.applicantName = this.editCaseDetail.Applicant_nameN;\r\n\r\n this.applicantFirst = this.editCaseDetail.ApplicanttitleN;\r\n\r\n this.PinCode = this.editCaseDetail.pin_code;\r\n this.BuildingName = this.editCaseDetail.Building_No;\r\n this.Streat = this.editCaseDetail.Street_Sector;\r\n this.Sector = this.editCaseDetail.SectorN;\r\n this.ContactPersonName = this.editCaseDetail.Contact_persion_Name;\r\n this.MOb1 = this.editCaseDetail.Contact_Persion_Mob1;\r\n this.MOb2 = this.editCaseDetail.Contact_Persion_Mob2;\r\n this.casetype = this.editCaseDetail.Type_Of_Case;\r\n this.feestype = this.editCaseDetail.FeesType;\r\n this.landmark = this.editCaseDetail.Land_mark;\r\n this.FileNo = this.editCaseDetail.File_No;\r\n this.PropertyArea = this.editCaseDetail.Area;\r\n\r\n this.StatusRemark = this.editCaseDetail.Case_Status_Remarks;\r\n this.Conveyance = this.editCaseDetail.Conveyance;\r\n this.CaseFee = this.editCaseDetail.ActualFees;\r\n this.ExtraFee = this.editCaseDetail.ExtraFees;\r\n this.TotalFee = this.editCaseDetail.TotalFees;\r\n this.ApprovalRemarks = this.editCaseDetail.Approval_Remarks;\r\n this.ConAmount = this.editCaseDetail.ExtraEngConv;\r\n this.ConRemark = this.editCaseDetail.ExtraEngConvRemark;\r\n this.caseVertical = this.editCaseDetail.Case_vertical;\r\n if (\r\n this.editCaseDetail.ExtraEngConv != \"0\" &&\r\n this.editCaseDetail.ExtraEngConv != \"\"\r\n ) {\r\n this.IsENGEXTCOn = true;\r\n this.ConAmount = this.editCaseDetail.ExtraEngConv;\r\n this.ConRemark = this.editCaseDetail.ExtraEngConvRemark;\r\n this.ExtraEngConvApproved =\r\n \"Convence Approved by Branch : \" +\r\n this.editCaseDetail.ExtraEngConvApproved;\r\n if (this.editCaseDetail.ExtraEngConvApproved == \"Yes\") {\r\n this.ISExtrafeeReadonly = true;\r\n }\r\n this.btnextconsave = \"Close\";\r\n }\r\n //debugger;\r\n this.GetApproverDetails(this.selectedBankValue, true);\r\n this.selectedApprover = this.editCaseDetail.ApprovalPersonName;\r\n this.ContactNo = this.editCaseDetail.ApprovalContact;\r\n this.CaseRemark = this.editCaseDetail.Case_Creation_remark;\r\n this.propertyNo = this.editCaseDetail.PropertyValueN;\r\n this.propertyFirst = this.editCaseDetail.Property_titleN;\r\n this.Block = this.editCaseDetail.Block;\r\n if (this.editCaseDetail.PaymentType == \"Billing\") {\r\n //this.Compositet=true;\r\n this.radioSelected = \"Billing\";\r\n this.radioSelectedString = JSON.stringify(this.radioSel);\r\n this.IsExtraFeeShow = true;\r\n this.IsconvFeeShow = true;\r\n this.IstotalFeeShow = true;\r\n this.IsapprovalShow = true;\r\n this.IscontactnoShow = true;\r\n this.IsdocShow = true;\r\n this.editabless = false;\r\n } else if (this.editCaseDetail.PaymentType == \"Cash\") {\r\n this.radioSelected = \"Cash\";\r\n this.radioSelectedString = JSON.stringify(this.radioSel);\r\n this.IsExtraFeeShow = false;\r\n this.IsconvFeeShow = false;\r\n this.IstotalFeeShow = false;\r\n this.IsapprovalShow = false;\r\n this.IscontactnoShow = false;\r\n this.IsdocShow = false;\r\n this.editabless = true;\r\n } else {\r\n this.radioSelected = \"Billing\";\r\n this.radioSelectedString = JSON.stringify(this.radioSel);\r\n }\r\n if (this.selectedState) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: \"\",\r\n LocID: \"\",\r\n GetType: \"City\",\r\n };\r\n this.getCityLocation(val);\r\n this.selectedCity = this.editCaseDetail.cityID;\r\n if (this.selectedCity) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: \"\",\r\n GetType: \"Location\",\r\n };\r\n this.getCityLocation(val);\r\n this.selectedLocality = this.editCaseDetail.LocationID;\r\n this.locationChangeFUnction();\r\n this.selectedSubLocation = this.editCaseDetail.SubLocalityId;\r\n this.selectedEngvalue = this.editCaseDetail.Allocated_To;\r\n try{\r\n //debugger;\r\n if( this.editCaseDetail.OtherOfficeStatus==\"Y\")\r\n this.DDladroffice=this.editCaseDetail.OtherOfficeID;\r\n else\r\n {\r\n this.DDlROadroffice=this.editCaseDetail.adroitoffice;\r\n this.DDladroffice=this.editCaseDetail.adroitoffice;\r\n const valEng: IGetCityLocation = {\r\n StateID: this.DDlROadroffice,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"OfficeEngineer\",\r\n }\r\n this.getCityLocation(valEng);\r\n const valSup: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: this.selectedCity,\r\n LocID: this.session.getRoleID,\r\n GetType: \"ReportAnalysis\",\r\n }; \r\n this.getCityLocation(valSup);\r\n }\r\n if (this.valEngineer) {\r\n const engVal = this.valEngineer.find(\r\n (val) => val.AttributeID === this.editCaseDetail.Allocated_To\r\n );\r\n this.AssignToText = engVal.AttributeName;\r\n }\r\n\r\n this.selectedSupvalue = this.editCaseDetail.Supervisor;\r\n if (this.valSup) {\r\n const supVal = this.valSup.find(\r\n (val) => val.AttributeID === this.selectedSupvalue\r\n );\r\n this.supToText = supVal.AttributeName;\r\n }\r\n \r\n }\r\n catch(e){}\r\n }\r\n this.valuationChange();\r\n this.bindDropdownOnEdit();\r\n }\r\n }\r\n valuationChange() {\r\n const val: string = this.selectedValuationValue;\r\n if (val == \"2\") {\r\n this.ISvaluation = false;\r\n this.EngConvftv=false;\r\n } else {\r\n this.ISvaluation = true;\r\n this.EngConvftv=true;\r\n }\r\n this.GetStageDetail();\r\n this.VerticalText = \"\";\r\n this.BranchPersonText=\"\";\r\n }\r\n feeChange() {\r\n this.TotalFee = (\r\n +this.Conveyance +\r\n +this.CaseFee +\r\n +this.ExtraFee\r\n ).toString();\r\n }\r\n hideShowpayment(e: any) {\r\n if (e.currentTarget.value == \"Billing\") {\r\n this.PaymentType = \"Billing\";\r\n /* this.IsExtraFeeShow=true;\r\n this.IsconvFeeShow=true;\r\n this.IstotalFeeShow=true;\r\n this.IsapprovalShow=true;\r\n this.IscontactnoShow=true;\r\n this.IsdocShow=true; */\r\n this.editabless = false;\r\n if (this.selectedBankValue && this.casetype && this.session.UserID) {\r\n const val: IcaseFee = {\r\n CaseTypeID: this.casetype,\r\n LoginID: this.session.UserID,\r\n BankID: this.selectedBankValue,\r\n ZoneID: this.selectedZoneValue,\r\n BranchID: this.selectedBranchValue,\r\n VerticalID: this.selectedVerticalValue,\r\n };\r\n this.ngxService.start();\r\n ApiService.CaseFee(val)\r\n .then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data != \"\") {\r\n this.IsFeeShow = true;\r\n this.IsExtraFeeShow = true;\r\n this.IsconvFeeShow = true;\r\n this.IstotalFeeShow = true;\r\n this.IsapprovalShow = true;\r\n this.IscontactnoShow = true;\r\n this.IsdocShow = true;\r\n this.IsFeecase = true;\r\n this.CaseFee = responce.data;\r\n this.TotalFee = (\r\n +this.Conveyance +\r\n +this.CaseFee +\r\n +this.ExtraFee\r\n ).toString();\r\n } else {\r\n // this.router.navigate([\"Home\"]);\r\n Swal.fire(\r\n \"Oops...\",\r\n \"Before Create Case Update Bank Case Fees!\",\r\n \"warning\"\r\n );\r\n this.casetype = \"Select\";\r\n }\r\n }\r\n })\r\n .catch((e: any) => {\r\n console.log(\"Getting Error in onCaseChange\");\r\n Swal.fire(\"Oops...\", \"11something went wrong\", \"error\");\r\n });\r\n }\r\n } else {\r\n this.PaymentType = \"Cash\";\r\n this.IsExtraFeeShow = false;\r\n this.IsconvFeeShow = false;\r\n this.IstotalFeeShow = false;\r\n this.IsapprovalShow = false;\r\n this.IscontactnoShow = false;\r\n this.IsdocShow = false;\r\n this.editabless = true;\r\n this.CaseFee = \"\";\r\n }\r\n }\r\n GetStageDetail() {\r\n //debugger;\r\n const p = this.selectedValuationValue;\r\n const valuationType = this.ISvaluation ? \"1\" : \"2\";\r\n let val: getStage = {\r\n Type: \"New\",\r\n valType: valuationType,\r\n };\r\n this.ngxService.start();\r\n ApiService.GetStages(val)\r\n .then((response: any) => {\r\n this.status = response.data.DATA;\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire(\r\n \"Oops...\",\r\n \"Something Went Wrong In Case Status Please Refresh Page!\",\r\n \"error\"\r\n );\r\n });\r\n }\r\n bindOldCaseValue() {\r\n console.log(\"editCaseDetail\", this.editCaseDetail);\r\n if (!this.selectedOldCase) {\r\n this.selectedBankValue = this.editCaseDetail.Bank_ID;\r\n this.selectedBranchValue = this.editCaseDetail.Branch_id;\r\n this.selectedBranchPersonValue = this.editCaseDetail.Branch_person;\r\n this.GetBranchDetails(this.editCaseDetail.Bank_ID, true);\r\n /* const BankText = this.BankDetail.find(val => val.AttributeID === this.selectedBankValue);\r\n this.BankText = BankText.AttributeName; */\r\n this.selectedStatus = this.editCaseDetail.Case_Status;\r\n this.selectedValuationValue = this.editCaseDetail.Valuation_typeID;\r\n this.GetBranchPersonDetails(\r\n this.editCaseDetail.Bank_ID,\r\n this.editCaseDetail.Branch_id,\r\n true\r\n );\r\n } else {\r\n this.oldCaseID = this.editCaseDetail.CaseID;\r\n }\r\n this.IsFeeShow = true;\r\n this.isEditCase = true;\r\n this.selectedState = this.editCaseDetail.StateID;\r\n this.selectedEngConv = this.editCaseDetail.EngConv;\r\n this.district = this.editCaseDetail.District;\r\n\r\n this.applicantName = this.editCaseDetail.Applicant_nameN;\r\n\r\n this.applicantFirst = this.editCaseDetail.ApplicanttitleN;\r\n\r\n this.PinCode = this.editCaseDetail.pin_code;\r\n this.BuildingName = this.editCaseDetail.Building_No;\r\n this.Streat = this.editCaseDetail.Street_Sector;\r\n this.Sector = this.editCaseDetail.SectorN;\r\n this.ContactPersonName = this.editCaseDetail.Contact_persion_Name;\r\n this.MOb1 = this.editCaseDetail.Contact_Persion_Mob1;\r\n this.MOb2 = this.editCaseDetail.Contact_Persion_Mob2;\r\n this.casetype = this.editCaseDetail.Type_Of_Case;\r\n this.landmark = this.editCaseDetail.Land_mark;\r\n this.FileNo = this.editCaseDetail.File_No;\r\n this.PropertyArea = this.editCaseDetail.Area;\r\n\r\n this.StatusRemark = this.editCaseDetail.Case_Status_Remarks;\r\n this.Conveyance = this.editCaseDetail.Conveyance;\r\n this.CaseFee = this.editCaseDetail.ActualFees;\r\n this.ExtraFee = this.editCaseDetail.ExtraFees;\r\n this.TotalFee = this.editCaseDetail.TotalFees;\r\n this.caseVertical = this.editCaseDetail.Case_vertical;\r\n this.ApprovalPerson = this.editCaseDetail.ApprovalPersonName;\r\n this.ContactNo = this.editCaseDetail.ApprovalContact;\r\n this.CaseRemark = this.editCaseDetail.Case_Creation_remark;\r\n this.propertyNo = this.editCaseDetail.PropertyValueN;\r\n this.propertyFirst = this.editCaseDetail.Property_titleN;\r\n this.Block = this.editCaseDetail.Block;\r\n if (this.selectedState) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: \"\",\r\n LocID: \"\",\r\n GetType: \"City\",\r\n };\r\n this.getCityLocationOldCase(val);\r\n this.selectedCity = this.editCaseDetail.cityID;\r\n if (this.selectedCity) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: \"\",\r\n GetType: \"Location\",\r\n };\r\n this.getCityLocationOldCase(val);\r\n this.selectedLocality = this.editCaseDetail.LocationID;\r\n this.locationChangeFUnctionOldCase();\r\n this.selectedSubLocation = this.editCaseDetail.SubLocalityId;\r\n // this.selectedEngvalue = this.editCaseDetail.Allocated_To;\r\n /* if (this.valEngineer) {\r\n const engVal = this.valEngineer.find(val => val.AttributeID === this.editCaseDetail.Allocated_To);\r\n this.AssignToText = engVal.AttributeName;\r\n } */\r\n\r\n // this.selectedSupvalue = this.editCaseDetail.Supervisor;\r\n /* if (this.valSup) {\r\n const supVal = this.valSup.find(val => val.AttributeID === this.selectedSupvalue);\r\n this.supToText = supVal.AttributeName;\r\n } */\r\n }\r\n this.valuationChange();\r\n this.bindDropdownOnEdit();\r\n }\r\n }\r\n GetEditOldCaseDetail(val: string) {\r\n this.ngxService.start();\r\n\r\n ApiService.getCaseBehalfOfID(val)\r\n .then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.editCaseDetail = responce.data;\r\n this.bindOldCaseValue();\r\n }\r\n }\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetEditCaseDetail\");\r\n Swal.fire(\"Oops...\", \"1Something went wrong!\", \"error\");\r\n });\r\n }\r\n GetEditCaseDetail() {\r\n this.ngxService.start();\r\n//debugger;\r\n ApiService.getCaseBehalfOfID(this.CaseID)\r\n .then((responce: any) => {\r\n this.ngxService.stop();\r\n //debugger;\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.editCaseDetail = responce.data;\r\n this.bindPreviousValue();\r\n }\r\n }\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetEditCaseDetail\");\r\n Swal.fire(\"Oops...\", \"2Something went wrong!\", \"error\");\r\n });\r\n }\r\n _handleReaderLoaded(readerEvt) {\r\n var binaryString = readerEvt.target.result;\r\n this.filestring = btoa(binaryString); // Converting binary string data.\r\n }\r\n handleFileSelect(evt: any) {\r\n this.document = evt.target.files;\r\n }\r\n HandleSectionPlaneDoc(evt: any) {\r\n this.sectionPlaneDoc = evt.target.files;\r\n }\r\n HandleApprovelDoc(evt: any) {\r\n this.ApprovelDoc = evt.target.files;\r\n }\r\n\r\n fileToBase64(fileNew) {\r\n return new Promise((resolve) => {\r\n let file = fileNew;\r\n let reader = new FileReader();\r\n // Read file content on file loaded event\r\n reader.onload = function (event) {\r\n console.log(event.target);\r\n resolve(event.target);\r\n };\r\n // Convert data to base64\r\n reader.readAsDataURL(file);\r\n });\r\n }\r\n createCase() {\r\n //debugger;\r\n const loginID = localStorage.getItem(\"userID\");\r\n let selectedDocID = \"\";\r\n if (this.selectedValuationValue == \"2\") {\r\n this.selectedStatus = \"386\";\r\n }\r\n if (this.selectedItems.length > 0) {\r\n for (const data in this.selectedItems) {\r\n if (data) {\r\n selectedDocID = selectedDocID + \",\" + this.selectedItems[data].id;\r\n }\r\n }\r\n selectedDocID = selectedDocID.substr(1);\r\n }\r\n if (this.selectedBankValue == \"\") {\r\n document.getElementById(\"inptBank\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select Bank From DropDown!\", \"warning\");\r\n } else if (this.selectedZoneValue == \"\") {\r\n document.getElementById(\"inptZone\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select Zone!\", \"warning\");\r\n } else if (this.selectedBranchValue == \"\") {\r\n document.getElementById(\"inptBranch\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select Branch From DropDown!\", \"warning\");\r\n } else if (this.selectedVerticalValue == \"\" || this.selectedVerticalValue == undefined) {\r\n document.getElementById(\"inptVertical\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select Vertical!\", \"warning\");\r\n } else if (this.selectedBranchPersonValue == \"\") {\r\n document.getElementById(\"inptBranchPerson\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select Branch Person!\", \"warning\");\r\n } else if (this.applicantName == \"\") {\r\n document.getElementById(\"applicantName\").focus();\r\n Swal.fire(\"Oops...\", \"Please Enter Applicant Name!\", \"warning\");\r\n } else if (this.selectedState == \"\" || this.selectedState == \"Select\") {\r\n document.getElementById(\"ddState\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select State!\", \"warning\");\r\n } else if (this.selectedCity == \"\" || this.selectedCity == \"Select\") {\r\n document.getElementById(\"ddCity\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select City!\", \"warning\");\r\n } else if (\r\n this.selectedLocality == \"\" ||\r\n this.selectedLocality == \"Select\"\r\n ) {\r\n document.getElementById(\"ddLocality\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select Locality!\", \"warning\");\r\n } else if (\r\n this.selectedSubLocation == \"\" ||\r\n this.selectedSubLocation == \"Select\"\r\n ) {\r\n document.getElementById(\"ddSubLocation\").focus();\r\n Swal.fire(\r\n \"Oops...\",\r\n \"Please Select Sub Location/Building Name!\",\r\n \"warning\"\r\n );\r\n } else if (this.PinCode == \"\") {\r\n document.getElementById(\"txtPIn\").focus();\r\n Swal.fire(\"Oops...\", \"Please Enter Pin Code!\", \"warning\");\r\n } else if (this.propertyNo == \"\") {\r\n document.getElementById(\"inptPropertyNo\").focus();\r\n Swal.fire(\"Oops...\", \"Please Enter Property No.!\", \"warning\");\r\n } else if (this.ContactPersonName == \"\") {\r\n document.getElementById(\"txtContactPerson\").focus();\r\n Swal.fire(\"Oops...\", \"Please Enter Contact Person Name!\", \"warning\");\r\n } else if (\r\n this.CaseFee != this.TotalFee &&\r\n (this.selectedApprover == \"Select\" ||\r\n this.selectedApprover == \"undefined\" ||\r\n this.selectedApprover == \"0\") &&\r\n (this.ApprovelDoc == null || this.ApprovelDoc == \"undefined\") &&\r\n this.getApprovaldocurl == null\r\n ) {\r\n Swal.fire(\r\n \"Oops...\",\r\n \"Please Select Approval Person Name or Attach Approval Document!\",\r\n \"warning\"\r\n );\r\n } else if (\r\n this.session.getRoleID != \"7\" &&\r\n (this.casetype == \"\" || this.casetype == \"Select\")\r\n ) {\r\n document.getElementById(\"ddlCase\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select Case Type!\", \"warning\");\r\n } else {\r\n if (this.session.getRoleID == \"7\") {\r\n this.casetype = \"\";\r\n }\r\n let p: boolean = true;\r\n\r\n if (this.propertyFirst == \"Select\") {\r\n this.propertyFirst = \"\";\r\n }\r\n if (this.feestype == \"\" || this.feestype == \"Select\") {\r\n document.getElementById(\"ddlCasefees\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select Fees Type!\", \"warning\");\r\n p=false;\r\n }\r\n if ((this.selectedEngConv == \"\" || this.selectedEngConv == \"Select\") && this.selectedValuationValue==\"1\") {\r\n document.getElementById(\"engcon\").focus();\r\n Swal.fire(\"Oops...\", \"Please Select Engineer conveyance!\", \"warning\");\r\n p=false;\r\n }\r\n if (this.selectedValuationValue == \"1\") {\r\n if (this.selectedStatus == \"\" || this.selectedStatus == \"Select\") {\r\n document.getElementById(\"ddlCasestatus\").focus();\r\n p = false;\r\n Swal.fire(\"Oops...\", \"Please Select Case Status!\", \"warning\");\r\n }\r\n }\r\n if (this.selectedStatus == \"40\") {\r\n /* if (this.selectedEngvalue == \"\") {\r\n p = false;\r\n document.getElementById(\"inptAssignTo\").focus();\r\n Swal.fire('Oops...', 'Please Select Assign to from dropdown!', 'warning');\r\n } else if (this.selectedSupvalue == \"\") {\r\n p = false;\r\n document.getElementById(\"inptSupervisor\").focus();\r\n Swal.fire('Oops...', 'Please Select Supervisor from dropdown!', 'warning');\r\n } */\r\n }\r\n if (p) {\r\n let caseType = \"\";\r\n if (this.isEditCase) {\r\n caseType = \"Update\";\r\n } else {\r\n caseType = \"Insert\";\r\n }\r\n if (this.selectedOldCase) {\r\n caseType = \"Insert\";\r\n }\r\n if (this.session.getRoleID == \"7\") {\r\n caseType = \"Insert\";\r\n }\r\n if (this.radioSelected == \"\" || this.radioSelected == \"undefined\") {\r\n this.radioSelected = \"Billing\";\r\n }\r\n //debugger;\r\n if(this.DDladroffice==this.DDlROadroffice){\r\n this.IsOfficeChange=\"N\" ;\r\n this.DDladroffice=\"\"; \r\n }else\r\n { this.IsOfficeChange=\"Y\" ;\r\n \r\n }\r\n this.ngxService.start();\r\n let data: ICaseCreate = {\r\n CaseID: this.CaseID,\r\n Bank_id: this.selectedBankValue,\r\n branch_id: this.selectedBranchValue,\r\n person_id: this.selectedBranchPersonValue,\r\n ValuationTypeID: this.selectedValuationValue,\r\n ApplicantName_Name: this.applicantFirst + \" \" + this.applicantName,\r\n ApplicanttitleN: this.applicantFirst,\r\n Applicant_nameN: this.applicantName,\r\n Block: this.Block,\r\n BuildingNameN: \"\",\r\n StreatRoadN: this.Streat,\r\n SectorN: this.Sector,\r\n state_id: this.selectedState,\r\n distict: this.district,\r\n City_id: this.selectedCity,\r\n Locality_id: this.selectedLocality,\r\n BuildingNo: this.BuildingName,\r\n propertyno: this.propertyFirst + \" \" + this.propertyNo,\r\n Property_titleN: this.propertyFirst,\r\n PropertyValueN: this.propertyNo,\r\n Streat: this.Streat,\r\n landmark: this.landmark,\r\n SubLocality_id: this.selectedSubLocation,\r\n pincode: this.PinCode,\r\n ContactPersonName: this.ContactPersonName,\r\n Mob1: this.MOb1,\r\n Mob2: this.MOb2,\r\n vertical: this.caseVertical,\r\n casetype: this.casetype,\r\n Assignto: this.selectedEngvalue,\r\n Case_statusID: this.selectedStatus,\r\n supervisorID: this.selectedSupvalue,\r\n StatusRemark: this.StatusRemark,\r\n FileNo: this.FileNo,\r\n Area: this.PropertyArea,\r\n CaseRemark: this.CaseRemark,\r\n Document_id: selectedDocID,\r\n LoginID: loginID,\r\n OldCaseID: this.oldCaseID,\r\n ActualFees: this.CaseFee,\r\n ExtraFees: this.ExtraFee,\r\n TotalFees: this.TotalFee,\r\n Conveyance: this.Conveyance,\r\n ApprovalPersonName: this.selectedApprover,\r\n ApprovalContact: this.ContactNo,\r\n ApprovalDocPath: \"0\",\r\n AssignType: \"D\",\r\n usage: this.DDlUsage,\r\n propertytype: this.DDlPropertyType,\r\n Operation: caseType,\r\n PaymentType: this.radioSelected,\r\n Zone_id: this.selectedZoneValue,\r\n Vertical_id: this.selectedVerticalValue,\r\n ENgConv: this.selectedEngConv,\r\n Approval_Remarks: this.ApprovalRemarks,\r\n FeesType: this.feestype,\r\n ExtraEngConv: this.ConAmount,\r\n ExtraEngConvRemark: this.ConRemark,\r\n IsOtherOffice:this.IsOfficeChange,\r\n OtherOffice:this.DDladroffice,\r\n adroitbranch:this.DDlROadroffice,\r\n };\r\n this.caseCreate(data);\r\n }\r\n }\r\n }\r\n caseCreate(data: ICaseCreate) {\r\n ApiService.CreateCase(data)\r\n .then((responce: any) => {\r\n //debugger;\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (this.isEditCase) {\r\n if (this.ApprovelDoc && this.ApprovelDoc.length) {\r\n this.updateDocument(this.CaseID);\r\n }\r\n Swal.fire(\"Thanks...\", \"Case Updated Successfully\", \"success\");\r\n this.router.navigate([\"Home\"]);\r\n } else {\r\n if (responce.data.case_id) {\r\n if (\r\n (this.document && this.document.length) ||\r\n (this.sectionPlaneDoc && this.sectionPlaneDoc.length) ||\r\n (this.ApprovelDoc && this.ApprovelDoc.length)\r\n ) {\r\n this.updateDocument(responce.data.case_id);\r\n } else {\r\n Swal.fire(\"Thanks...\", \"Case Created Successfully\", \"success\");\r\n this.router.navigate([\"Home\"]);\r\n }\r\n }\r\n }\r\n }\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In caseCreate\", e);\r\n Swal.fire(\"Oops...\", \"3Something went wrong!\", \"error\");\r\n });\r\n }\r\n updateDocument(logID) {\r\n //debugger;\r\n if (logID) {\r\n if (this.sectionPlaneDoc || this.document || this.ApprovelDoc) {\r\n let formData = new FormData();\r\n if (this.document) {\r\n for (let val of this.document) {\r\n formData.append(\"CaseID\", logID);\r\n formData.append(\"imgname\", val.name);\r\n formData.append(\"files\", val);\r\n }\r\n }\r\n if (this.sectionPlaneDoc) {\r\n for (let val of this.sectionPlaneDoc) {\r\n formData.append(\"CaseID\", logID);\r\n formData.append(\"imgname\", val.name);\r\n formData.append(\"files\", val);\r\n }\r\n // formData.append(\"CaseID\", this.logID);\r\n // formData.append(\"imgname\", this.sanctionPlanDoc.name);\r\n // formData.append(\"files\", this.sanctionPlanDoc);\r\n }\r\n if (this.ApprovelDoc) {\r\n for (let val of this.ApprovelDoc) {\r\n formData.append(\"CaseID\", logID);\r\n formData.append(\"imgname\", val.name);\r\n formData.append(\"files\", val);\r\n formData.append(\"UserID\", this.session.UserID);\r\n }\r\n }\r\n if (this.ApprovelDoc) {\r\n this.ngxService.start();\r\n ApiService.UpdateApprovalDocument(formData)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n // this.IsEditStatus = false;\r\n this.sectionPlaneDoc = undefined;\r\n this.document = undefined;\r\n if (this.isEditCase)\r\n Swal.fire(\r\n \"Thanks...\",\r\n \"Case Updated Successfully\",\r\n \"success\"\r\n );\r\n else\r\n Swal.fire(\r\n \"Thanks...\",\r\n \"Case Created Successfully\",\r\n \"success\"\r\n );\r\n this.router.navigate([\"Home\"]);\r\n }\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire(\r\n \"Oops...\",\r\n \"Something went wrong in document update!\",\r\n \"error\"\r\n );\r\n });\r\n } else {\r\n this.ngxService.start();\r\n ApiService.UpdateDocument(formData)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n // this.IsEditStatus = false;\r\n this.sectionPlaneDoc = undefined;\r\n this.document = undefined;\r\n Swal.fire(\"Thanks...\", \"Case Created Successfully\", \"success\");\r\n this.router.navigate([\"Home\"]);\r\n }\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire(\r\n \"Oops...\",\r\n \"Something went wrong in document update!\",\r\n \"error\"\r\n );\r\n });\r\n }\r\n } else {\r\n Swal.fire(\"Oops...\", \"Please select atleast one document!\", \"warning\");\r\n }\r\n }\r\n }\r\n /* updateDocument(logID) {\r\n if (logID) {\r\n let formData = new FormData();\r\n formData.append(\"CaseID\", logID);\r\n formData.append(\"DocumentLength\", this.document.length);\r\n if (this.document.length) {\r\n let p: number = 0;\r\n for (let val of this.document) {\r\n formData.append(\"Document\" + p + \"\", val);\r\n p = p + 1;\r\n }\r\n } if (this.sectionPlaneDoc.length) {\r\n for (let val of this.sectionPlaneDoc) {\r\n formData.append(\"sectionPlaneDoc\", val);\r\n }\r\n } if (this.ApprovelDoc.length) {\r\n for (let val of this.ApprovelDoc) {\r\n formData.append(\"ApprovelDoc\", val);\r\n }\r\n }\r\n console.log('Data', formData);\r\n this.ngxService.start();\r\n ApiService.UpdateDocument(formData).then((responce: any) => {\r\n if (responce.status === 200) {\r\n Swal.fire('Thanks...', 'Case Created Successfully', 'success');\r\n this.router.navigate([\"Home\"]);\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong in document update please try again!', 'error');\r\n });\r\n }\r\n } */\r\n onCaseChange(e: any) {\r\n this.radioSelected = \"Billing\";\r\n e.target.value;\r\n if (e.target.value == \"Select\" || e.target.value == \"\") {\r\n Swal.fire(\"Oops...\", \"Please select Fees type!\", \"warning\");\r\n this.IsExtraFeeShow = false;\r\n this.IsconvFeeShow = false;\r\n this.IstotalFeeShow = false;\r\n this.IsapprovalShow = false;\r\n this.IscontactnoShow = false;\r\n this.IsFeeShow = false;\r\n this.IsdocShow = false;\r\n this.IsFeecase = false;\r\n } else {\r\n if (this.selectedBankValue && this.feestype && this.session.UserID) {\r\n const val: IcaseFee = {\r\n CaseTypeID: this.feestype,\r\n LoginID: this.session.UserID,\r\n BankID: this.selectedBankValue,\r\n ZoneID: this.selectedZoneValue,\r\n BranchID: this.selectedBranchValue,\r\n VerticalID: this.selectedVerticalValue,\r\n };\r\n this.ngxService.start();\r\n ApiService.CaseFee(val)\r\n .then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data != \"\") {\r\n if (this.session.getRoleID == \"22\") {\r\n this.IsFeeShow = false;\r\n this.IsExtraFeeShow = false;\r\n this.IsconvFeeShow = false;\r\n this.IstotalFeeShow = false;\r\n this.IsapprovalShow = false;\r\n this.IscontactnoShow = false;\r\n this.IsdocShow = false;\r\n this.IsFeecase = false;\r\n this.CaseFee = responce.data;\r\n this.TotalFee = (\r\n +this.Conveyance +\r\n +this.CaseFee +\r\n +this.ExtraFee\r\n ).toString();\r\n } else {\r\n this.IsFeeShow = true;\r\n this.IsExtraFeeShow = true;\r\n this.IsconvFeeShow = true;\r\n this.IstotalFeeShow = true;\r\n this.IsapprovalShow = true;\r\n this.IscontactnoShow = true;\r\n this.IsdocShow = true;\r\n this.IsFeecase = true;\r\n this.CaseFee = responce.data;\r\n this.TotalFee = (\r\n +this.Conveyance +\r\n +this.CaseFee +\r\n +this.ExtraFee\r\n ).toString();\r\n }\r\n } else {\r\n // this.router.navigate([\"Home\"]);\r\n Swal.fire(\r\n \"Oops...\",\r\n \"Before Create Case Update Bank Case Fees!\",\r\n \"warning\"\r\n );\r\n this.casetype = \"Select\";\r\n this.IsExtraFeeShow = false;\r\n this.IsconvFeeShow = false;\r\n this.IstotalFeeShow = false;\r\n this.IsapprovalShow = false;\r\n this.IscontactnoShow = false;\r\n this.IsFeeShow = false;\r\n this.IsdocShow = false;\r\n this.IsFeecase = false;\r\n }\r\n }\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error in onCaseChange\");\r\n Swal.fire(\"Oops...\", \"4something went wrong\", \"error\");\r\n });\r\n }\r\n }\r\n }\r\n\r\n onStateChange(e: any) {\r\n const p = e.target.value;\r\n const sk = this.selectedState;\r\n if (this.selectedState) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: \"\",\r\n LocID: \"\",\r\n GetType: \"City\",\r\n };\r\n\r\n this.getCityLocation(val);\r\n }\r\n }\r\n onROOfficeChange(e: any) {\r\n //debugger;\r\n if( this.session.getRoleID==\"24\"){\r\n const p = e.target.value;\r\n const sk = this.selectedState\r\n \r\n const valEng: IGetCityLocation = {\r\n StateID: this.DDlROadroffice,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"OfficeEngineer\",\r\n } \r\n this.getCityLocation(valEng);\r\n const valSup: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: this.selectedCity,\r\n LocID: this.session.getRoleID,\r\n GetType: \"ReportAnalysis\",\r\n }; \r\n this.getCityLocation(valSup);\r\n if(this.DDladroffice==\"\"){\r\n this.DDladroffice=this.DDlROadroffice;\r\n }\r\n else if(this.DDladroffice==this.DDlROadroffice){\r\n this.IsOfficeChange=\"N\";\r\n this.isdisable=false;\r\n }else\r\n { this.IsOfficeChange=\"Y\";\r\n this.isdisable=true;\r\n }\r\n \r\n }else{\r\n const p = e.target.value;\r\n const sk = this.selectedState\r\n \r\n const valEng: IGetCityLocation = {\r\n StateID: this.DDladroffice,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"OfficeEngineer\",\r\n } \r\n this.getCityLocation(valEng);\r\n if(this.DDladroffice==localStorage.getItem('AdroitBranch')){\r\n this.IsOfficeChange=\"N\";\r\n this.isdisable=false;\r\n }else\r\n { this.IsOfficeChange=\"Y\";\r\n this.isdisable=true;\r\n }\r\n }\r\n }\r\n onOfficeChange(e: any) {\r\n //debugger;\r\n if( this.session.getRoleID==\"24\"){\r\n const p = e.target.value;\r\n const sk = this.selectedState\r\n \r\n const valEng: IGetCityLocation = {\r\n StateID: this.DDladroffice,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"OfficeEngineer\",\r\n } \r\n this.getCityLocation(valEng);\r\n const valSup: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: this.selectedCity,\r\n LocID: this.session.getRoleID,\r\n GetType: \"ReportAnalysis\",\r\n }; \r\n this.getCityLocation(valSup);\r\n \r\n if(this.DDladroffice==this.DDlROadroffice){\r\n this.IsOfficeChange=\"N\";\r\n this.isdisable=false;\r\n }else\r\n { this.IsOfficeChange=\"Y\";\r\n this.isdisable=true;\r\n }\r\n \r\n }else{\r\n const p = e.target.value;\r\n const sk = this.selectedState\r\n \r\n const valEng: IGetCityLocation = {\r\n StateID: this.DDladroffice,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"OfficeEngineer\",\r\n } \r\n this.getCityLocation(valEng);\r\n if(this.DDladroffice==localStorage.getItem('AdroitBranch')){\r\n this.IsOfficeChange=\"N\";\r\n this.isdisable=false;\r\n }else\r\n { this.IsOfficeChange=\"Y\";\r\n this.isdisable=true;\r\n }\r\n }\r\n }\r\n onCityChange(e: any) {\r\n const p = e.target.value;\r\n if (this.selectedCity) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: \"\",\r\n GetType: \"Location\",\r\n };\r\n this.getCityLocation(val);\r\n }\r\n }\r\n onLocationChange(e) {\r\n const p = e.target.value;\r\n this.locationChangeFUnction();\r\n }\r\n locationChangeFUnction() {\r\n if (\r\n this.session.getAdroitOffice == \"1\" ||\r\n this.session.getAdroitOffice == \"39\"\r\n ) \r\n {\r\n this.ddlrole = \"ReportAnalysis\";\r\n } else {\r\n this.ddlrole = \"ReportAnalysis\";\r\n }\r\n if (this.selectedLocality) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"SubLocation\",\r\n };\r\n // const valEng: IGetCityLocation = {\r\n // StateID: this.session.UserID,\r\n // CityID: this.selectedCity,\r\n // LocID: this.selectedLocality,\r\n // GetType: \"Engineer\",\r\n // }\r\n // const valEng: IGetCityLocation = {\r\n // StateID: localStorage.getItem('AdroitOffice'),\r\n // CityID: this.selectedCity,\r\n // LocID: this.selectedLocality,\r\n // GetType: \"OfficeEngineer\",\r\n // }\r\n // this.getCityLocation(valEng);\r\n const valSup: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: this.ddlrole,\r\n };\r\n this.getCityLocation(val);\r\n \r\n this.getCityLocation(valSup);\r\n }\r\n }\r\n locationChangeFUnctionOldCase() {\r\n if (\r\n this.session.getAdroitOffice == \"1\" ||\r\n this.session.getAdroitOffice == \"39\"\r\n ) {\r\n this.ddlrole = \"ReportAnalysis\";\r\n } else {\r\n this.ddlrole = \"ReportAnalysis\";\r\n }\r\n if (this.selectedLocality) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"SubLocation\",\r\n };\r\n const valEng: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"Engineer\",\r\n };\r\n const valSup: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: this.ddlrole,\r\n };\r\n this.getCityLocationOldCase(val);\r\n this.getCityLocationOldCase(valEng);\r\n this.getCityLocationOldCase(valSup);\r\n }\r\n }\r\n onSubLocationChange(e) {\r\n const valPinCode: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"pincode\",\r\n };\r\n this.getCityLocation(valPinCode);\r\n }\r\n onApproverChange(e: any) {\r\n //debugger;\r\n const newVal = this.getSelectedApproverByName(e.target.value);\r\n const val = newVal.Emp_name;\r\n this.selectedApprover = val;\r\n }\r\n onBankChange(e: any) {\r\n this.BranchText = \"\";\r\n this.ZoneText = \"\";\r\n this.BranchPersonText = \"\";\r\n this.VerticalText = \"\";\r\n const newVal = this.getSelectedBankByName(e.target.value);\r\n const val = newVal.AttributeID;\r\n this.selectedBankValue = val;\r\n\r\n this.selectedValuationValue = \"1\";\r\n // this.selectedApprover=\"Select\";\r\n if (val) {\r\n this.GetZoneDetails(val, false);\r\n this.GetProductDetails(val, false);\r\n // this.GetFeesTypeDetails(val,false);\r\n this.GetApproverDetails(val, false);\r\n }\r\n this.getValuationDetailsDynamically(newVal);\r\n }\r\n getValuationDetailsDynamically(data: any) {\r\n const osv = data.OSV;\r\n const ftv = data.FTV;\r\n if (osv == \"T\") {\r\n this.selectedValuationValue = \"1\";\r\n }\r\n if (ftv == \"T\") {\r\n this.selectedValuationValue = \"2\";\r\n }\r\n this.valuationChange();\r\n }\r\n onZoneChange(e: any) {\r\n this.BranchText = \"\";\r\n //this.ZoneText = \"\";\r\n this.BranchPersonText = \"\";\r\n this.VerticalText = \"\";\r\n const newVal = this.getSelectedZoneByName(e.target.value);\r\n const val = newVal.AttributeID;\r\n this.selectedZoneValue = val;\r\n // this.selectedValuationValue = \"1\";\r\n if (val) {\r\n this.GetBranchDetails(val, false);\r\n }\r\n //\r\n }\r\n\r\n onBranchChange(e) {\r\n const p = e.target.value;\r\n this.BranchPersonText = \"\";\r\n this.VerticalText = \"\";\r\n const BranchVal = this.getSelectedBranchByName(e.target.value);\r\n const BankID = this.selectedBankValue;\r\n this.selectedBranchValue = BranchVal.AttributeID;\r\n if (this.selectedBranchValue) {\r\n this.BranchPersonText = \"\";\r\n this.GetVerticalDetails(BankID, this.selectedBranchValue, false);\r\n }\r\n }\r\n onBranchPersonChange(e) {\r\n const BranchPersonVal = this.getBranchPersoneValue(e.target.value);\r\n this.selectedBranchPersonValue = BranchPersonVal.AttributeID;\r\n }\r\n\r\n onVerticalChange(e) {\r\n //debugger;\r\n const p = e.target.value;\r\n this.BranchPersonText = \"\";\r\n this.selectedVerticalValue = this.getSelectedVerticalByName(e.target.value);\r\n const BankID = this.getSelectedVerticalByName(e.target.value);\r\n // this.selectedBranchValue = BranchVal.AttributeID;\r\n if (this.selectedVerticalValue) {\r\n this.BranchPersonText = \"\";\r\n this.GetBranchPersonDetails(\r\n BankID.AttributeID,\r\n this.selectedVerticalValue.AttributeID,\r\n false\r\n );\r\n this.GetFeesTypeDetails(BankID.AttributeID, true);\r\n }\r\n }\r\n\r\n onEngChange(e) {\r\n const Val = this.getEngValue(e.target.value);\r\n if (e.target.value == \"\") {\r\n this.selectedEngvalue = \"0\";\r\n } else {\r\n this.selectedEngvalue = Val.AttributeID;\r\n }\r\n }\r\n onSupChange(e) {\r\n const Val = this.getSupValue(e.target.value);\r\n if (e.target.value == \"\") {\r\n this.selectedSupvalue = \"0\";\r\n } else {\r\n this.selectedSupvalue = Val.AttributeID;\r\n }\r\n }\r\n getEngValue(selectedName: string) {\r\n return this.valEngineer.find((val) => val.AttributeName === selectedName);\r\n }\r\n getSupValue(selectedName: string) {\r\n return this.valSup.find((val) => val.AttributeName === selectedName);\r\n }\r\n getBranchPersoneValue(selectedName: string) {\r\n return this.BranchPersonDetail.find(\r\n (val) => val.AttributeName === selectedName\r\n );\r\n }\r\n getSelectedBankByName(selectedName: string) {\r\n return this.BankDetail.find((val) => val.AttributeName === selectedName);\r\n }\r\n getSelectedApproverMobile(selectedName: string) {\r\n return this.LoadApprover.find((val) => val.Emp_name === selectedName);\r\n }\r\n getSelectedZoneByName(selectedName: string) {\r\n return this.ZoneDetail.find((val) => val.AttributeName === selectedName);\r\n }\r\n getSelectedApproverByName(selectedName: string) {\r\n return this.LoadApprover.find((val) => val.Emp_name === selectedName);\r\n }\r\n getSelectedBranchByName(selectedName: string) {\r\n return this.BranchDetail.find((val) => val.AttributeName === selectedName);\r\n }\r\n getSelectedVerticalByName(selectedName: string) {\r\n return this.VerticalDetail.find(\r\n (val) => val.AttributeName === selectedName\r\n );\r\n }\r\n getCityLocation(val: IGetCityLocation) {\r\n\r\n this.ngxService.start();\r\n ApiService.GetCityLocation(val).then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n if (val.GetType === \"City\") {\r\n this.CityVal = responce.data.DATA;\r\n }\r\n else if (val.GetType === \"Location\") {\r\n this.LocationVal = responce.data.DATA;\r\n }\r\n else if (val.GetType === \"AdroitOffice\") {\r\n this.DDladrofficedata = responce.data.DATA;\r\n this.DDladroffice= localStorage.getItem('AdroitBranch');\r\n }\r\n else if ( val.GetType === \"ROOFFICE\") {\r\n this.DDlROadrofficedata = responce.data.DATA;\r\n if( this.session.getRoleID==\"24\")\r\n this.DDlROadroffice=\"Select\";\r\n else\r\n this.DDlROadroffice= localStorage.getItem('AdroitBranch');\r\n }\r\n else if (val.GetType === \"SubLocation\") {\r\n this.SubLocationVal = responce.data.DATA;\r\n }\r\n else if (val.GetType === \"pincode\") {\r\n if (responce.data.DATA) {\r\n console.log(\"Getting Error in pinCode\", responce.data.DATA[0]);\r\n this.PinCode = responce.data.DATA[0].AttributeName;\r\n }\r\n console.log(this.PinCode);\r\n }\r\n else if (val.GetType === \"Engineer\" || val.GetType === \"OfficeEngineer\") {\r\n this.valEngineer = responce.data.DATA;\r\n console.log(\"Getting Error in engVal\");\r\n if (this.isEditCase) {\r\n const engVal = this.valEngineer.find(val => val.AttributeID === this.editCaseDetail.Allocated_To);\r\n console.log(\"Getting Error in engVal\", engVal);\r\n if (engVal) {\r\n this.AssignToText = engVal.AttributeName;\r\n }\r\n }\r\n }\r\n else if (val.GetType === \"Sup\"||val.GetType === \"ReportAnalysis\") {\r\n this.valSup = responce.data.DATA;\r\n console.log(\"Getting Error in supVal1\");\r\n if (this.isEditCase) {\r\n const supVal = this.valSup.find(val => val.AttributeID === this.selectedSupvalue);\r\n console.log(\"Getting Error in supVal\", supVal);\r\n if (supVal) {\r\n this.supToText = supVal.AttributeName;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error in getCityLocation\");\r\n // Swal.fire('Oops...', '5something went wrong'+val.GetType, 'error');\r\n });\r\n }\r\n getEngConvence(val: IGetCityLocation) {\r\n //this.session.getAdroitOffice\r\n this.ngxService.start();\r\n ApiService.GetCityLocation(val)\r\n .then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.EngConv = responce.data.DATA;\r\n console.log(\"EngConv\", this.EngConv);\r\n\r\n // this.selectedEngConv = \"Select Convence\";\r\n }\r\n }\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error in getCityLocation\");\r\n Swal.fire(\"Oops...\", \"6something went wrong\", \"error\");\r\n });\r\n }\r\n getCityLocationOldCase(val: IGetCityLocation) {\r\n this.ngxService.start();\r\n ApiService.GetCityLocation(val)\r\n .then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n if (val.GetType === \"City\") {\r\n this.CityVal = responce.data.DATA;\r\n } else if (val.GetType === \"Location\") {\r\n this.LocationVal = responce.data.DATA;\r\n } else if (val.GetType === \"SubLocation\") {\r\n this.SubLocationVal = responce.data.DATA;\r\n } else if (val.GetType === \"pincode\") {\r\n if (responce.data.DATA) {\r\n console.log(\"Getting Error in pinCode\", responce.data.DATA[0]);\r\n this.PinCode = responce.data.DATA[0].AttributeName;\r\n }\r\n console.log(this.PinCode);\r\n } else if (val.GetType === \"Engineer\") {\r\n this.valEngineer = responce.data.DATA;\r\n console.log(\"Getting Error in engVal\");\r\n } else if (\r\n val.GetType === \"Sup\" ||\r\n val.GetType === \"ReportAnalysis\"\r\n ) {\r\n this.valSup = responce.data.DATA;\r\n console.log(\"Getting Error in supVal1\");\r\n }\r\n }\r\n }\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error in getCityLocation\");\r\n Swal.fire(\"Oops...\", \"6something went wrong\", \"error\");\r\n });\r\n }\r\n getState(val: string) {\r\n this.ngxService.start();\r\n ApiService.GetMaster(val)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n if (val === \"State\") {\r\n this.state = responce.data.DATA;\r\n }\r\n if (val === \"Documents\") {\r\n if (responce.data.DATA) {\r\n if (responce.data.DATA.length > 0) {\r\n for (const value of responce.data.DATA) {\r\n let docVal = {\r\n id: Number(value.AttributeID),\r\n text: value.AttributeName,\r\n };\r\n this.dropdownList1.push(docVal);\r\n }\r\n this.dropdownList = this.dropdownList1;\r\n if (this.isEditCase) {\r\n console.log(\"this is edit case\");\r\n }\r\n }\r\n }\r\n }\r\n if (val === \"CaseType\") {\r\n this.LoadCaseType = responce.data.DATA;\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error in getState\");\r\n Swal.fire(\"Oops...\", \"7something went wrong\", \"error\");\r\n });\r\n }\r\n bindDropdownOnEdit() {\r\n try {\r\n setTimeout(() => {\r\n if (this.editCaseDetail.Documents) {\r\n const item = this.editCaseDetail.Documents;\r\n const valArray = item.split(\",\");\r\n for (const valItem in valArray) {\r\n const supVal = this.dropdownList.find(\r\n (value) => value.id === +valArray[valItem]\r\n );\r\n if (supVal) {\r\n this.newSelectedItems.push(supVal);\r\n }\r\n }\r\n this.selectedItems = this.newSelectedItems;\r\n }\r\n }, 3000);\r\n } catch (error) {\r\n console.log(\"Error IS \", error);\r\n }\r\n }\r\n GetBankDetails() {\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: \"\",\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Bank\",\r\n };\r\n this.ngxService.start();\r\n ApiService.GetBankDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.BankDetail = responce.data.DATA;\r\n }\r\n }\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetBankDetails\");\r\n Swal.fire(\"Oops...\", \"something went wrong\", \"error\");\r\n });\r\n }\r\n GetBankDetailsEditCase(isEdit: boolean) {\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: \"\",\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Bank\",\r\n };\r\n this.ngxService.start();\r\n ApiService.GetBankDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.BankDetail = responce.data.DATA;\r\n if (isEdit && !this.selectedOldCase) {\r\n const BankText = this.BankDetail.find(\r\n (val) => val.AttributeID === this.editCaseDetail.Bank_ID\r\n );\r\n this.BankText = BankText.AttributeName;\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetBankDetails\");\r\n Swal.fire(\"Oops...\", \"8something went wrong\", \"error\");\r\n });\r\n }\r\n GetUsageDataNew() {\r\n this.propertyTypeNEw = \"Select\";\r\n this.GetUsageData(\"Usage\");\r\n }\r\n GetUsageDataNewpro() {\r\n this.propertyTypeNEw = \"Select\";\r\n this.GetUsageData(\"propertytype\");\r\n }\r\n GetUsageData(e: any) {\r\n this.ngxService.start();\r\n let val: IUsage;\r\n let callAPI: boolean = true;\r\n if (e == \"Usage\") {\r\n val = {\r\n CaseID: \" \",\r\n type: \"Usage\",\r\n ID: \"\",\r\n };\r\n } else {\r\n if (this.DDlUsage == \"Select\") {\r\n callAPI = false;\r\n }\r\n val = {\r\n CaseID: \"\",\r\n type: \"propertytype\",\r\n ID: this.DDlUsage,\r\n };\r\n }\r\n if (callAPI) {\r\n ApiService.GetUsageData(val)\r\n .then((responce: any) => {\r\n if (responce.status == 200) {\r\n //debugger;\r\n if (responce.data) {\r\n if (e == \"Usage\") {\r\n this.DDLUsageData = responce.data.MasterData;\r\n } else {\r\n this.DDLPropertyData = responce.data.MasterData;\r\n let p = this.propertyTypeNEw;\r\n this.DDlPropertyType = this.propertyTypeNEw;\r\n this.showMultidropDown();\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n // Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n console.log(\"Error In GetUsageData\", JSON.stringify(val));\r\n });\r\n }\r\n }\r\n showMultidropDown() {\r\n if (this.DDlUsage == \"5\") {\r\n $(\"#ddlPropertyType\").attr(\"multiple\", \"multiple\");\r\n $(\"#ddlPropertyType\").attr(\r\n \"title\",\r\n \"You can select multiple value using CTRL+value\"\r\n );\r\n } else {\r\n $(\"#ddlPropertyType\").removeAttr(\"multiple\");\r\n $(\"#ddlPropertyType\").removeAttr(\"title\");\r\n }\r\n if (this.propertyTypeNEw != \"Select\") {\r\n var dataarray = this.propertyTypeNEw.split(\",\");\r\n $(\"#ddlPropertyType\").val(dataarray);\r\n $(\"#ddlPropertyType\").multiselect(\"refresh\");\r\n }\r\n }\r\n GetVerticalDetails(bankID: string, BranchID: string, isEdit: boolean) {\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: BranchID,\r\n BranchID: BranchID,\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Vertical\",\r\n };\r\n this.ngxService.start();\r\n\r\n ApiService.GetBankDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.VerticalDetail = responce.data.DATA;\r\n if (isEdit && !this.selectedOldCase) {\r\n const BankText = this.VerticalDetail.find(\r\n (val) => val.AttributeID === this.editCaseDetail.Vertical_id\r\n );\r\n this.VerticalText = BankText.AttributeName;\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetVerticalDetails\");\r\n Swal.fire(\"Oops...\", \"9something went wrong\", \"error\");\r\n });\r\n }\r\n Getvert(BankID: string, isEdit: boolean) {\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: BankID,\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Branch\",\r\n };\r\n //this.ngxService.start();\r\n\r\n ApiService.GetBankDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.BranchDetail = responce.data.DATA;\r\n if (isEdit) {\r\n const branchText = this.BranchDetail.find(\r\n (val) => val.AttributeID === this.selectedBranchValue\r\n );\r\n this.BranchPersonText = branchText.AttributeName;\r\n }\r\n }\r\n }\r\n // this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Get Error In GetBranchDetails\");\r\n Swal.fire(\"Oops...\", \"Get Error In GetBranchDetails\", \"error\");\r\n });\r\n }\r\n\r\n GetBranchPersonDetails(bankID: string, BranchID: string, isEdit: boolean) {\r\n //debugger;\r\n if(this.selectedValuationValue==\"1\")\r\n this.gettypeperson=\"Person\";\r\n else\r\n this.gettypeperson=\"FTVPerson\";\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: bankID,\r\n BranchID: BranchID,\r\n RoleID: this.session.getRoleID,\r\n GetType: this.gettypeperson,\r\n };\r\n this.selectedVerticalValue = bankID;\r\n this.ngxService.start();\r\n\r\n ApiService.GetBankDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.BranchPersonDetail = responce.data.DATA;\r\n if (isEdit && !this.selectedOldCase) {\r\n const BankText = this.BranchPersonDetail.find(\r\n (val) => val.AttributeID === this.editCaseDetail.Branch_person\r\n );\r\n this.BranchPersonText = BankText.AttributeName;\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetBranchPersonDetails\");\r\n Swal.fire(\"Oops...\", \"9something went wrong\", \"error\");\r\n });\r\n }\r\n GetBranchDetails(BankID: string, isEdit: boolean) {\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: BankID,\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Branch\",\r\n };\r\n //this.ngxService.start();\r\n\r\n ApiService.GetBankDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.BranchDetail = responce.data.DATA;\r\n if (isEdit) {\r\n const branchText = this.BranchDetail.find(\r\n (val) => val.AttributeID === this.selectedBranchValue\r\n );\r\n this.BranchText = branchText.AttributeName;\r\n }\r\n }\r\n }\r\n // this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Get Error In GetBranchDetails\");\r\n Swal.fire(\"Oops...\", \"Get Error In GetBranchDetails\", \"error\");\r\n });\r\n }\r\n GetZoneDetails(BankID: string, isEdit: boolean) {\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: BankID,\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Zone\",\r\n };\r\n //this.ngxService.start();\r\n this.ZoneText = \"\";\r\n this.VerticalText = \"\";\r\n ApiService.GetBankDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.ZoneDetail = responce.data.DATA;\r\n if (isEdit) {\r\n const BankText = this.ZoneDetail.find(\r\n (val) => val.AttributeID === this.selectedZoneValue\r\n );\r\n this.ZoneText = BankText.AttributeName;\r\n }\r\n }\r\n }\r\n // this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Get Error In GetZoneDetails\");\r\n Swal.fire(\"Oops...\", \"Get Error In GetZoneDetails\", \"error\");\r\n });\r\n }\r\n GetProductDetails(BankID: string, isEdit: boolean) {\r\n //debugger;\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: BankID,\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Product\",\r\n };\r\n //this.ngxService.start();\r\n\r\n ApiService.GetBankDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.LoadCaseType = responce.data.DATA;\r\n }\r\n }\r\n // this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Get Error In GetProductDetails\");\r\n Swal.fire(\"Oops...\", \"Get Error In GetProductDetails\", \"error\");\r\n });\r\n }\r\n GetFeesTypeDetails(VertiCalID: string, isEdit: boolean) {\r\n //debugger;\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: VertiCalID,\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"FeesType\",\r\n };\r\n //this.ngxService.start();\r\n\r\n ApiService.GetBankDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.LoadFeesType = responce.data.DATA;\r\n }\r\n }\r\n // this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Get Error In GetFeesDetails\");\r\n Swal.fire(\"Oops...\", \"Get Error In GetFeesDetails\", \"error\");\r\n });\r\n }\r\n GetApproverDetails(BankID: string, isEdit: boolean) {\r\n //debugger;\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: BankID,\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Product\",\r\n };\r\n //this.ngxService.start();\r\n // this.selectedApprover=\"Select\";\r\n ApiService.GetApproverDetails(p)\r\n .then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.LoadApprover = responce.data.DATA;\r\n // this.selectedApprover=\"Select\";\r\n }\r\n }\r\n // this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Get Error In GetApproverDetails\");\r\n Swal.fire(\"Oops...\", \"Get Error In GetApproverDetails\", \"error\");\r\n });\r\n }\r\n onItemSelect(item: any) {\r\n let p = this.selectedItems.length;\r\n console.log(item);\r\n }\r\n onSelectAll(items: any) {\r\n console.log(items);\r\n }\r\n onDeSelect(items: any) {\r\n this.deleteMsg(items.id);\r\n }\r\n deleteMsg(msg: string) {}\r\n HideModel() {\r\n this.IsPopUp = false;\r\n }\r\n checkValue(e: any) {\r\n const val = e.currentTarget.value;\r\n this.IsPopUp = false;\r\n if (val) {\r\n this.selectedOldCase = true;\r\n this.GetEditOldCaseDetail(val);\r\n }\r\n console.log(e);\r\n }\r\n searchOldCases() {\r\n this.ngxService.start();\r\n let val: searchOldCases = {\r\n Applicant_Name: this.applicantName,\r\n Property_No: this.propertyNo,\r\n Building_No: this.BuildingName,\r\n Street_Sector: this.Streat,\r\n Land_mark: this.landmark,\r\n City: this.selectedCity,\r\n Contact_Persion_Mob1: this.MOb1,\r\n Contact_Persion_Mob2: this.MOb2,\r\n };\r\n let p: boolean = false;\r\n if (\r\n this.applicantName != \"\" ||\r\n this.propertyNo != \"\" ||\r\n this.BuildingName != \"\" ||\r\n this.Streat != \"\" ||\r\n this.landmark != \"\" ||\r\n this.selectedCity != \"Select\" ||\r\n this.MOb1 != \"\" ||\r\n this.MOb2 != \"\"\r\n ) {\r\n p = true;\r\n if (this.selectedCity == \"Select\") {\r\n val.City = \"\";\r\n }\r\n }\r\n if (p) {\r\n ApiService.SearchOldCases(val)\r\n .then((responce: any) => {\r\n this.HeaderText = \"Please Select Case\";\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.IsPopUp = true;\r\n this.GridOldCases = responce.data.DATA;\r\n } else {\r\n Swal.fire(\"Oops...\", \"No Data Found!\", \"warning\");\r\n }\r\n } else {\r\n Swal.fire(\"No Data Found!\", \"warning\");\r\n // this.IsPopUp = true;\r\n }\r\n this.ngxService.stop();\r\n })\r\n .catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire(\"Oops...\", \"10something went wrong\", \"error\");\r\n });\r\n } else {\r\n this.ngxService.stop();\r\n Swal.fire(\"Oops...\", \"please add at least one value\", \"warning\");\r\n }\r\n }\r\n onBankCaseChange(e: any) {\r\n this.radioSelected = \"Billing\";\r\n e.target.value;\r\n if (e.target.value == \"Select\" || e.target.value == \"\") {\r\n Swal.fire(\"Oops...\", \"Please select case type!\", \"warning\");\r\n this.IsExtraFeeShow = false;\r\n this.IsconvFeeShow = false;\r\n this.IstotalFeeShow = false;\r\n this.IsapprovalShow = false;\r\n this.IscontactnoShow = false;\r\n this.IsFeeShow = false;\r\n this.IsdocShow = false;\r\n this.IsFeecase = false;\r\n } else {\r\n if (this.selectedBankValue && this.casetype && this.session.UserID) {\r\n const val: IcaseFee = {\r\n CaseTypeID: this.casetype,\r\n LoginID: this.session.UserID,\r\n BankID: this.selectedBankValue,\r\n ZoneID: this.selectedZoneValue,\r\n BranchID: this.selectedBranchValue,\r\n VerticalID: this.selectedVerticalValue,\r\n };\r\n this.ngxService.start();\r\n ApiService.CaseFee(val)\r\n .then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n /* if (responce.data != \"\") { */\r\n if (\r\n this.session.getRoleID == \"22\" ||\r\n this.session.getRoleID == \"7\"\r\n ) {\r\n this.IsFeeShow = false;\r\n this.IsExtraFeeShow = false;\r\n this.IsconvFeeShow = false;\r\n this.IstotalFeeShow = false;\r\n this.IsapprovalShow = false;\r\n this.IscontactnoShow = false;\r\n this.IsdocShow = false;\r\n this.IsFeecase = false;\r\n this.CaseFee = responce.data;\r\n this.TotalFee = (\r\n +this.Conveyance +\r\n +this.CaseFee +\r\n +this.ExtraFee\r\n ).toString();\r\n } else {\r\n this.IsFeeShow = true;\r\n this.IsExtraFeeShow = true;\r\n this.IsconvFeeShow = true;\r\n this.IstotalFeeShow = true;\r\n this.IsapprovalShow = true;\r\n this.IscontactnoShow = true;\r\n this.IsdocShow = true;\r\n this.IsFeecase = true;\r\n this.CaseFee = responce.data;\r\n this.TotalFee = (\r\n +this.Conveyance +\r\n +this.CaseFee +\r\n +this.ExtraFee\r\n ).toString();\r\n }\r\n /* } else {\r\n // this.router.navigate([\"Home\"]);\r\n Swal.fire('Oops...', 'Before Create Case Update Bank Case Fees!', 'warning');\r\n this.casetype=\"Select\";\r\n this.IsExtraFeeShow=false;\r\n this.IsconvFeeShow=false;\r\n this.IstotalFeeShow=false;\r\n this.IsapprovalShow=false;\r\n this.IscontactnoShow=false;\r\n this.IsFeeShow=false;\r\n this.IsdocShow=false;\r\n this.IsFeecase=false;\r\n } */\r\n }\r\n })\r\n .catch((e: any) => {\r\n console.log(\"Getting Error in onCaseChange\");\r\n Swal.fire(\"Oops...\", \"4something went wrong\", \"error\");\r\n });\r\n }\r\n }\r\n }\r\n}\r\n","module.exports = \"
\\r\\n
\\r\\n
\\r\\n \\r\\n
- \\r\\n With Customer\\r\\n
\\r\\n \\r\\n \\r\\n
- \\r\\n Quality Check\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n | Case UID | \\r\\n {{element.CaseUID}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Name | \\r\\n {{element.Name}} | \\r\\n \\r\\n \\r\\n \\r\\n Mobile | \\r\\n {{element.Mobile}} | \\r\\n \\r\\n \\r\\n \\r\\n Bank | \\r\\n {{element.Bank}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Location | \\r\\n {{element.Location}} | \\r\\n \\r\\n \\r\\n \\r\\n Case Action | \\r\\n {{element.CaseStatus}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Supervisor | \\r\\n {{element.supervisor}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n CR.Date | \\r\\n {{element.CrDate}} | \\r\\n \\r\\n \\r\\n \\r\\n Action | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n \\r\\n \\r\\n |
\\r\\n |
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n | Case UID | \\r\\n {{element.CaseUID}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Name | \\r\\n {{element.Name}} | \\r\\n \\r\\n \\r\\n \\r\\n Mobile | \\r\\n {{element.Mobile}} | \\r\\n \\r\\n \\r\\n \\r\\n Bank | \\r\\n {{element.Bank}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Location | \\r\\n {{element.Location}} | \\r\\n \\r\\n \\r\\n \\r\\n Case Action | \\r\\n {{element.CaseStatus}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Supervisor | \\r\\n {{element.supervisor}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n CR.Date | \\r\\n {{element.CrDate}} | \\r\\n \\r\\n \\r\\n \\r\\n Action | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n \\r\\n \\r\\n |
\\r\\n |
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\"","import { Component, OnInit, Renderer2, ElementRef,ViewChild } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { ApiService } from '../service/service';\r\nimport { SessionService } from '../service/sessionGlobalVar';\r\nimport { UpdateDataForGrid,IGridInput, IUpdateStatus, getStage,ICaseCreate ,IsendMail,IsgetMail, IsgetMailftv } from '../service/type'\r\nimport { NgxUiLoaderService } from 'ngx-ui-loader';\r\nimport {MatPaginator,MatTableDataSource,MatSort,Sort} from '@angular/material';\r\nimport Swal from 'sweetalert2';\r\ndeclare var $: any;\r\n\r\n@Component({\r\n selector: 'app-ftv-case',\r\n templateUrl: './ftv-case.component.html',\r\n styleUrls: []\r\n})\r\nexport class FtvCaseComponent implements OnInit {\r\n SendBranchPerson: string;\r\n SendBranchPersonemail:string;\r\n MailSubject: string;\r\n MailBody: string;\r\n mailBankID:string;\r\n caseID: string;\r\n GridDetail: [];\r\n IsSendMailModel: boolean = false; \r\n sendMailForm: string;\r\n GridPublish: [];\r\n GridReview: [];\r\n isShowAllocation: boolean = true;\r\n isShowQuality: boolean;\r\n isShowPublish: boolean;\r\n IsEditStatus: boolean = false;\r\n valEngineer: any;\r\n status: any;\r\n selectedStatus: string = \"0\";\r\n selectedEngvalue: string = \"\";\r\n HeaderText: string;\r\n IsDocument: boolean = false;\r\n Component1Variable: string = \"Component1VariableSent\";\r\n logID: string;\r\n inputRemark: string = \"\";\r\n msgType: string;\r\n updatedFiles: any;\r\n typeOfStage: string;\r\n sanctionPlanDoc: any;\r\n datatablerefersh:boolean=true;\r\n getdocurl :any;\r\n ftvurl :any;\r\n displayedColumnsWithCustomer: string[] = ['CaseUID', 'name','mobileno', 'Bank', 'Location','CaseAction','EngineerStatus','CRDate','Action'];\r\n dataSourceWithCustomer = new MatTableDataSource;\r\n dataSourceQuality= new MatTableDataSource;\r\n applyFilter(filterValue: string) {\r\n this.dataSourceWithCustomer.filter = filterValue.trim().toLowerCase();\r\n this.dataSourceQuality.filter = filterValue.trim().toLowerCase();\r\n }\r\n @ViewChild(MatPaginator) paginator: MatPaginator;\r\n @ViewChild(MatSort) sort: MatSort;\r\n constructor(private router: Router, private service: ApiService, private session: SessionService, private ngxService: NgxUiLoaderService, private renderer: Renderer2, private el: ElementRef) {\r\n let val = localStorage.getItem(\"roleID\");\r\n if (val) {\r\n if (+val == 7) {\r\n this.router.navigate([\"BankCaseDetails\"]);\r\n }\r\n else {\r\n this.getMainGridData(\"4\");\r\n }\r\n }\r\n }\r\n ngOnInit() {\r\n const p = this.el.nativeElement;\r\n this.renderer.addClass(this.el.nativeElement, 'abc');\r\n }\r\n\r\n addCase() {\r\n this.router.navigate([\"Casecreation\"]);\r\n }\r\n allocation(e) {\r\n \r\n // this.quiid=\"1\";\r\n const review = document.getElementById(\"review-tab\");\r\n const allocation = document.getElementById(\"home-tab\");\r\n this.typeOfStage = \"allocation\";\r\n allocation.classList.add(\"active\");\r\n review.classList.remove(\"active\");\r\n this.isShowAllocation = true;\r\n this.isShowQuality = false;\r\n this.isShowPublish = false;\r\n this.getMainGridData(\"4\");\r\n /* if (this.GridDetail) {\r\n if(this.datatablerefersh==false){\r\n this.getMainGridData(\"4\");\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#example4\").DataTable({\r\n destroy: true,\r\n searching: true,\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[30,100, -1], [30,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n }\r\n } */\r\n return false;\r\n }\r\n review(e) {\r\n \r\n // this.quiid=\"2\";\r\n const review = document.getElementById(\"review-tab\");\r\n const allocation = document.getElementById(\"home-tab\");\r\n this.typeOfStage = \"review\";\r\n allocation.classList.remove(\"active\");\r\n review.classList.add(\"active\");\r\n this.isShowAllocation = false;\r\n this.isShowQuality = true;\r\n this.isShowPublish = false;\r\n this.getMainGridData(\"5\");\r\n /* if (this.GridReview) {\r\n if(this.datatablerefersh==false){\r\n this.getMainGridData(\"5\");\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#example5\").DataTable({\r\n destroy: true,\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[30,100, -1], [30,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n }\r\n }\r\n else{\r\n this.datatablerefersh=false;\r\n this.getMainGridData(\"5\");\r\n } */\r\n return false;\r\n }\r\n getMainGridData(qid: string) {\r\n let val: IGridInput = {\r\n LoginID: this.session.UserID,\r\n RoleID: this.session.getRoleID,\r\n UserBankBranch: this.session.BankBranchID,\r\n SelectedBankID: \"\",\r\n SelectedBranchID: \"\",\r\n CaseStage: \"A\",\r\n ValuationType: \"2\",\r\n qid: qid\r\n }\r\n this.ngxService.start();\r\n ApiService.GetGridData(val).then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.GridDetail = responce.data;\r\n if(qid==\"4\"){\r\n this.dataSourceWithCustomer=new MatTableDataSource(responce.data);\r\n this.dataSourceWithCustomer.paginator = this.paginator; \r\n this.dataSourceWithCustomer.sort = this.sort; \r\n }else{\r\n this.dataSourceQuality=new MatTableDataSource(responce.data);\r\n this.dataSourceQuality.paginator = this.paginator; \r\n this.dataSourceQuality.sort = this.sort; \r\n } \r\n /* setTimeout(function () {\r\n $(function () {\r\n $(\"#example\" + qid + \"\").DataTable();\r\n });\r\n }, 1000); */\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n\r\n HideModel() {\r\n this.IsEditStatus = false;\r\n }\r\n updateStatus() {\r\n if (this.logID) {\r\n if (this.selectedStatus == \"0\" || this.selectedStatus == \"\") {\r\n Swal.fire('Oops...', 'Please Select Action Type!', 'warning');\r\n } else if (this.inputRemark == \"\") {\r\n Swal.fire('Oops...', 'Remark Can`t be empty!', 'warning');\r\n } else {\r\n const val: IUpdateStatus = {\r\n Case_id: this.logID,\r\n CaseStatus: this.selectedStatus,\r\n statusRemark: this.inputRemark,\r\n Assignto: \"\",\r\n Message: \"\",\r\n LoginID: this.session.UserID\r\n }\r\n this.ngxService.start();\r\n this.IsEditStatus = false;\r\n ApiService.UpdateStatus(val).then((response: any) => {\r\n if (response.status == 200) {\r\n this.getMainGridData(\"1\");\r\n Swal.fire('Thanks...', 'Action Update Successfully', 'success')\r\n }else {\r\n Swal.fire('Oops...', 'Something Went Wrong In Action Update Please try again!', 'error')\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something Went Wrong In Action Please Refresh Page!', 'error')\r\n })\r\n }\r\n }\r\n }\r\n EditAction(e: any,urls: any) {\r\n debugger;\r\n this.ftvurl=urls;\r\n let val: getStage = {\r\n Type: \"1\",\r\n valType: \"2\"\r\n }\r\n \r\n this.logID = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n this.ngxService.start(); \r\n ApiService.GetStages(val).then((response: any) => { \r\n this.IsEditStatus = true;\r\n this.status = response.data.DATA;\r\n this.ngxService.stop();\r\n \r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something Went Wrong In Action Please Refresh Page!', 'error')\r\n })\r\n }\r\n editCase(e) {\r\n this.logID = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n const val = window.btoa(this.logID);\r\n if (this.logID) {\r\n this.router.navigate([\"/FtvSendMessage\", { id: val }]);\r\n }\r\n }\r\n logDetail(e) {\r\n this.logID = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n if (this.logID) {\r\n this.router.navigate([\"/logDetails\", { id: this.logID }]);\r\n }\r\n }\r\n ResendMessage(e){\r\n\r\n let data: ICaseCreate = {\r\n CaseID: e/* .currentTarget.parentElement.firstElementChild.value */,\r\n Bank_id: \"\",\r\n branch_id: \"\",\r\n person_id: \"\",\r\n ValuationTypeID: \"2\",\r\n ApplicantName_Name: \"\",\r\n ApplicanttitleN: \"\",\r\n Applicant_nameN: \"\",\r\n Block: \"\",\r\n BuildingNameN: \"\",\r\n StreatRoadN: \"\",\r\n SectorN: \"\",\r\n state_id: \"\",\r\n distict: \"\",\r\n City_id: \"\",\r\n Locality_id: \"\",\r\n BuildingNo: \"\",\r\n propertyno: \"\",\r\n Property_titleN: \"\",\r\n PropertyValueN: \"\",\r\n Streat: \"\",\r\n landmark: \"\",\r\n SubLocality_id: \"\",\r\n pincode: \"\",\r\n ContactPersonName: \"\",\r\n Mob1: \"\",\r\n Mob2: \"\",\r\n vertical: \"\",\r\n casetype: \"\",\r\n Assignto: \"\",\r\n Case_statusID: \"\",\r\n supervisorID: \"\",\r\n StatusRemark: \"\",\r\n FileNo: \"\",\r\n Area: \"\",\r\n CaseRemark: \"\",\r\n Document_id: \"\",\r\n LoginID: this.session.UserID,\r\n OldCaseID: \"\",\r\n ActualFees: \"\",\r\n ExtraFees: \"\",\r\n TotalFees: \"\",\r\n Conveyance: \"\",\r\n ApprovalPersonName: \"\",\r\n ApprovalContact: \"\",\r\n ApprovalDocPath: \"0\",\r\n AssignType: \"D\",\r\n usage:\"\",\r\n propertytype:\"\",\r\n Operation: \"\",\r\n PaymentType:\"\",\r\n Zone_id:\"\",\r\n Vertical_id:\"\",\r\n ENgConv:\"\",\r\n Approval_Remarks:\"\",\r\n FeesType:\"\",\r\n ExtraEngConv:\"\",\r\n ExtraEngConvRemark:\"\",\r\n IsOtherOffice:\"\",\r\n OtherOffice:\"\",\r\n adroitbranch:\"\",\r\n }\r\n \r\n ApiService.FtvSendSMS(data).then((responce: any) => {\r\n \r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n Swal.fire('Thanks...', 'Resend Message Successfully', 'success');\r\n this.router.navigate([\"Home\"]);\r\n \r\n }\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In caseCreate\",e);\r\n Swal.fire('Oops...', 'Something went wrong!', 'error');\r\n });\r\n \r\n \r\n }\r\n\r\n addDoc(e) {\r\n \r\n this.logID = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n this.HeaderText = \"Upload Document\";\r\n if (this.logID) {\r\n this.IsEditStatus = true;\r\n this.IsDocument = true;\r\n this.ngxService.start();\r\n ApiService.SupSidebar(this.logID).then((responce: any) => {\r\n \r\n if (responce.status == 200) {\r\n if (responce.data) { \r\n this.getdocurl=responce.data.CaseDoc;\r\n for (const Dvalue in responce.data.CaseDoc) {\r\n \r\n let docValss = {\r\n url: this.getdocurl[Dvalue].url,\r\n name: this.getdocurl[Dvalue].name\r\n }\r\n this.getdocurl[Dvalue] = docValss;\r\n }\r\n // this.openInNewTabs(this.getdocurl);\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n }\r\n handleFileSelect(evt) {\r\n this.updatedFiles = evt.target.files;\r\n };\r\n handleSanctionPlanDoc(evt) {\r\n this.sanctionPlanDoc = evt.target.files;\r\n }\r\n updateDocument() {\r\n \r\n if (this.logID) {\r\n if (this.sanctionPlanDoc || this.updatedFiles) {\r\n \r\n let formData = new FormData();\r\n if (this.updatedFiles) {\r\n for (let val of this.updatedFiles) {\r\n formData.append(\"CaseID\", this.logID);\r\n formData.append(\"imgname\", val.name);\r\n formData.append(\"files\", val);\r\n }\r\n }\r\n if (this.sanctionPlanDoc) {\r\n \r\n // for (let val of this.sanctionPlanDoc) {\r\n // formData.append(\"CaseID\", this.logID);\r\n // formData.append(\"imgname\", val.name);\r\n // formData.append(\"files\", val);\r\n // }\r\n formData.append(\"CaseID\", this.logID);\r\n formData.append(\"imgname\", this.sanctionPlanDoc[0].name);\r\n formData.append(\"files\", this.sanctionPlanDoc[0]);\r\n }\r\n \r\n this.ngxService.start();\r\n ApiService.UpdateDocument(formData).then((responce: any) => {\r\n \r\n \r\n if (responce.status === 200) {\r\n this.IsEditStatus = false;\r\n this.sanctionPlanDoc = undefined;\r\n this.updatedFiles = undefined;\r\n Swal.fire('Success...', 'Upload Document Sucessfully!', 'success');\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong in document update!', 'error');\r\n });\r\n } else {\r\n Swal.fire('Oops...', 'Please select atleast one document!', 'warning');\r\n }\r\n }\r\n }\r\n DeleteDoc(e){\r\n \r\n this.ngxService.start();\r\n let val = {\r\n Case_id: this.logID,\r\n Status: \"\",\r\n FilePath: e,\r\n Type: \"doc\",\r\n Message: \"\",\r\n LoginID: this.session.UserID\r\n }\r\n \r\n ApiService.DeleteDocument(val).then((responce: any) => {\r\n if (responce.status == 200) { \r\n this.IsEditStatus = false;\r\n Swal.fire('Success...', 'Delete Document Sucessfully!', 'success');\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n \r\n Edit(valuationID: string, e: any) {\r\n const val = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n if (val && val != \"\") {\r\n const data = window.btoa(val);\r\n this.router.navigate([\"/UpdateAddress\", { id: data, valuation: valuationID }]);\r\n }\r\n }\r\n\r\n QcPass(e: any,fee: any) {\r\n const val = window.confirm(\"Do you want to save data?\");\r\n if (val) {\r\n const data = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n const waterMark = e/* .currentTarget.firstElementChild.value */;\r\n const LoginID = localStorage.getItem('userID');\r\n const val: UpdateDataForGrid = {\r\n CaseID: data,\r\n Type: \"QCPASS\",\r\n watermark: waterMark,\r\n casecreatedfrom: \"\",\r\n UserID: LoginID,\r\n Remark: \"\",\r\n Supervisor: \"\",\r\n RoleID: \"\"\r\n }\r\n this.ngxService.start();\r\n ApiService.UpdateGridDataAndGetUrl(val).then((responce: any) => {\r\n if (responce.status === 200) {\r\n debugger;\r\n Swal.fire('Thanks', 'QC Pass Sucessfully', 'success');\r\n this.openInNewTab(responce.data.URL);\r\n \r\n // this.getMainGridData();\r\n /* this.ViewReportwithqc(data); */\r\n window.location.reload();\r\n \r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n\r\n }\r\n }\r\n openInNewTab(href: any) {\r\n Object.assign(document.createElement('a'), {\r\n target: '_blank',\r\n href,\r\n }).click();\r\n }\r\n View(e: any) {\r\n let data = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n const LoginID = localStorage.getItem('userID');\r\n const val: UpdateDataForGrid = {\r\n CaseID: data,\r\n Type: \"View\",\r\n watermark: \"\",\r\n casecreatedfrom: \"\",\r\n UserID: LoginID,\r\n Remark: \"\",\r\n Supervisor: \"\",\r\n RoleID: \"\",\r\n }\r\n this.ngxService.start();\r\n ApiService.UpdateGridDataAndGetUrl(val).then((responce: any) => {\r\n if (responce.status === 200) {\r\n this.openInNewTab(responce.data.URL);\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n sendReminder(e: any) {\r\n \r\n this.IsSendMailModel = true;\r\n const val: IsgetMailftv = {\r\n caseid : e/* .currentTarget.parentElement.firstElementChild.value */,\r\n type:\"get\",\r\n ApplicantName:localStorage.getItem('userID'),\r\n }\r\n this.caseID = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n // this.typed=\"get\";\r\n ApiService.SentFTVMail(val).then((responce: any) => {\r\n \r\n if (responce.status === 200) {\r\n let val = responce.data;\r\n let sender=val.EmailFrom;\r\n this.sendMailForm = val.EmailTo;\r\n this.SendBranchPerson = val.ApplicantName;\r\n this.SendBranchPersonemail=sender;\r\n this.MailSubject = val.Sublect;\r\n this.MailBody = val.Body;\r\n this.mailBankID=val.BankID\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n HideModelsendMail(){\r\n this.IsSendMailModel = false;\r\n }\r\n sendReminderUpdate(e) {\r\n \r\n const val: IsendMail = {\r\n caseId : this.caseID,\r\n EmailTo: this.sendMailForm,\r\n Sublect: this.MailSubject,\r\n ApplicantName: this.SendBranchPerson,\r\n Body: this.MailBody,\r\n LoginID: this.session.UserID,\r\n BankID: this.mailBankID,\r\n type:\"update\"\r\n }\r\n this.ngxService.start();\r\n \r\n ApiService.FTVSendMailUpdate(val).then((responce: any)=>{\r\n \r\n if (responce.status === 200) {\r\n Swal.fire('Thanks', responce.data.EmailTo, 'success');\r\n this.getMainGridData(\"5\");\r\n this.IsSendMailModel = false;\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n \r\n }\r\n}\r\n","module.exports = \"
\\r\\n \\r\\n
\\r\\n\\r\\n
Case Creation
\\r\\n \\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n
\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { ApiService } from '../service/service';\r\nimport { SessionService } from '../service/sessionGlobalVar';\r\nimport { IcaseFee, IBankDetail, IGetCityLocation, ICaseCreate, getStage, searchOldCases,IUsage } from '../service/type'\r\nimport { NgxUiLoaderService } from 'ngx-ui-loader';\r\nimport Swal from 'sweetalert2';\r\ndeclare var $: any;\r\n@Component({\r\n selector: 'app-ftv-send-message',\r\n templateUrl: './ftv-send-message.component.html',\r\n styles: []\r\n})\r\nexport class FtvSendMessageComponent implements OnInit {\r\n BankDetail: any;\r\n selectedBankValue: any = \"\";\r\n selectedBranchValue: any = \"\";\r\n selectedBranchPersonValue: any = \"\";\r\n BranchDetail: any = \"\";\r\n BranchPersonDetail: any = \"\";\r\n state: any = \"\";\r\n selectedState: string = \"Select\";\r\n selectedCity: string = \"Select\";\r\n selectedLocality: string = \"Select\";\r\n selectedSubLocation: string = \"Select\";\r\n caseVertical: string = \"\";\r\n applicantFirst: string = \"\";\r\n propertyFirst: string = \"Plot No.\";\r\n selectedValuationValue: string = \"Select\";\r\n casetype: string = \"Select\";\r\n selectedStatus: string = \"Select\";\r\n CityVal: any = \"\";\r\n LocationVal: any = \"\";\r\n SubLocationVal: any = \"\";\r\n PinCode: any = \"\";\r\n status: any = \"\";\r\n DDLUsageData: any;\r\n valEngineer: any = \"\";\r\n valSup: any = \"\";\r\n selectedEngvalue: string = \"\";\r\n selectedSupvalue: string = \"\";\r\n applicantName: string = \"\";\r\n district: string = \"\";\r\n dropdownList = [];\r\n dropdownList1 = [];\r\n selectedItems = [];\r\n newSelectedItems = [];\r\n dropdownSettings = {};\r\n propertyNo: string = \"\";\r\n BuildingName: string = \"\";\r\n Streat: string = \"\";\r\n landmark: string = \"\";\r\n ContactPersonName: string = \"\";\r\n MOb1: string = \"\";\r\n MOb2: string = \"\";\r\n LoadCaseType: any = \"\";\r\n StatusRemark: string = \"\";\r\n FileNo: string = \"\";\r\n PropertyArea: string = \"\";\r\n CaseRemark: string = \"\";\r\n CaseFee: string = \"0\";\r\n ExtraFee: string = \"0\";\r\n Conveyance: string = \"0\";\r\n TotalFee: string = \"0\";\r\n ApprovalPerson: string = \"\";\r\n ContactNo: string = \"\";\r\n IsFeeShow: boolean = false;\r\n editCaseDetail: any = \"\";\r\n BankText: string = \"\";\r\n BranchText: string = \"\";\r\n BranchPersonText: string = \"\";\r\n Sector: string = \"\";\r\n AssignToText: string = \"\";\r\n supToText: string = \"\";\r\n Block: string = \"\";\r\n files;\r\n filestring;\r\n myfile;\r\n isEditCase: boolean = false;\r\n ISvaluation: boolean = true;\r\n IScasebranch: boolean = true;\r\n document: any;\r\n sectionPlaneDoc: any;\r\n ApprovelDoc: any;\r\n IsBankCase: boolean = false;\r\n IsPopUp: boolean = false;\r\n HeaderText: string;\r\n GridOldCases: any;\r\n selectedOldCase: boolean = false;\r\n oldCaseID: string = \"\";\r\n CaseID: string = \"\";\r\n propertyTypeNEw: string = \"Select\";\r\n DDlUsage: string = \"Select\";\r\n DDlPropertyType: string = \"Select\";\r\n DDLPropertyData: any;\r\n radioSelectedString:string;\r\n radioSelected:string=\"\";\r\n PaymentType:string;\r\n radioSel:any;\r\n IsExtraFeeShow:boolean=true;\r\n IsconvFeeShow:boolean=true;\r\n IstotalFeeShow:boolean=true;\r\n IsapprovalShow:boolean=true;\r\n IscontactnoShow:boolean=true;\r\n IsdocShow:boolean=true;\r\n IsFeecase:boolean=true;\r\n editabless:boolean=false;\r\n constructor(private router: Router, private service: ApiService, private ngxService: NgxUiLoaderService, private session: SessionService, private route: ActivatedRoute) {\r\n this.getState(\"State\");\r\n this.getState(\"CaseType\");\r\n this.GetUsageDataNew();\r\n this.dropdownSettings = {\r\n singleSelection: false,\r\n idField: 'id',\r\n textField: 'text',\r\n unSelectAllText: 'UnSelect All',\r\n itemsShowLimit: 3,\r\n allowSearchFilter: true\r\n };\r\n \r\n const BranchID = localStorage.getItem(\"BankBranchID\");\r\n const bankID = localStorage.getItem(\"BankID\");\r\n let val = localStorage.getItem(\"roleID\");\r\n \r\n if (BranchID && (+val == 7 || +val == 10)) {\r\n this.selectedBankValue = bankID;\r\n this.selectedBranchValue = BranchID;\r\n this.IsBankCase = false;\r\n if (this.selectedBranchValue) {\r\n this.GetBranchPersonDetails(this.selectedBankValue, this.selectedBranchValue, false);\r\n }\r\n } else {\r\n this.IsBankCase = true;\r\n this.GetBankDetails();\r\n }\r\n }\r\n ngOnInit() {\r\n if (!this.session.isLoggedIn) {\r\n this.router.navigate([\"Login\"]);\r\n }\r\n const val = this.session.getRoleID;\r\n if (val == \"3\" || val == \"10\" || val == \"7\") {\r\n this.route.params.subscribe(params => {\r\n if (params.id) {\r\n this.isEditCase = true;\r\n const id = window.atob(params.id);\r\n this.CaseID = id;\r\n this.GetEditCaseDetail(id);\r\n }\r\n });\r\n }\r\n else {\r\n localStorage.clear();\r\n this.router.navigate([\"login\"]);\r\n }\r\n\r\n this.getState(\"Documents\");\r\n /* if(val == \"7\"){\r\n this.branchview();}*/\r\n } \r\n getFiles(event) {\r\n this.files = event.target.files;\r\n var reader = new FileReader();\r\n reader.onload = this._handleReaderLoaded.bind(this.files);\r\n reader.readAsBinaryString(this.files[0]);\r\n }\r\nbranchview()\r\n{ this.IScasebranch = false;}\r\n bindPreviousValue() {\r\n \r\n console.log(\"editCaseDetail\", this.editCaseDetail);\r\n if (!this.selectedOldCase) {\r\n this.selectedBankValue = this.editCaseDetail.Bank_ID;\r\n this.selectedBranchValue = this.editCaseDetail.Branch_id;\r\n this.selectedBranchPersonValue = this.editCaseDetail.Branch_person;\r\n const BankText = this.BankDetail.find(val => val.AttributeID === this.selectedBankValue);\r\n this.BankText = BankText.AttributeName;\r\n this.selectedStatus = this.editCaseDetail.Case_Status;\r\n this.selectedValuationValue = this.editCaseDetail.Valuation_typeID;\r\n this.GetBranchPersonDetails(this.selectedBankValue, this.selectedBranchValue, true)\r\n this.GetBranchDetails(this.editCaseDetail.Bank_ID, true);\r\n } else {\r\n this.oldCaseID = this.editCaseDetail.CaseID;\r\n }\r\n this.IsFeeShow = true;\r\n this.isEditCase = true;\r\n this.selectedState = this.editCaseDetail.StateID;\r\n this.district = this.editCaseDetail.District;\r\n\r\n this.applicantName = this.editCaseDetail.Applicant_nameN;\r\n\r\n this.applicantFirst = this.editCaseDetail.ApplicanttitleN;\r\n \r\n this.PinCode = this.editCaseDetail.pin_code;\r\n this.BuildingName = this.editCaseDetail.Building_No;\r\n this.Streat = this.editCaseDetail.Street_Sector;\r\n this.Sector = this.editCaseDetail.SectorN;\r\n this.ContactPersonName = this.editCaseDetail.Contact_persion_Name;\r\n this.MOb1 = this.editCaseDetail.Contact_Persion_Mob1;\r\n this.MOb2 = this.editCaseDetail.Contact_Persion_Mob2;\r\n this.casetype = this.editCaseDetail.Type_Of_Case;\r\n this.landmark = this.editCaseDetail.Land_mark;\r\n this.FileNo = this.editCaseDetail.File_No;\r\n this.PropertyArea = this.editCaseDetail.Area;\r\n \r\n this.StatusRemark = this.editCaseDetail.Case_Status_Remarks;\r\n this.Conveyance = this.editCaseDetail.Conveyance;\r\n this.CaseFee = this.editCaseDetail.ActualFees;\r\n this.ExtraFee = this.editCaseDetail.ExtraFees;\r\n this.TotalFee = this.editCaseDetail.TotalFees;\r\n this.caseVertical = this.editCaseDetail.Case_vertical;\r\n this.ApprovalPerson = this.editCaseDetail.ApprovalPersonName;\r\n this.ContactNo = this.editCaseDetail.ApprovalContact;\r\n this.CaseRemark = this.editCaseDetail.Case_Creation_remark;\r\n this.propertyNo = this.editCaseDetail.PropertyValueN;\r\n this.propertyFirst = this.editCaseDetail.Property_titleN;\r\n this.Block = this.editCaseDetail.Block;\r\n if(this.editCaseDetail.PaymentType==\"Billing\")\r\n { //this.Compositet=true;\r\n this.radioSelected = \"Billing\";\r\n this.radioSelectedString = JSON.stringify(this.radioSel);\r\n this.IsExtraFeeShow=true;\r\n this.IsconvFeeShow=true;\r\n this.IstotalFeeShow=true;\r\n this.IsapprovalShow=true;\r\n this.IscontactnoShow=true;\r\n this.IsdocShow=true;\r\n this.editabless=false;\r\n }\r\n else if(this.editCaseDetail.PaymentType==\"Cash\"){\r\n this.radioSelected = \"Cash\";\r\n this.radioSelectedString = JSON.stringify(this.radioSel);\r\n this.IsExtraFeeShow=false;\r\n this.IsconvFeeShow=false;\r\n this.IstotalFeeShow=false;\r\n this.IsapprovalShow=false;\r\n this.IscontactnoShow=false;\r\n this.IsdocShow=false;\r\n this.editabless=true;\r\n }\r\n else{\r\n this.radioSelected = \"Billing\";\r\n this.radioSelectedString = JSON.stringify(this.radioSel);\r\n }\r\n if (this.selectedState) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: \"\",\r\n LocID: \"\",\r\n GetType: \"City\",\r\n }\r\n this.getCityLocation(val);\r\n this.selectedCity = this.editCaseDetail.cityID;\r\n if (this.selectedCity) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: \"\",\r\n GetType: \"Location\",\r\n }\r\n this.getCityLocation(val);\r\n this.selectedLocality = this.editCaseDetail.LocationID;\r\n this.locationChangeFUnction();\r\n this.selectedSubLocation = this.editCaseDetail.SubLocalityId;\r\n this.selectedEngvalue = this.editCaseDetail.Allocated_To;\r\n if (this.valEngineer) {\r\n const engVal = this.valEngineer.find(val => val.AttributeID === this.editCaseDetail.Allocated_To);\r\n this.AssignToText = engVal.AttributeName;\r\n }\r\n\r\n this.selectedSupvalue = this.editCaseDetail.Supervisor;\r\n if (this.valSup) {\r\n const supVal = this.valSup.find(val => val.AttributeID === this.selectedSupvalue);\r\n this.supToText = supVal.AttributeName;\r\n }\r\n }\r\n this.valuationChange();\r\n this.bindDropdownOnEdit();\r\n }\r\n }\r\n valuationChange() {\r\n const val: string = this.selectedValuationValue;\r\n if (val == '2') {\r\n this.ISvaluation = false;\r\n } else {\r\n this.ISvaluation = true;\r\n }\r\n this.GetStageDetail();\r\n }\r\n feeChange() {\r\n this.TotalFee = ((+this.Conveyance) + (+this.CaseFee) + (+this.ExtraFee)).toString();\r\n }\r\n hideShowpayment(e: any) {\r\n if (e.currentTarget.value == \"Billing\") {\r\n \r\n this.PaymentType = \"Billing\";\r\n /* this.IsExtraFeeShow=true;\r\n this.IsconvFeeShow=true;\r\n this.IstotalFeeShow=true;\r\n this.IsapprovalShow=true;\r\n this.IscontactnoShow=true;\r\n this.IsdocShow=true; */\r\n this.editabless=false;\r\n if (this.selectedBankValue && this.casetype && this.session.UserID) {\r\n const val: IcaseFee = {\r\n CaseTypeID: this.casetype,\r\n LoginID: this.session.UserID,\r\n BankID: this.selectedBankValue,\r\n ZoneID: \"\",\r\n BranchID: \"\",\r\n VerticalID: \"\"\r\n }\r\n this.ngxService.start();\r\n ApiService.CaseFee(val).then((responce: any) => {\r\n \r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data != \"\") {\r\n this.IsFeeShow = true;\r\n this.IsExtraFeeShow=true;\r\n this.IsconvFeeShow=true;\r\n this.IstotalFeeShow=true;\r\n this.IsapprovalShow=true;\r\n this.IscontactnoShow=true;\r\n this.IsdocShow=true;\r\n this.IsFeecase=true;\r\n this.CaseFee = responce.data;\r\n this.TotalFee = ((+this.Conveyance) + (+this.CaseFee) + (+this.ExtraFee)).toString();\r\n } else {\r\n // this.router.navigate([\"Home\"]);\r\n Swal.fire('Oops...', 'Before Create Case Update Bank Case Fees!', 'warning');\r\n this.casetype=\"Select\";\r\n }\r\n }\r\n }).catch((e: any) => {\r\n console.log(\"Getting Error in onCaseChange\");\r\n Swal.fire('Oops...', 'something went wrong', 'error');\r\n });\r\n }\r\n }\r\n else {\r\n this.PaymentType = \"Cash\";\r\n this.IsExtraFeeShow=false;\r\n this.IsconvFeeShow=false;\r\n this.IstotalFeeShow=false;\r\n this.IsapprovalShow=false;\r\n this.IscontactnoShow=false;\r\n this.IsdocShow=false;\r\n this.editabless=true;\r\n this.CaseFee=\"\";\r\n }\r\n }\r\n GetStageDetail() {\r\n const p = this.selectedValuationValue;\r\n const valuationType = this.ISvaluation ? \"1\" : \"2\";\r\n let val: getStage = {\r\n Type: \"New\",\r\n valType: valuationType\r\n }\r\n this.ngxService.start();\r\n ApiService.GetStages(val).then((response: any) => {\r\n this.status = response.data.DATA;\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something Went Wrong In Case Status Please Refresh Page!', 'error')\r\n })\r\n }\r\n bindOldCaseValue() {\r\n \r\n console.log(\"editCaseDetail\", this.editCaseDetail);\r\n if (!this.selectedOldCase) {\r\n this.selectedBankValue = this.editCaseDetail.Bank_ID;\r\n this.selectedBranchValue = this.editCaseDetail.Branch_id;\r\n this.selectedBranchPersonValue = this.editCaseDetail.Branch_person;\r\n const BankText = this.BankDetail.find(val => val.AttributeID === this.selectedBankValue);\r\n this.BankText = BankText.AttributeName;\r\n this.selectedStatus = this.editCaseDetail.Case_Status;\r\n this.selectedValuationValue = this.editCaseDetail.Valuation_typeID;\r\n this.GetBranchPersonDetails(this.selectedBankValue, this.selectedBranchValue, true)\r\n this.GetBranchDetails(this.editCaseDetail.Bank_ID, true);\r\n } else {\r\n this.oldCaseID = this.editCaseDetail.CaseID;\r\n }\r\n this.IsFeeShow = true;\r\n this.isEditCase = true;\r\n this.selectedState = this.editCaseDetail.StateID;\r\n this.district = this.editCaseDetail.District;\r\n\r\n this.applicantName = this.editCaseDetail.Applicant_nameN;\r\n\r\n this.applicantFirst = this.editCaseDetail.ApplicanttitleN;\r\n \r\n this.PinCode = this.editCaseDetail.pin_code;\r\n this.BuildingName = this.editCaseDetail.Building_No;\r\n this.Streat = this.editCaseDetail.Street_Sector;\r\n this.Sector = this.editCaseDetail.SectorN;\r\n this.ContactPersonName = this.editCaseDetail.Contact_persion_Name;\r\n this.MOb1 = this.editCaseDetail.Contact_Persion_Mob1;\r\n this.MOb2 = this.editCaseDetail.Contact_Persion_Mob2;\r\n this.casetype = this.editCaseDetail.Type_Of_Case;\r\n this.landmark = this.editCaseDetail.Land_mark;\r\n this.FileNo = this.editCaseDetail.File_No;\r\n this.PropertyArea = this.editCaseDetail.Area;\r\n \r\n this.StatusRemark = this.editCaseDetail.Case_Status_Remarks;\r\n this.Conveyance = this.editCaseDetail.Conveyance;\r\n this.CaseFee = this.editCaseDetail.ActualFees;\r\n this.ExtraFee = this.editCaseDetail.ExtraFees;\r\n this.TotalFee = this.editCaseDetail.TotalFees;\r\n this.caseVertical = this.editCaseDetail.Case_vertical;\r\n this.ApprovalPerson = this.editCaseDetail.ApprovalPersonName;\r\n this.ContactNo = this.editCaseDetail.ApprovalContact;\r\n this.CaseRemark = this.editCaseDetail.Case_Creation_remark;\r\n this.propertyNo = this.editCaseDetail.PropertyValueN;\r\n this.propertyFirst = this.editCaseDetail.Property_titleN;\r\n this.Block = this.editCaseDetail.Block;\r\n if (this.selectedState) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: \"\",\r\n LocID: \"\",\r\n GetType: \"City\",\r\n }\r\n this.getCityLocationOldCase(val);\r\n this.selectedCity = this.editCaseDetail.cityID;\r\n if (this.selectedCity) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: \"\",\r\n GetType: \"Location\",\r\n }\r\n this.getCityLocationOldCase(val);\r\n this.selectedLocality = this.editCaseDetail.LocationID;\r\n this.locationChangeFUnctionOldCase();\r\n this.selectedSubLocation = this.editCaseDetail.SubLocalityId;\r\n // this.selectedEngvalue = this.editCaseDetail.Allocated_To;\r\n /* if (this.valEngineer) {\r\n const engVal = this.valEngineer.find(val => val.AttributeID === this.editCaseDetail.Allocated_To);\r\n this.AssignToText = engVal.AttributeName;\r\n } */\r\n\r\n // this.selectedSupvalue = this.editCaseDetail.Supervisor;\r\n /* if (this.valSup) {\r\n const supVal = this.valSup.find(val => val.AttributeID === this.selectedSupvalue);\r\n this.supToText = supVal.AttributeName;\r\n } */\r\n }\r\n this.valuationChange();\r\n this.bindDropdownOnEdit();\r\n }\r\n }\r\n GetEditOldCaseDetail(val: string) {\r\n this.ngxService.start();\r\n \r\n ApiService.getCaseBehalfOfID(val).then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n\r\n if (responce.data) {\r\n\r\n this.editCaseDetail = responce.data;\r\n this.bindOldCaseValue();\r\n }\r\n }\r\n }).catch((e: any) => {\r\n\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetEditCaseDetail\");\r\n Swal.fire('Oops...', 'Something went wrong!', 'error');\r\n });\r\n }\r\n GetEditCaseDetail(val: string) {\r\n this.ngxService.start();\r\n \r\n ApiService.getCaseBehalfOfID(val).then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n\r\n if (responce.data) {\r\n\r\n this.editCaseDetail = responce.data;\r\n this.bindPreviousValue();\r\n }\r\n }\r\n }).catch((e: any) => {\r\n\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetEditCaseDetail\");\r\n Swal.fire('Oops...', 'Something went wrong!', 'error');\r\n });\r\n }\r\n _handleReaderLoaded(readerEvt) {\r\n var binaryString = readerEvt.target.result;\r\n this.filestring = btoa(binaryString); // Converting binary string data.\r\n }\r\n handleFileSelect(evt: any) {\r\n this.document = evt.target.files;\r\n };\r\n HandleSectionPlaneDoc(evt: any) {\r\n this.sectionPlaneDoc = evt.target.files;\r\n }\r\n HandleApprovelDoc(evt: any) {\r\n this.ApprovelDoc = evt.target.files;\r\n }\r\n\r\n fileToBase64(fileNew) {\r\n return new Promise(resolve => {\r\n let file = fileNew;\r\n let reader = new FileReader();\r\n // Read file content on file loaded event\r\n reader.onload = function (event) {\r\n console.log(event.target);\r\n resolve(event.target);\r\n };\r\n // Convert data to base64 \r\n reader.readAsDataURL(file);\r\n });\r\n };\r\n createCase() {\r\n \r\n const loginID = localStorage.getItem('userID');\r\n let selectedDocID = \"\";\r\n if (this.selectedValuationValue == \"2\") {\r\n this.selectedStatus = \"386\";\r\n }\r\n if (this.selectedItems.length > 0) {\r\n for (const data in this.selectedItems) {\r\n if (data) {\r\n selectedDocID = selectedDocID + ',' + this.selectedItems[data].id;\r\n }\r\n }\r\n selectedDocID = selectedDocID.substr(1);\r\n }\r\n if (this.selectedBankValue == \"\") {\r\n document.getElementById(\"inptBank\").focus();\r\n Swal.fire('Oops...', 'Please Select Bank From DropDown!', 'warning');\r\n } else if (this.selectedBranchValue == \"\") {\r\n document.getElementById(\"inptBranch\").focus();\r\n Swal.fire('Oops...', 'Please Select Branch From DropDown!', 'warning');\r\n } else if (this.selectedBranchPersonValue == \"\") {\r\n document.getElementById(\"inptBranchPerson\").focus();\r\n Swal.fire('Oops...', 'Please Select Branch Person!', 'warning');\r\n } else if (this.applicantName == \"\") {\r\n document.getElementById(\"applicantName\").focus();\r\n Swal.fire('Oops...', 'Please Enter Applicant Name!', 'warning');\r\n } else if (this.selectedState == \"\" || this.selectedState == \"Select\") {\r\n document.getElementById(\"ddState\").focus();\r\n Swal.fire('Oops...', 'Please Select State!', 'warning');\r\n } else if (this.selectedCity == \"\" || this.selectedCity == \"Select\") {\r\n document.getElementById(\"ddCity\").focus();\r\n Swal.fire('Oops...', 'Please Select City!', 'warning');\r\n }\r\n else if (this.selectedLocality == \"\" || this.selectedLocality == \"Select\") {\r\n document.getElementById(\"ddLocality\").focus();\r\n Swal.fire('Oops...', 'Please Select Locality!', 'warning');\r\n }\r\n else if (this.selectedSubLocation == \"\" || this.selectedSubLocation == \"Select\") {\r\n document.getElementById(\"ddSubLocation\").focus();\r\n Swal.fire('Oops...', 'Please Select Sub Location/Building Name!', 'warning');\r\n }\r\n else if (this.PinCode == \"\") {\r\n document.getElementById(\"txtPIn\").focus();\r\n Swal.fire('Oops...', 'Please Enter Pin Code!', 'warning');\r\n }\r\n else if (this.propertyNo == \"\") {\r\n document.getElementById(\"inptPropertyNo\").focus();\r\n Swal.fire('Oops...', 'Please Enter Property No.!', 'warning');\r\n }\r\n else if (this.ContactPersonName == \"\") {\r\n document.getElementById(\"txtContactPerson\").focus();\r\n Swal.fire('Oops...', 'Please Enter Contact Person Name!', 'warning');\r\n }\r\n else if ((this.session.getRoleID!=\"7\") && (this.casetype == \"\" || this.casetype == \"Select\")) {\r\n \r\n document.getElementById(\"ddlCase\").focus();\r\n Swal.fire('Oops...', 'Please Select Case Type!', 'warning');\r\n \r\n }\r\n else {\r\n if(this.session.getRoleID==\"7\"){\r\n this.casetype = \"\"\r\n }\r\n let p: boolean = true;\r\n\r\n if (this.propertyFirst == \"Select\") {\r\n this.propertyFirst = \"\";\r\n }\r\n if (this.selectedValuationValue == \"1\") {\r\n if (this.selectedStatus == \"\" || this.selectedStatus == \"Select\") {\r\n document.getElementById(\"ddlCasestatus\").focus();\r\n p = false;\r\n Swal.fire('Oops...', 'Please Select Case Status!', 'warning');\r\n }\r\n }\r\n if (this.selectedStatus == \"40\") {\r\n /* if (this.selectedEngvalue == \"\") {\r\n p = false;\r\n document.getElementById(\"inptAssignTo\").focus();\r\n Swal.fire('Oops...', 'Please Select Assign to from dropdown!', 'warning');\r\n } else if (this.selectedSupvalue == \"\") {\r\n p = false;\r\n document.getElementById(\"inptSupervisor\").focus();\r\n Swal.fire('Oops...', 'Please Select Supervisor from dropdown!', 'warning');\r\n } */\r\n }\r\n if (p) {\r\n let caseType = \"\";\r\n if (this.isEditCase) {\r\n caseType = \"Update\";\r\n } else {\r\n caseType = \"Insert\";\r\n }\r\n if (this.selectedOldCase) {\r\n caseType = \"Insert\";\r\n }\r\n if(this.session.getRoleID==\"7\"){\r\n caseType = \"Insert\";\r\n }\r\n if(this.radioSelected==\"\"||this.radioSelected==\"undefined\"){\r\n this.radioSelected=\"Billing\"\r\n }\r\n this.ngxService.start();\r\n let data: ICaseCreate = {\r\n CaseID: this.CaseID,\r\n Bank_id: this.selectedBankValue,\r\n branch_id: this.selectedBranchValue,\r\n person_id: this.selectedBranchPersonValue,\r\n ValuationTypeID: this.selectedValuationValue,\r\n ApplicantName_Name: this.applicantFirst + \" \" + this.applicantName,\r\n ApplicanttitleN: this.applicantFirst,\r\n Applicant_nameN: this.applicantName,\r\n Block: this.Block,\r\n BuildingNameN: \"\",\r\n StreatRoadN: this.Streat,\r\n SectorN: this.Sector,\r\n state_id: this.selectedState,\r\n distict: this.district,\r\n City_id: this.selectedCity,\r\n Locality_id: this.selectedLocality,\r\n BuildingNo: this.BuildingName,\r\n propertyno: this.propertyFirst + \" \" + this.propertyNo,\r\n Property_titleN: this.propertyFirst,\r\n PropertyValueN: this.propertyNo,\r\n Streat: this.Streat,\r\n landmark: this.landmark,\r\n SubLocality_id: this.selectedSubLocation,\r\n pincode: this.PinCode,\r\n ContactPersonName: this.ContactPersonName,\r\n Mob1: this.MOb1,\r\n Mob2: this.MOb2,\r\n vertical: this.caseVertical,\r\n casetype: this.casetype,\r\n Assignto: this.selectedEngvalue,\r\n Case_statusID: this.selectedStatus,\r\n supervisorID: this.selectedSupvalue,\r\n StatusRemark: this.StatusRemark,\r\n FileNo: this.FileNo,\r\n Area: this.PropertyArea,\r\n CaseRemark: this.CaseRemark,\r\n Document_id: selectedDocID,\r\n LoginID: loginID,\r\n OldCaseID: this.oldCaseID,\r\n ActualFees: this.CaseFee,\r\n ExtraFees: this.ExtraFee,\r\n TotalFees: this.TotalFee,\r\n Conveyance: this.Conveyance,\r\n ApprovalPersonName: this.ApprovalPerson,\r\n ApprovalContact: this.ContactNo,\r\n ApprovalDocPath: \"0\",\r\n AssignType: \"D\",\r\n usage:this.DDlUsage,\r\n propertytype:this.DDlPropertyType,\r\n Operation: caseType,\r\n PaymentType:this.radioSelected,\r\n Zone_id:\"\",\r\n Vertical_id:\"\",\r\n ENgConv:\"\",\r\n Approval_Remarks:\"\",\r\n FeesType:\"\",\r\n ExtraEngConv:\"\",\r\n ExtraEngConvRemark:\"\",\r\n IsOtherOffice:\"\",\r\n OtherOffice:\"\",\r\n adroitbranch:\"\",\r\n }\r\n this.caseCreate(data);\r\n }\r\n }\r\n }\r\n caseCreate(data: ICaseCreate) {\r\n \r\n ApiService.FtvUpdatenumber(data).then((responce: any) => {\r\n \r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (this.isEditCase) {\r\n Swal.fire('Thanks...', 'Case Updated Successfully', 'success');\r\n this.router.navigate([\"Home\"]);\r\n } else {\r\n if (responce.data.case_id) {\r\n if ((this.document && this.document.length) || (this.sectionPlaneDoc && this.sectionPlaneDoc.length) || (this.ApprovelDoc && this.ApprovelDoc.length)) {\r\n this.updateDocument(responce.data.case_id);\r\n } else {\r\n Swal.fire('Thanks...', 'Case Created Successfully', 'success');\r\n this.router.navigate([\"Home\"]);\r\n }\r\n }\r\n }\r\n }\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In caseCreate\",e);\r\n Swal.fire('Oops...', 'Something went wrong!', 'error');\r\n });\r\n\r\n }\r\n updateDocument(logID) {\r\n \r\n if (logID) {\r\n if (this.sectionPlaneDoc || this.document) {\r\n \r\n let formData = new FormData();\r\n if (this.document) {\r\n for (let val of this.document) {\r\n formData.append(\"CaseID\",logID);\r\n formData.append(\"imgname\", val.name);\r\n formData.append(\"files\", val);\r\n }\r\n }\r\n if (this.sectionPlaneDoc) {\r\n \r\n for (let val of this.sectionPlaneDoc) {\r\n formData.append(\"CaseID\", logID);\r\n formData.append(\"imgname\", val.name);\r\n formData.append(\"files\", val);\r\n }\r\n // formData.append(\"CaseID\", this.logID);\r\n // formData.append(\"imgname\", this.sanctionPlanDoc.name);\r\n // formData.append(\"files\", this.sanctionPlanDoc);\r\n }\r\n \r\n this.ngxService.start();\r\n ApiService.UpdateDocument(formData).then((responce: any) => {\r\n \r\n if (responce.status === 200) {\r\n // this.IsEditStatus = false;\r\n this.sectionPlaneDoc = undefined;\r\n this.document = undefined;\r\n Swal.fire('Thanks...', 'Case Created Successfully', 'success');\r\n this.router.navigate([\"Home\"]);\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong in document update!', 'error');\r\n });\r\n } else {\r\n Swal.fire('Oops...', 'Please select atleast one document!', 'warning');\r\n }\r\n }\r\n }\r\n /* updateDocument(logID) {\r\n if (logID) {\r\n let formData = new FormData();\r\n formData.append(\"CaseID\", logID);\r\n formData.append(\"DocumentLength\", this.document.length);\r\n if (this.document.length) {\r\n let p: number = 0;\r\n for (let val of this.document) {\r\n formData.append(\"Document\" + p + \"\", val);\r\n p = p + 1;\r\n }\r\n } if (this.sectionPlaneDoc.length) {\r\n for (let val of this.sectionPlaneDoc) {\r\n formData.append(\"sectionPlaneDoc\", val);\r\n }\r\n } if (this.ApprovelDoc.length) {\r\n for (let val of this.ApprovelDoc) {\r\n formData.append(\"ApprovelDoc\", val);\r\n }\r\n }\r\n console.log('Data', formData);\r\n this.ngxService.start();\r\n ApiService.UpdateDocument(formData).then((responce: any) => {\r\n if (responce.status === 200) {\r\n Swal.fire('Thanks...', 'Case Created Successfully', 'success');\r\n this.router.navigate([\"Home\"]);\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong in document update please try again!', 'error');\r\n });\r\n }\r\n } */\r\n onCaseChange(e: any) {\r\n \r\n this.radioSelected=\"Billing\"\r\n e.target.value;\r\n if(e.target.value==\"Select\"||e.target.value==\"\"){\r\n Swal.fire('Oops...', 'Please select case type!', 'warning');\r\n this.IsExtraFeeShow=false;\r\n this.IsconvFeeShow=false;\r\n this.IstotalFeeShow=false;\r\n this.IsapprovalShow=false;\r\n this.IscontactnoShow=false;\r\n this.IsFeeShow=false;\r\n this.IsdocShow=false;\r\n this.IsFeecase=false;\r\n }else{\r\n if (this.selectedBankValue && this.casetype && this.session.UserID) {\r\n const val: IcaseFee = {\r\n CaseTypeID: this.casetype,\r\n LoginID: this.session.UserID,\r\n BankID: this.selectedBankValue,\r\n ZoneID: \"\",\r\n BranchID: \"\",\r\n VerticalID: \"\"\r\n }\r\n this.ngxService.start();\r\n ApiService.CaseFee(val).then((responce: any) => {\r\n \r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data != \"\") {\r\n this.IsFeeShow = true;\r\n this.IsExtraFeeShow=true;\r\n this.IsconvFeeShow=true;\r\n this.IstotalFeeShow=true;\r\n this.IsapprovalShow=true;\r\n this.IscontactnoShow=true;\r\n this.IsdocShow=true;\r\n this.IsFeecase=true;\r\n this.CaseFee = responce.data;\r\n this.TotalFee = ((+this.Conveyance) + (+this.CaseFee) + (+this.ExtraFee)).toString();\r\n } else {\r\n // this.router.navigate([\"Home\"]);\r\n Swal.fire('Oops...', 'Before Create Case Update Bank Case Fees!', 'warning');\r\n this.casetype=\"Select\";\r\n this.IsExtraFeeShow=false;\r\n this.IsconvFeeShow=false;\r\n this.IstotalFeeShow=false;\r\n this.IsapprovalShow=false;\r\n this.IscontactnoShow=false;\r\n this.IsFeeShow=false;\r\n this.IsdocShow=false;\r\n this.IsFeecase=false;\r\n }\r\n }\r\n }).catch((e: any) => {\r\n console.log(\"Getting Error in onCaseChange\");\r\n Swal.fire('Oops...', 'something went wrong', 'error');\r\n });\r\n }\r\n }\r\n }\r\n\r\n onStateChange(e: any) {\r\n const p = e.target.value;\r\n const sk = this.selectedState\r\n if (this.selectedState) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: \"\",\r\n LocID: \"\",\r\n GetType: \"City\",\r\n }\r\n this.getCityLocation(val);\r\n }\r\n }\r\n onCityChange(e: any) {\r\n const p = e.target.value;\r\n if (this.selectedCity) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: \"\",\r\n GetType: \"Location\",\r\n }\r\n this.getCityLocation(val);\r\n }\r\n }\r\n onLocationChange(e) {\r\n const p = e.target.value;\r\n this.locationChangeFUnction();\r\n }\r\n locationChangeFUnction() {\r\n if (this.selectedLocality) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"SubLocation\",\r\n }\r\n const valEng: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"Engineer\",\r\n }\r\n const valSup: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"Sup\",\r\n }\r\n this.getCityLocation(val);\r\n this.getCityLocation(valEng);\r\n this.getCityLocation(valSup);\r\n }\r\n }\r\n locationChangeFUnctionOldCase() {\r\n if (this.selectedLocality) {\r\n const val: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"SubLocation\",\r\n }\r\n const valEng: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"Engineer\",\r\n }\r\n const valSup: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"Sup\",\r\n }\r\n this.getCityLocationOldCase(val);\r\n this.getCityLocationOldCase(valEng);\r\n this.getCityLocationOldCase(valSup);\r\n }\r\n }\r\n onSubLocationChange(e) {\r\n const valPinCode: IGetCityLocation = {\r\n StateID: this.selectedState,\r\n CityID: this.selectedCity,\r\n LocID: this.selectedLocality,\r\n GetType: \"pincode\",\r\n }\r\n this.getCityLocation(valPinCode);\r\n }\r\n onBankChange(e: any) {\r\n \r\n const newVal = this.getSelectedBankByName(e.target.value);\r\n const val = newVal.AttributeID;\r\n this.selectedBankValue = val;\r\n this.BranchText = \"\";\r\n this.BranchPersonText = \"\";\r\n this.selectedValuationValue = \"Select\";\r\n if (val) {\r\n this.GetBranchDetails(val, false);\r\n }\r\n this.getValuationDetailsDynamically(newVal);\r\n }\r\n getValuationDetailsDynamically(data: any) {\r\n const osv = data.OSV;\r\n const ftv = data.FTV;\r\n if (osv == \"T\") {\r\n this.selectedValuationValue = \"1\";\r\n } if (ftv == \"T\") {\r\n this.selectedValuationValue = \"2\";\r\n }\r\n this.valuationChange();\r\n }\r\n\r\n onBranchChange(e) {\r\n \r\n const p = e.target.value;\r\n const BranchVal = this.getSelectedBranchByName(e.target.value);\r\n const BankID = this.selectedBankValue;\r\n this.selectedBranchValue = BranchVal.AttributeID;\r\n if (this.selectedBranchValue) {\r\n this.BranchPersonText='';\r\n this.GetBranchPersonDetails(BankID, this.selectedBranchValue, false);\r\n }\r\n }\r\n onBranchPersonChange(e) {\r\n const BranchPersonVal = this.getBranchPersoneValue(e.target.value);\r\n this.selectedBranchPersonValue = BranchPersonVal.AttributeID;\r\n }\r\n onEngChange(e) {\r\n \r\n const Val = this.getEngValue(e.target.value);\r\n if(e.target.value==\"\")\r\n {this.selectedEngvalue=\"0\";}\r\n else{ this.selectedEngvalue = Val.AttributeID;}\r\n \r\n }\r\n onSupChange(e) {\r\n const Val = this.getSupValue(e.target.value);\r\n if(e.target.value==\"\")\r\n {this.selectedSupvalue=\"0\";}\r\n else{\r\n this.selectedSupvalue = Val.AttributeID;\r\n }\r\n }\r\n getEngValue(selectedName: string) {\r\n return this.valEngineer.find(val => val.AttributeName === selectedName);\r\n }\r\n getSupValue(selectedName: string) {\r\n return this.valSup.find(val => val.AttributeName === selectedName);\r\n }\r\n getBranchPersoneValue(selectedName: string) {\r\n return this.BranchPersonDetail.find(val => val.AttributeName === selectedName);\r\n }\r\n getSelectedBankByName(selectedName: string) {\r\n return this.BankDetail.find(val => val.AttributeName === selectedName);\r\n }\r\n getSelectedBranchByName(selectedName: string) {\r\n return this.BranchDetail.find(val => val.AttributeName === selectedName);\r\n }\r\n getCityLocation(val: IGetCityLocation) {\r\n\r\n this.ngxService.start();\r\n ApiService.GetCityLocation(val).then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n if (val.GetType === \"City\") {\r\n this.CityVal = responce.data.DATA;\r\n }\r\n else if (val.GetType === \"Location\") {\r\n this.LocationVal = responce.data.DATA;\r\n }\r\n else if (val.GetType === \"SubLocation\") {\r\n this.SubLocationVal = responce.data.DATA;\r\n }\r\n else if (val.GetType === \"pincode\") {\r\n if (responce.data.DATA) {\r\n console.log(\"Getting Error in pinCode\", responce.data.DATA[0]);\r\n this.PinCode = responce.data.DATA[0].AttributeName;\r\n }\r\n console.log(this.PinCode);\r\n }\r\n else if (val.GetType === \"Engineer\") {\r\n this.valEngineer = responce.data.DATA;\r\n console.log(\"Getting Error in engVal\");\r\n if (this.isEditCase) {\r\n const engVal = this.valEngineer.find(val => val.AttributeID === this.editCaseDetail.Allocated_To);\r\n console.log(\"Getting Error in engVal\", engVal);\r\n if (engVal) {\r\n this.AssignToText = engVal.AttributeName;\r\n }\r\n }\r\n }\r\n else if (val.GetType === \"Sup\") {\r\n this.valSup = responce.data.DATA;\r\n console.log(\"Getting Error in supVal1\");\r\n if (this.isEditCase) {\r\n const supVal = this.valSup.find(val => val.AttributeID === this.selectedSupvalue);\r\n console.log(\"Getting Error in supVal\", supVal);\r\n if (supVal) {\r\n this.supToText = supVal.AttributeName;\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error in getCityLocation\");\r\n Swal.fire('Oops...', 'something went wrong', 'error');\r\n });\r\n }\r\n getCityLocationOldCase(val: IGetCityLocation) {\r\n\r\n this.ngxService.start();\r\n ApiService.GetCityLocation(val).then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n if (val.GetType === \"City\") {\r\n this.CityVal = responce.data.DATA;\r\n }\r\n else if (val.GetType === \"Location\") {\r\n this.LocationVal = responce.data.DATA;\r\n }\r\n else if (val.GetType === \"SubLocation\") {\r\n this.SubLocationVal = responce.data.DATA;\r\n }\r\n else if (val.GetType === \"pincode\") {\r\n if (responce.data.DATA) {\r\n console.log(\"Getting Error in pinCode\", responce.data.DATA[0]);\r\n this.PinCode = responce.data.DATA[0].AttributeName;\r\n }\r\n console.log(this.PinCode);\r\n }\r\n else if (val.GetType === \"Engineer\") {\r\n this.valEngineer = responce.data.DATA;\r\n console.log(\"Getting Error in engVal\");\r\n }\r\n else if (val.GetType === \"Sup\") {\r\n this.valSup = responce.data.DATA;\r\n console.log(\"Getting Error in supVal1\"); \r\n }\r\n }\r\n }\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error in getCityLocation\");\r\n Swal.fire('Oops...', 'something went wrong', 'error');\r\n });\r\n }\r\n getState(val: string) {\r\n this.ngxService.start();\r\n ApiService.GetMaster(val).then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n if (val === \"State\") {\r\n this.state = responce.data.DATA;\r\n }\r\n if (val === \"Documents\") {\r\n if (responce.data.DATA) {\r\n if (responce.data.DATA.length > 0) {\r\n for (const value of responce.data.DATA) {\r\n let docVal = {\r\n id: Number(value.AttributeID),\r\n text: value.AttributeName\r\n }\r\n this.dropdownList1.push(docVal);\r\n }\r\n this.dropdownList = this.dropdownList1;\r\n if (this.isEditCase) {\r\n console.log(\"this is edit case\");\r\n\r\n }\r\n }\r\n }\r\n }\r\n if (val === \"CaseType\") {\r\n this.LoadCaseType = responce.data.DATA;\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error in getState\");\r\n Swal.fire('Oops...', 'something went wrong', 'error');\r\n });\r\n }\r\n bindDropdownOnEdit() {\r\n try {\r\n setTimeout(() => {\r\n if (this.editCaseDetail.Documents) {\r\n const item = this.editCaseDetail.Documents;\r\n const valArray = item.split(',')\r\n for (const valItem in valArray) {\r\n const supVal = this.dropdownList.find(value => value.id === +(valArray[valItem]));\r\n if (supVal) {\r\n this.newSelectedItems.push(supVal)\r\n }\r\n }\r\n this.selectedItems = this.newSelectedItems;\r\n }\r\n }, 3000);\r\n }\r\n catch (error) {\r\n console.log(\"Error IS \", error);\r\n }\r\n }\r\n GetBankDetails() {\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: \"\",\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Bank\",\r\n }\r\n this.ngxService.start();\r\n ApiService.GetBankDetails(p).then((responce: any) => {\r\n\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.BankDetail = responce.data.DATA;\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetBankDetails\");\r\n Swal.fire('Oops...', 'something went wrong', 'error');\r\n });\r\n }\r\n \r\n GetUsageDataNew(){\r\n this.propertyTypeNEw=\"Select\";\r\n this.GetUsageData(\"Usage\")\r\n }\r\n GetUsageDataNewpro(){\r\n this.propertyTypeNEw=\"Select\";\r\n this.GetUsageData(\"propertytype\")\r\n }\r\n GetUsageData(e: any) {\r\n \r\n this.ngxService.start();\r\n let val: IUsage;\r\n let callAPI: boolean = true;\r\n if (e == \"Usage\") {\r\n val = {\r\n CaseID: \" \",\r\n type: \"Usage\",\r\n ID: \"\"\r\n }\r\n } else {\r\n if (this.DDlUsage == \"Select\") {\r\n callAPI = false;\r\n }\r\n val = {\r\n CaseID: \"\",\r\n type: \"propertytype\",\r\n ID: this.DDlUsage\r\n }\r\n }\r\n if (callAPI) { \r\n ApiService.GetUsageData(val).then((responce: any) => {\r\n \r\n if (responce.status == 200) { \r\n if (responce.data) {\r\n if (e == \"Usage\") {\r\n this.DDLUsageData = responce.data.MasterData;\r\n } else {\r\n this.DDLPropertyData = responce.data.MasterData;\r\n let p=this.propertyTypeNEw;\r\n this.DDlPropertyType = this.propertyTypeNEw;\r\n this.showMultidropDown();\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n // Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n console.log(\"Error In GetUsageData\",JSON.stringify(val))\r\n });\r\n }\r\n }\r\n showMultidropDown() {\r\n if (this.DDlUsage == \"5\") {\r\n $('#ddlPropertyType').attr('multiple', 'multiple');\r\n $('#ddlPropertyType').attr('title', 'You can select multiple value using CTRL+value');\r\n } else {\r\n $('#ddlPropertyType').removeAttr('multiple');\r\n $('#ddlPropertyType').removeAttr('title');\r\n }\r\n if (this.propertyTypeNEw != \"Select\") {\r\n\r\n var dataarray = this.propertyTypeNEw.split(\",\");\r\n $('#ddlPropertyType').val(dataarray);\r\n $('#ddlPropertyType').multiselect(\"refresh\");\r\n }\r\n }\r\n\r\n\r\n GetBranchPersonDetails(bankID: string, BranchID: string, isEdit: boolean) {\r\n \r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: bankID,\r\n BranchID: BranchID,\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Person\",\r\n }\r\n this.ngxService.start();\r\n \r\n ApiService.GetBankDetails(p).then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.BranchPersonDetail = responce.data.DATA;\r\n if (isEdit && !this.selectedOldCase) {\r\n const BankText = this.BranchPersonDetail.find(val => val.AttributeID === this.editCaseDetail.Branch_person);\r\n this.BranchPersonText = BankText.AttributeName;\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In GetBranchPersonDetails\");\r\n Swal.fire('Oops...', 'something went wrong', 'error');\r\n });\r\n }\r\n GetBranchDetails(BankID: string, isEdit: boolean) {\r\n let p: IBankDetail = {\r\n userid: this.session.UserID,\r\n BankID: BankID,\r\n BranchID: \"\",\r\n RoleID: this.session.getRoleID,\r\n GetType: \"Branch\",\r\n }\r\n this.ngxService.start();\r\n \r\n ApiService.GetBankDetails(p).then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.BranchDetail = responce.data.DATA;\r\n if (isEdit) {\r\n const branchText = this.BranchDetail.find(val => val.AttributeID === this.selectedBranchValue);\r\n this.BranchText = branchText.AttributeName;\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Get Error In GetBranchDetails\");\r\n Swal.fire('Oops...', 'something went wrong', 'error');\r\n });\r\n }\r\n onItemSelect(item: any) {\r\n let p = this.selectedItems.length;\r\n console.log(item);\r\n }\r\n onSelectAll(items: any) {\r\n console.log(items);\r\n }\r\n onDeSelect(items: any) {\r\n this.deleteMsg(items.id)\r\n }\r\n deleteMsg(msg: string) {\r\n }\r\n HideModel() {\r\n this.IsPopUp = false;\r\n }\r\n checkValue(e: any) {\r\n const val = e.currentTarget.value;\r\n this.IsPopUp = false;\r\n if (val) {\r\n this.selectedOldCase = true;\r\n this.GetEditOldCaseDetail(val);\r\n }\r\n console.log(e);\r\n }\r\n searchOldCases() {\r\n \r\n this.ngxService.start();\r\n let val: searchOldCases = {\r\n Applicant_Name: this.applicantName,\r\n Property_No: this.propertyNo,\r\n Building_No: this.BuildingName,\r\n Street_Sector: this.Streat,\r\n Land_mark: this.landmark,\r\n City: this.selectedCity,\r\n Contact_Persion_Mob1: this.MOb1,\r\n Contact_Persion_Mob2: this.MOb2\r\n }\r\n let p: boolean = false;\r\n if (this.applicantName != \"\" || this.propertyNo != \"\" || this.BuildingName != \"\" || this.Streat != \"\" || this.landmark != \"\" || this.selectedCity != \"Select\" || this.MOb1 != \"\" || this.MOb2 != \"\") {\r\n p = true;\r\n if (this.selectedCity == \"Select\") {\r\n val.City = \"\";\r\n } \r\n }\r\n if (p) {\r\n ApiService.SearchOldCases(val).then((responce: any) => { \r\n \r\n this.HeaderText = \"Please Select Case\";\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.IsPopUp = true;\r\n this.GridOldCases = responce.data.DATA;\r\n } else {\r\n Swal.fire('Oops...', 'No Data Found!', 'warning');\r\n }\r\n }\r\n else{\r\n Swal.fire( 'No Data Found!', 'warning');\r\n // this.IsPopUp = true;\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'something went wrong', 'error');\r\n });\r\n }\r\n else {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'please add at least one value', 'warning');\r\n }\r\n }\r\n}\r\n\r\n\r\n","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
- \\r\\n Allocation\\r\\n
\\r\\n \\r\\n \\r\\n
- \\r\\n Review\\r\\n
\\r\\n \\r\\n \\r\\n
- \\r\\n Area Details\\r\\n
\\r\\n \\r\\n \\r\\n
- \\r\\n Published\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n | Case UID | \\r\\n {{element.CaseUID}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Name | \\r\\n {{element.Name}} | \\r\\n \\r\\n \\r\\n \\r\\n Mobile | \\r\\n {{element.Mobile}} | \\r\\n \\r\\n \\r\\n \\r\\n Bank | \\r\\n {{element.Bank}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Location | \\r\\n {{element.Location}} | \\r\\n \\r\\n \\r\\n \\r\\n Case Action | \\r\\n {{element.CaseStatus}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Engineer Status | \\r\\n {{element.Engstatus}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n CR.Date | \\r\\n {{element.CrDate}} | \\r\\n \\r\\n \\r\\n \\r\\n Action | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n \\r\\n \\r\\n |
\\r\\n |
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n | Case UID | \\r\\n {{element.CaseUID}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Name | \\r\\n {{element.Name}} | \\r\\n \\r\\n \\r\\n \\r\\n Mobile | \\r\\n {{element.Mobile}} | \\r\\n \\r\\n \\r\\n \\r\\n Bank | \\r\\n {{element.Bank}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Location | \\r\\n {{element.Location}} | \\r\\n \\r\\n \\r\\n \\r\\n Case Action | \\r\\n {{element.CaseStatus}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Engineer | \\r\\n {{element.Engineer}} | \\r\\n \\r\\n \\r\\n \\r\\n Supervisor | \\r\\n {{element.supervisor}} | \\r\\n \\r\\n \\r\\n \\r\\n Status Remark | \\r\\n {{element.StatusRemark}} | \\r\\n \\r\\n \\r\\n \\r\\n Eng Status | \\r\\n {{element.Engstatus}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n CR.Date | \\r\\n {{element.CrDate}} | \\r\\n \\r\\n \\r\\n \\r\\n Action | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n \\r\\n \\r\\n |
\\r\\n |
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n | Case UID | \\r\\n {{element.CaseUID}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Name | \\r\\n {{element.Name}} | \\r\\n \\r\\n \\r\\n \\r\\n Mobile | \\r\\n {{element.Mobile}} | \\r\\n \\r\\n \\r\\n \\r\\n Bank | \\r\\n {{element.Bank}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Location | \\r\\n {{element.Location}} | \\r\\n \\r\\n \\r\\n \\r\\n Case Action | \\r\\n {{element.CaseStatus}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Engineer | \\r\\n {{element.Engineer}} | \\r\\n \\r\\n \\r\\n \\r\\n Supervisor | \\r\\n {{element.supervisor}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n CR.Date | \\r\\n {{element.CrDate}} | \\r\\n \\r\\n \\r\\n \\r\\n QC Date | \\r\\n {{element.QCDATE}} | \\r\\n \\r\\n \\r\\n \\r\\n Action | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n \\r\\n \\r\\n |
\\r\\n |
\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n | Case UID | \\r\\n {{element.caseuid}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Name | \\r\\n {{element.appname}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Bank | \\r\\n {{element.bank}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Location | \\r\\n {{element.location}} | \\r\\n \\r\\n \\r\\n \\r\\n Case Type | \\r\\n {{element.casetype}} | \\r\\n \\r\\n \\r\\n \\r\\n Valuation Type | \\r\\n {{element.valuationtype}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Engineer | \\r\\n {{element.Allocated_To}} | \\r\\n \\r\\n \\r\\n \\r\\n Reopen Remark | \\r\\n {{element.Case_Reopen_Remarks}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n CR.Date | \\r\\n {{element.crdate}} | \\r\\n \\r\\n \\r\\n \\r\\n Action | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n \\r\\n \\r\\n |
\\r\\n |
\\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\"","import { Component, OnInit, Renderer2, ElementRef, Directive,ViewChild } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { ApiService } from '../service/service';\r\nimport { SessionService } from '../service/sessionGlobalVar';\r\nimport { IGridInput, IGetCityLocation, IUpdateStatus, getStage, IsendMail,IsgetMail } from '../service/type'\r\nimport { NgxUiLoaderService } from 'ngx-ui-loader';\r\nimport {MatPaginator,MatTableDataSource,MatSort,Sort} from '@angular/material';\r\nimport Swal from 'sweetalert2';\r\nimport * as Excel from 'exceljs/dist/exceljs.min.js';\r\nimport * as FileSaver from 'file-saver';\r\nimport { DomSanitizer } from '@angular/platform-browser';\r\ndeclare const $: any;\r\n@Component({\r\n selector: 'app-home',\r\n templateUrl: './home.component.html',\r\n styleUrls: []\r\n})\r\n/* @Directive({\r\n selector: '[rootSelecter]'\r\n}) */\r\n\r\nexport class HomeComponent implements OnInit {\r\n GridDetail: [];\r\n GridPublish: [];\r\n GridReview: [];\r\n NewMainGrid: any;\r\n isShowAllocation: boolean = true;\r\n isShowReview: boolean;\r\n isShowPublish: boolean;\r\n isnewReview: boolean = false;\r\n IsEditStatus: boolean = false;\r\n datatablerefersh:boolean=true;\r\n valEngineer: any;\r\n status: any;\r\n selectedStatus: string = \"0\";\r\n selectedEngvalue: string = \"\";\r\n selectedSupvalue:string=\"\";\r\n HeaderText: string;\r\n IsDocument: boolean = false;\r\n Isasign:boolean=false;\r\n Component1Variable: string = \"Component1VariableSent\";\r\n logID: string;\r\n inputRemark: string = \"\";\r\n msgType: string;\r\n updatedFiles: any;\r\n typeOfStage: string;\r\n sanctionPlanDoc: any;\r\n caseID: string;\r\n IsSendMailModel: boolean = false;\r\n sendMailForm: string;\r\n SendBranchPerson: string;\r\n SendBranchPersonemail:string;\r\n MailSubject: string;\r\n MailBody: string;\r\n mailBankID:string;\r\n typed:string;\r\n valSup: any = \"\";\r\n getdocurl :any;\r\n quiid:string;\r\n displayedColumnsAllocation: string[] = ['CaseUID', 'name','mobileno', 'Bank', 'Location','CaseAction','EngineerStatus','CRDate','Action'];\r\n displayedColumnsReview: string[] = ['CaseUID', 'name','mobileno', 'Bank', 'Location','CaseAction','Engineer','supervisor','StatusRemark','engstatus','CRDate','Action'];\r\n displayedColumnsPublish: string[] = ['CaseUID', 'name','mobileno', 'Bank', 'Location','CaseAction','Engineer','supervisor','CRDate','qcdate','Action'];\r\n displayedColumnsAreaDetail: string[] = ['CaseUID', 'name', 'Bank', 'Location','CaseAction','ValuationType','Engineer','reopenremark','CRDate','Action'];\r\n\r\n dataSourceAllocation = new MatTableDataSource;\r\n dataSourceReview=new MatTableDataSource;\r\n dataSourcePublish=new MatTableDataSource;\r\n dataSourceAreaDetail=new MatTableDataSource;\r\n fileUrl: any;\r\n applyFilter(filterValue: string) {\r\n this.dataSourceAllocation.filter = filterValue.trim().toLowerCase();\r\n this.dataSourceReview.filter = filterValue.trim().toLowerCase();\r\n this.dataSourcePublish.filter = filterValue.trim().toLowerCase();\r\n this.dataSourceAreaDetail.filter = filterValue.trim().toLowerCase();\r\n }\r\n \r\n @ViewChild(MatPaginator) paginator: MatPaginator;\r\n @ViewChild(MatSort) sort: MatSort;\r\n constructor(private router: Router, private service: ApiService, private session: SessionService, private ngxService: NgxUiLoaderService, private renderer: Renderer2, private el: ElementRef,private sanitizer: DomSanitizer) {\r\n \r\n /* if (val) {\r\n if (+val == 7) {\r\n this.router.navigate([\"BankCaseDetails\"]);\r\n }\r\n else if (+val == 3 || +val == 10) {\r\n this.quiid=\"1\";\r\n this.getMainGridData(\"1\");\r\n } else if (+val == 5 || +val==11) {\r\n this.router.navigate([\"SupHome\"]);\r\n } else if (+val == 13) {\r\n this.router.navigate([\"RegionalOffice\"]);\r\n }\r\n } */\r\n }\r\n ngOnInit() {\r\n debugger;\r\n /* const p = this.el.nativeElement;\r\n this.renderer.addClass(this.el.nativeElement, 'abc'); */\r\n let val = localStorage.getItem(\"roleID\");\r\n const adoff=localStorage.getItem(\"AdroitOffice\");\r\n if (val) {\r\n if (+val == 7) {\r\n this.router.navigate([\"BankCaseDetails\"]);\r\n }\r\n else if (+val == 22) {\r\n this.router.navigate([\"BankCaseDetails\"]);\r\n }\r\n else if (+val == 3 || +val == 10 || +val == 24) {\r\n // if(+adoff==1 || +adoff==39){\r\n if(+adoff!=0){\r\n this.router.navigate([\"ReportAnalysis\"]);\r\n }else{}\r\n this.quiid=\"1\";\r\n this.getMainGridData(\"1\");\r\n } else if (+val == 5 || +val==11) {\r\n this.router.navigate([\"SupHome\"]);\r\n }\r\n else if (+val == 13) {\r\n this.router.navigate([\"RegionalOffice\"]);\r\n }\r\n }\r\n }\r\n logDetail(e) {\r\n this.logID = e;\r\n if (this.logID) {\r\n this.router.navigate([\"/logDetails\", { id: this.logID }]);\r\n }\r\n }\r\n\r\n openInNewTab(href: any) {\r\n Object.assign(document.createElement('a'), {\r\n target: '_blank',\r\n href,\r\n }).click();\r\n }\r\n base64toPDF(data:string) {\r\n var bufferArray = this.base64ToArrayBuffer(data);\r\n var blobStore = new Blob([bufferArray], { type: \"application/pdf\" });\r\n /* if (window.navigator && window.navigator.msSaveOrOpenBlob) {\r\n window.navigator.msSaveOrOpenBlob(blobStore);\r\n \r\n return;\r\n } */\r\n var data = window.URL.createObjectURL(blobStore);\r\n // this.fileUrl = this.sanitizer.bypassSecurityTrustResourceUrl(window.URL.createObjectURL(blobStore));\r\n window.open(data);\r\n}\r\n\r\n base64ToArrayBuffer(data:any) {\r\n var bString = window.atob(data);\r\n var bLength = bString.length;\r\n var bytes = new Uint8Array(bLength);\r\n for (var i = 0; i < bLength; i++) {\r\n var ascii = bString.charCodeAt(i);\r\n bytes[i] = ascii;\r\n }\r\n return bytes;\r\n};\r\npublishView(e: any){\r\n let data = e;\r\n let val = {\r\n CaseID:data\r\n }\r\n ApiService.ViewReport(val).then((responce: any) => {\r\n if (responce.status === 200) {\r\n debugger;\r\n if(responce.data.status==\"202\"){\r\n this.openInNewTab(responce.data.data1);\r\n }\r\n else {\r\n this.base64toPDF(responce.data.Data);\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n}\r\n \r\n encrypt(key) {\r\n var result = \"\";\r\n const value = \"b89d20fcabec4256b80c68a633f1d9e1\";\r\n for (let i = 0; i < value.length; ++i) {\r\n result += String.fromCharCode(key[i % key.length] ^ value.charCodeAt(i));\r\n }\r\n return result;\r\n }\r\n PublishReopen(e) {\r\n this.HeaderText = \"Update Action\";\r\n this.logID = e;\r\n if (this.logID) {\r\n this.getStage();\r\n this.IsEditStatus = true;\r\n this.IsDocument = false;\r\n this.msgType = \"Case status changed from Publish\";\r\n }\r\n }\r\n HideModelsendMail(){\r\n this.IsSendMailModel = false;\r\n }\r\n sendReminderUpdate(e) {\r\n \r\n const val: IsendMail = {\r\n caseId : this.caseID,\r\n EmailTo: this.sendMailForm,\r\n Sublect: this.MailSubject,\r\n ApplicantName: this.SendBranchPerson,\r\n Body: this.MailBody,\r\n LoginID: this.session.UserID,\r\n BankID: this.mailBankID,\r\n type:\"update\"\r\n }\r\n this.ngxService.start();\r\n \r\n ApiService.MailReminderUpdate(val).then((responce: any)=>{\r\n \r\n if (responce.status === 200) {\r\n Swal.fire('Thanks', responce.data.EmailTo, 'success');\r\n this.getMainGridData(this.quiid);\r\n this.IsSendMailModel = false;\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n \r\n }\r\n\r\n sendReminder(e: any) {\r\n \r\n this.IsSendMailModel = true;\r\n const val: IsgetMail = {\r\n caseid : e,\r\n type:\"get\"\r\n }\r\n this.caseID = e;\r\n ApiService.GetMailReminderValue(val).then((responce: any) => {\r\n \r\n if (responce.status === 200) {\r\n let val = responce.data;\r\n let sender=localStorage.getItem(\"Senderemail\");\r\n this.sendMailForm = val.EmailTo;\r\n this.SendBranchPerson = val.ApplicantName;\r\n this.SendBranchPersonemail=sender;\r\n this.MailSubject = val.Sublect;\r\n this.MailBody = val.Body;\r\n this.mailBankID=val.BankID\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n\r\n\r\n document(e) {\r\n this.logID = e.currentTarget.parentElement.firstElementChild.value;\r\n alert(\"Documnt\");\r\n }\r\n \r\n editCase(e) {\r\n this.logID = e;\r\n const val = window.btoa(this.logID);\r\n if (this.logID) {\r\n this.router.navigate([\"/Casecreation\", { id: val }]);\r\n }\r\n }\r\n HideModel() {\r\n this.IsEditStatus = false;\r\n }\r\n\r\n AreaDetailsCase(e) { \r\n this.logID = e;\r\n const val = window.btoa(this.logID);\r\n if (this.logID) {\r\n this.router.navigate([\"/AreaDetails\", { id: val }]);\r\n }\r\n }\r\n\r\n editStatusAllocation(e) {\r\n this.HeaderText = \"Update Action\";\r\n this.logID = e;\r\n if (this.logID) {\r\n this.getStage();\r\n this.IsEditStatus = true;\r\n this.IsDocument = false;\r\n this.msgType = \"Case status changed from Allocation\";\r\n }\r\n }\r\n editStatusReview(e) {\r\n this.HeaderText = \"Update Action\";\r\n this.logID = e;\r\n if (this.logID) {\r\n this.getStage();\r\n this.IsEditStatus = true;\r\n this.IsDocument = false;\r\n this.msgType = \"Case status changed from Review\";\r\n }\r\n }\r\nonchangestatussup(e: any){\r\n \r\n if (this.selectedStatus==\"40\"){\r\n const val: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: \"\",\r\n LocID: \"\",\r\n GetType: \"Engineer\",\r\n }\r\n this.getCityLocation(val);\r\n}else\r\n{\r\n const val: IGetCityLocation = {\r\n StateID: this.session.UserID,\r\n CityID: \"\",\r\n LocID: \"\",\r\n GetType: \"Sup\",\r\n }\r\n this.getCityLocation(val);\r\n}\r\n\r\n}\r\n updateStatus() {\r\n \r\n if (this.logID) {\r\n if (this.selectedStatus == \"0\" || this.selectedStatus == \"\") {\r\n Swal.fire('Oops...', 'Please Select Action Type!', 'warning');\r\n } \r\n else if (this.selectedEngvalue == \"\" && (this.selectedStatus==\"40\" || this.selectedStatus==\"48\")) {\r\n Swal.fire('Oops...', 'Please Select user.!', 'warning');\r\n } else {\r\n const val: IUpdateStatus = {\r\n Case_id: this.logID,\r\n CaseStatus: this.selectedStatus,\r\n statusRemark: this.inputRemark,\r\n Assignto: this.selectedEngvalue,\r\n Message: this.msgType,\r\n LoginID: this.session.UserID\r\n }\r\n this.ngxService.start();\r\n \r\n ApiService.UpdateStatus(val).then((responce: any) => {\r\n \r\n if (responce.status === 200) {\r\n this.IsEditStatus = false;\r\n this.selectedStatus = \"0\";\r\n this.selectedEngvalue = \"\";\r\n this.inputRemark = \"\";\r\n Swal.fire('Success', 'Status Updated Sucessfully', 'success');\r\n this.getMainGridData(this.quiid);\r\n \r\n \r\n if (responce.data) {\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong in status Update!', 'error');\r\n });\r\n }\r\n }\r\n }\r\n handleFileSelect(evt) {\r\n this.updatedFiles = evt.target.files;\r\n };\r\n handleSanctionPlanDoc(evt) {\r\n this.sanctionPlanDoc = evt.target.files;\r\n }\r\n updateDocument() {\r\n \r\n if (this.logID) {\r\n if (this.sanctionPlanDoc || this.updatedFiles) {\r\n \r\n let formData = new FormData();\r\n if (this.updatedFiles) {\r\n for (let val of this.updatedFiles) {\r\n formData.append(\"CaseID\", this.logID);\r\n formData.append(\"imgname\", val.name);\r\n formData.append(\"files\", val);\r\n }\r\n }\r\n if (this.sanctionPlanDoc) {\r\n formData.append(\"CaseID\", this.logID);\r\n formData.append(\"imgname\", this.sanctionPlanDoc[0].name);\r\n formData.append(\"files\", this.sanctionPlanDoc[0]);\r\n }\r\n \r\n this.ngxService.start();\r\n ApiService.UpdateDocument(formData).then((responce: any) => {\r\n \r\n \r\n if (responce.status === 200) {\r\n this.IsEditStatus = false;\r\n this.sanctionPlanDoc = undefined;\r\n this.updatedFiles = undefined;\r\n Swal.fire('Success...', 'Upload Document Sucessfully!', 'success');\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong in document update!', 'error');\r\n });\r\n } else {\r\n Swal.fire('Oops...', 'Please select atleast one document!', 'warning');\r\n }\r\n }\r\n }\r\nDeleteDoc(e){\r\n \r\n this.ngxService.start();\r\n let val = {\r\n Case_id: this.logID,\r\n Status: \"\",\r\n FilePath: e,\r\n Type: \"doc\",\r\n Message: \"\",\r\n LoginID: this.session.UserID\r\n }\r\n \r\n ApiService.DeleteDocument(val).then((responce: any) => {\r\n if (responce.status == 200) { \r\n this.IsEditStatus = false;\r\n Swal.fire('Success...', 'Delete Document Sucessfully!', 'success');\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n}\r\n\r\n addDoc(e) {\r\n \r\n this.logID = e;\r\n this.HeaderText = \"Upload Document\";\r\n if (this.logID) {\r\n this.IsEditStatus = true;\r\n this.IsDocument = true;\r\n this.ngxService.start();\r\n ApiService.SupSidebar(this.logID).then((responce: any) => {\r\n \r\n if (responce.status == 200) {\r\n if (responce.data) { \r\n this.getdocurl=responce.data.CaseDoc;\r\n for (const Dvalue in responce.data.CaseDoc) {\r\n \r\n let docValss = {\r\n url: this.getdocurl[Dvalue].url,\r\n name: this.getdocurl[Dvalue].name\r\n }\r\n this.getdocurl[Dvalue] = docValss;\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n }\r\n \r\n\r\n onSupChange(e) {\r\n const Val = this.getSupValue(e.target.value);\r\n this.selectedSupvalue = Val.AttributeID;\r\n }\r\n getSupValue(selectedName: string) {\r\n return this.valSup.find(val => val.AttributeName === selectedName);\r\n }\r\n onEngChange(e) {\r\n const Val = this.getEngValue(e.target.value);\r\n this.selectedEngvalue = Val.AttributeID;\r\n }\r\n getEngValue(selectedName: string) {\r\n return this.valEngineer.find(val => val.AttributeName === selectedName);\r\n }\r\n getCityLocation(val: IGetCityLocation) {\r\n \r\n this.ngxService.start();\r\n ApiService.GetCityLocation(val).then((responce: any) => {\r\n \r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.valEngineer = responce.data.DATA;\r\n \r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n getStatus(val: string) {\r\n this.ngxService.start();\r\n ApiService.GetMaster(val).then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.status = responce.data.DATA;\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n allocation(e) {\r\n \r\n this.quiid=\"1\";\r\n const review = document.getElementById(\"review-tab\");\r\n const publish = document.getElementById(\"publish-tab\");\r\n const allocation = document.getElementById(\"home-tab\");\r\n const Newreview = document.getElementById(\"Newreview-tab\");\r\n this.typeOfStage = \"allocation\";\r\n publish.classList.remove(\"active\");\r\n allocation.classList.add(\"active\");\r\n review.classList.remove(\"active\");\r\n Newreview.classList.remove(\"active\");\r\n this.isShowAllocation = true;\r\n this.isShowReview = false;\r\n this.isShowPublish = false;\r\n this.isnewReview = false;\r\n this.getMainGridData(\"1\");\r\n /* if (this.GridDetail) {\r\n if(this.datatablerefersh==false){\r\n this.getMainGridData(\"1\");\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#example1\").DataTable({\r\n destroy: true,\r\n searching: true,\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[50,100, -1], [50,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n }\r\n } */\r\n return false;\r\n }\r\n\r\n review(e) {\r\n \r\n this.quiid=\"2\";\r\n const review = document.getElementById(\"review-tab\");\r\n const publish = document.getElementById(\"publish-tab\");\r\n const allocation = document.getElementById(\"home-tab\");\r\n const Newreview = document.getElementById(\"Newreview-tab\");\r\n this.typeOfStage = \"review\";\r\n publish.classList.remove(\"active\");\r\n allocation.classList.remove(\"active\");\r\n Newreview.classList.remove(\"active\");\r\n review.classList.add(\"active\");\r\n this.isShowAllocation = false;\r\n this.isShowReview = true;\r\n this.isShowPublish = false;\r\n this.isnewReview = false;\r\n this.getMainGridData(\"2\");\r\n /* if (this.GridReview) {\r\n if(this.datatablerefersh==false){\r\n this.getMainGridData(\"2\");\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#example2\").DataTable({\r\n destroy: true,\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[50,100, -1], [50,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n }\r\n }\r\n else{\r\n this.datatablerefersh=true;\r\n this.getMainGridData(\"2\");\r\n } */\r\n return false;\r\n }\r\n NewgetMainGridData() {\r\n \r\n let val = {\r\n LoginID: this.session.UserID\r\n }\r\n this.ngxService.start();\r\n ApiService.GetSuperGridData(val).then((responce: any) => {\r\n if (responce.status == 200) {\r\n if (responce.data) {\r\n this.NewMainGrid = responce.data;\r\n this.dataSourceAreaDetail=new MatTableDataSource(responce.data);\r\n this.dataSourceAreaDetail.paginator = this.paginator; \r\n this.dataSourceAreaDetail.sort = this.sort; \r\n \r\n }\r\n /* if(this.datatablerefersh==true){\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#supGrid\").DataTable({\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[50,100, -1], [50,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n } */\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n NewGrid(e) {\r\n\r\n const review = document.getElementById(\"review-tab\");\r\n const publish = document.getElementById(\"publish-tab\");\r\n const allocation = document.getElementById(\"home-tab\");\r\n const Newreview = document.getElementById(\"Newreview-tab\");\r\n this.typeOfStage = \"Newreview\";\r\n\r\n publish.classList.remove(\"active\");\r\n allocation.classList.remove(\"active\");\r\n review.classList.remove(\"active\");\r\n Newreview.classList.add(\"active\");\r\n\r\n this.isShowAllocation = false;\r\n this.isShowReview = false;\r\n this.isShowPublish = false;\r\n this.isnewReview = true;\r\n this.NewgetMainGridData();\r\n /* if (this.NewMainGrid) {\r\n // this.getMainGridData(\"3\");\r\n if(this.datatablerefersh==false){\r\n this.NewgetMainGridData();\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#supGrid\").DataTable({\r\n destroy: true,\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[50,100, -1], [50,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n }\r\n }\r\n else{\r\n this.datatablerefersh=true;\r\n this.NewgetMainGridData();\r\n } */\r\n return false;\r\n \r\n }\r\n publish(e) {\r\n this.quiid=\"3\";\r\n const review = document.getElementById(\"review-tab\");\r\n const publish = document.getElementById(\"publish-tab\");\r\n const allocation = document.getElementById(\"home-tab\");\r\n const Newreview = document.getElementById(\"Newreview-tab\");\r\n this.typeOfStage = \"publish\";\r\n publish.classList.add(\"active\");\r\n allocation.classList.remove(\"active\");\r\n review.classList.remove(\"active\");\r\n Newreview.classList.remove(\"active\");\r\n\r\n this.isShowAllocation = false;\r\n this.isShowReview = false;\r\n this.isShowPublish = true;\r\n this.isnewReview = false;\r\n this.getMainGridData(\"3\");\r\n /* if (this.GridPublish) {\r\n this.getMainGridData(\"3\");\r\n if(this.datatablerefersh==false){\r\n this.getMainGridData(\"3\");\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#example3\").DataTable({\r\n destroy: true,\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[50,100, -1], [50,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n }\r\n }\r\n else{\r\n this.datatablerefersh=true;\r\n this.getMainGridData(\"3\");\r\n } */\r\n return false;\r\n }\r\n addCase() {\r\n this.router.navigate([\"Casecreation\"]);\r\n }\r\n getMainGridData(qid: string) {\r\n \r\n let val: IGridInput = {\r\n LoginID: this.session.UserID,\r\n RoleID: this.session.getRoleID,\r\n UserBankBranch: this.session.BankBranchID,\r\n SelectedBankID: \"\",\r\n SelectedBranchID: \"\",\r\n CaseStage: \"A\",\r\n ValuationType: \"1\",\r\n qid: qid\r\n }\r\n this.ngxService.start();\r\n ApiService.GetGridData(val).then((responce: any) => {\r\n \r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n if (qid === \"1\") {\r\n this.GridDetail = responce.data; \r\n this.dataSourceAllocation=new MatTableDataSource(responce.data);\r\n this.dataSourceAllocation.paginator = this.paginator; \r\n this.dataSourceAllocation.sort = this.sort; \r\n }\r\n else if (qid === \"2\") {\r\n this.GridReview = responce.data;\r\n this.dataSourceReview=new MatTableDataSource(responce.data);\r\n this.dataSourceReview.paginator = this.paginator; \r\n this.dataSourceReview.sort = this.sort; \r\n }\r\n else if (qid === \"3\") {\r\n this.GridPublish = responce.data;\r\n this.dataSourcePublish=new MatTableDataSource(responce.data);\r\n this.dataSourcePublish.paginator = this.paginator;\r\n this.dataSourcePublish.sort = this.sort;\r\n }\r\n /* if(this.datatablerefersh==true){\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#example\" + qid + \"\").DataTable({\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[50,100, -1], [50,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n } */\r\n \r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n // Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n getStage() {\r\n const valuationType = \"1\";\r\n let typeval: string = \"\";\r\n if (this.typeOfStage == \"publish\") {\r\n typeval = \"Publish\"\r\n } else if (this.typeOfStage == \"review\") {\r\n typeval = \"Review\"\r\n } else {\r\n typeval = \"Allocation\"\r\n }\r\n let val: getStage = {\r\n Type: typeval,\r\n valType: valuationType\r\n }\r\n this.ngxService.start();\r\n ApiService.GetStages(val).then((response: any) => {\r\n this.status = response.data.DATA;\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something Went Wrong In Action Please Refresh Page!', 'error')\r\n })\r\n }\r\n ExportTOExcel(caseid) {\r\n \r\n let data = [];\r\n \r\nlet header=[];\r\nlet val={\r\n caseid:caseid\r\n}\r\nlet workbook = new Excel.Workbook();\r\n this.ngxService.start();\r\n ApiService.DownloadCSVFileKotak(val).then((responce: any) => { \r\n if(responce.data){ \r\n let blob = new Blob([responce.data], { type: 'application/text' });\r\n FileSaver.saveAs(blob, caseid+'.csv');\r\n \r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n \r\n });\r\n\r\n\r\n\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n}\r\n","module.exports = \"
\\r\\n imageview works!\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-imageview',\r\n templateUrl: './imageview.component.html',\r\n styleUrls: []\r\n})\r\nexport class ImageviewComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \"
\\r\\n\\r\\n\\r\\n
\\r\\n
ARMPL
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n | CaseID | \\r\\n CaseStage | \\r\\n ApplicationUser | \\r\\n CaseRemark | \\r\\n UpdatedOn | \\r\\n Error | \\r\\n Status | \\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n | {{grid.CaseID}} | \\r\\n {{grid.CaseStage}} | \\r\\n {{grid.ApplicationUser}} | \\r\\n {{grid.CaseRemark}} | \\r\\n {{grid.UpdatedOn}} | \\r\\n {{grid.Error}} | \\r\\n {{grid.Status}} | \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \"","import { Component, OnInit, Renderer2, ElementRef, Input, EventEmitter } from '@angular/core';\r\nimport { Router , ActivatedRoute } from '@angular/router';\r\nimport { ApiService } from '../service/service';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { SessionService } from '../service/sessionGlobalVar';\r\nimport { IGridInput } from '../service/type'\r\nimport { analyzeAndValidateNgModules } from '@angular/compiler';\r\nimport { NgxUiLoaderService } from 'ngx-ui-loader';\r\ndeclare var $: any;\r\n@Component({\r\n selector: 'app-log-detail',\r\n templateUrl: './log-detail.component.html',\r\n styleUrls: []\r\n})\r\nexport class LogDetailComponent implements OnInit {\r\n GridDetail:any;\r\n constructor(private router: Router, private route: ActivatedRoute, private service: ApiService, private session: SessionService, private ngxService: NgxUiLoaderService) { }\r\n @Input() valuepassed: string;\r\n ngOnInit() {\r\n this.route.params.subscribe(params => {\r\n let val:string=params.id;\r\n this.getMainGridData(val)\r\n });\r\n }\r\n getMainGridData(caseID: string) {\r\n \r\n ApiService.GetLogData(caseID).then((responce: any) => {\r\n if (responce.status === 200) {\r\n \r\n if (responce.data) { \r\n this.GridDetail = responce.data;\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#tblLogDetail\").DataTable();\r\n });\r\n }, 1000);\r\n }\r\n }\r\n }).catch((e: any) => {\r\n alert(\"Error\" + e.message);\r\n });\r\n }\r\n}\r\n","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
![](\\\"assets/images/main-logo.png\\\")
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { ApiService } from '../service/service';\r\nimport { FormBuilder} from '@angular/forms';\r\nimport { SessionService } from '../service/sessionGlobalVar';\r\nimport { IUserLogin } from '../service/type';\r\nimport { NgxUiLoaderService } from 'ngx-ui-loader';\r\nimport Swal from 'sweetalert2';\r\n@Component({\r\n selector: 'app-login',\r\n templateUrl: './login.component.html',\r\n styleUrls: []\r\n})\r\nexport class LoginComponent implements OnInit {\r\n UserLogin: IUserLogin;\r\n islogin: boolean = false;\r\n constructor(private router: Router, private _userService: ApiService, private ngxService: NgxUiLoaderService, private sessionService: SessionService, private formBuilder: FormBuilder) {\r\n this.UserLogin = new IUserLogin();\r\n }\r\n ngOnInit() {\r\n if (this.sessionService.isLoggedIn) {\r\n const roleID = this.sessionService.getRoleID;\r\n const adoff=this.sessionService.getAdroitOffice;\r\n if (+roleID == 3 || +roleID == 10 || +roleID == 24) {\r\n // if(+adoff==1){\r\n this.router.navigate([\"ReportAnalysis\"]);\r\n // }\r\n // else{\r\n // this.router.navigate([\"Home\"]);\r\n // }\r\n this.islogin = true;\r\n } else if (+roleID == 7) {\r\n this.router.navigate([\"BankCaseDetails\"]);\r\n } \r\n else if (+roleID == 22) {\r\n this.router.navigate([\"BankCaseDetails\"]);\r\n } \r\n else if (+roleID == 5 || +roleID==11) {\r\n this.router.navigate([\"SupHome\"]);\r\n } else if (+roleID == 13) {\r\n this.router.navigate([\"RegionalOffice\"]);\r\n }\r\n }\r\n }\r\n someMethod(event: any) {\r\n if (event.keyCode == 13) {\r\n this.login();\r\n return false;\r\n }\r\n }\r\n login() { \r\n if (this.UserLogin.loginid == \"\") {\r\n Swal.fire(\"Opps..\", \"Please Enter USERNAME\", \"warning\");\r\n return false;\r\n }\r\n else if (this.UserLogin.password == \"\") {\r\n Swal.fire(\"Opps..\", \"Please Enter PASSWORD\", \"warning\");\r\n return false;\r\n }\r\n else {\r\n this.ngxService.start();\r\n ApiService.userLogin(this.UserLogin).then((responce: any) => {\r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n const data = responce.data;\r\n if (data.status === \"Authentication Successfully\")\r\n localStorage.setItem(\"displayname\", data.displayname);\r\n localStorage.setItem(\"roleID\", data.roleID);\r\n localStorage.setItem(\"userID\", data.userid);\r\n localStorage.setItem(\"BankBranchID\", data.BankBranchID);\r\n localStorage.setItem(\"BankID\", data.BankID);\r\n localStorage.setItem(\"OfficeID\", data.AdroitOffice);\r\n localStorage.setItem(\"Senderemail\", data.Senderemail);\r\n localStorage.setItem(\"AdroitOffice\",data.AdroitOffice);\r\n localStorage.setItem(\"qc_permission\",data.qc_permission);\r\n localStorage.setItem(\"edit_report\",data.edit_report);\r\n localStorage.setItem(\"AdroitBranch\",data.AdroitBranch);\r\n localStorage.setItem(\"IsBankLogin\",data.IsBankLogin);\r\n this.islogin = true;\r\n Swal.fire('Thanks...', 'Welcome Back ' + data.displayname + '', 'success');\r\n this.router.navigate([\"Home\"]);\r\n }\r\n }).catch((e: any) => {\r\n if (e) {\r\n this.ngxService.stop();\r\n if (e.response.status == 401) {\r\n Swal.fire('Oops...', 'Unauthorized User !', 'error');\r\n }\r\n } else {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Server Error !', 'error');\r\n }\r\n });\r\n }\r\n }\r\n}\r\n","module.exports = \"\\r\\n \\r\\n body {\\r\\n font-family: Arial, Helvetica, sans-serif;\\r\\n }\\r\\n \\r\\n /* Style the header */\\r\\n \\r\\n header {\\r\\n background-color:rgb(32 87 146);\\r\\n padding: 0px;\\r\\n text-align: left;\\r\\n font-size: 25px;\\r\\n color: white;\\r\\n margin-top: 27px;\\r\\n }\\r\\n \\r\\n /* Create two columns/boxes that floats next to each other */\\r\\n \\r\\n nav {\\r\\n float: left;\\r\\n width: 30%;\\r\\n height: 300px; /* only for demonstration, should be removed */\\r\\n background: #ccc;\\r\\n padding: 20px;\\r\\n }\\r\\n \\r\\n /* Style the list inside the menu */\\r\\n \\r\\n nav ul {\\r\\n list-style-type: none;\\r\\n padding: 0;\\r\\n }\\r\\n \\r\\n article {\\r\\n float: left;\\r\\n padding: 20px;\\r\\n width: 70%;\\r\\n background-color: #f1f1f1;\\r\\n height: 300px; /* only for demonstration, should be removed */\\r\\n }\\r\\n \\r\\n /* Clear floats after the columns */\\r\\n \\r\\n section:after {\\r\\n content: \\\"\\\";\\r\\n display: table;\\r\\n clear: both;\\r\\n }\\r\\n \\r\\n /* Style the footer */\\r\\n \\r\\n footer {\\r\\n background-color: #777;\\r\\n padding: 10px;\\r\\n text-align: center;\\r\\n color: white;\\r\\n }\\r\\n \\r\\n /* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */\\r\\n \\r\\n @media (max-width: 600px) {\\r\\n nav, article {\\r\\n width: 100%;\\r\\n height: auto;\\r\\n }\\r\\n }\\r\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9hcHAvbHRlbWFzdGVyLWRldGFpbC9sdGVtYXN0ZXItZGV0YWlsLmNvbXBvbmVudC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7RUFFRTtJQUNFLDBDQUEwQztHQUMzQzs7RUFFRCxzQkFBc0I7O0VBQ3RCO0lBQ0UsZ0NBQWdDO0lBQ2hDLGFBQWE7SUFDYixpQkFBaUI7SUFDakIsZ0JBQWdCO0lBQ2hCLGFBQWE7SUFDYixpQkFBaUI7R0FDbEI7O0VBRUQsNkRBQTZEOztFQUM3RDtJQUNFLFlBQVk7SUFDWixXQUFXO0lBQ1gsY0FBYyxDQUFDLCtDQUErQztJQUM5RCxpQkFBaUI7SUFDakIsY0FBYztHQUNmOztFQUVELG9DQUFvQzs7RUFDcEM7SUFDRSxzQkFBc0I7SUFDdEIsV0FBVztHQUNaOztFQUVEO0lBQ0UsWUFBWTtJQUNaLGNBQWM7SUFDZCxXQUFXO0lBQ1gsMEJBQTBCO0lBQzFCLGNBQWMsQ0FBQywrQ0FBK0M7R0FDL0Q7O0VBRUQsb0NBQW9DOztFQUNwQztJQUNFLFlBQVk7SUFDWixlQUFlO0lBQ2YsWUFBWTtHQUNiOztFQUVELHNCQUFzQjs7RUFDdEI7SUFDRSx1QkFBdUI7SUFDdkIsY0FBYztJQUNkLG1CQUFtQjtJQUNuQixhQUFhO0dBQ2Q7O0VBRUQsZ0lBQWdJOztFQUNoSTtJQUNFO01BQ0UsWUFBWTtNQUNaLGFBQWE7S0FDZDtHQUNGIiwiZmlsZSI6InNyYy9hcHAvbHRlbWFzdGVyLWRldGFpbC9sdGVtYXN0ZXItZGV0YWlsLmNvbXBvbmVudC5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuICBcclxuICBib2R5IHtcclxuICAgIGZvbnQtZmFtaWx5OiBBcmlhbCwgSGVsdmV0aWNhLCBzYW5zLXNlcmlmO1xyXG4gIH1cclxuICBcclxuICAvKiBTdHlsZSB0aGUgaGVhZGVyICovXHJcbiAgaGVhZGVyIHtcclxuICAgIGJhY2tncm91bmQtY29sb3I6cmdiKDMyIDg3IDE0Nik7XHJcbiAgICBwYWRkaW5nOiAwcHg7XHJcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xyXG4gICAgZm9udC1zaXplOiAyNXB4O1xyXG4gICAgY29sb3I6IHdoaXRlO1xyXG4gICAgbWFyZ2luLXRvcDogMjdweDtcclxuICB9XHJcbiAgXHJcbiAgLyogQ3JlYXRlIHR3byBjb2x1bW5zL2JveGVzIHRoYXQgZmxvYXRzIG5leHQgdG8gZWFjaCBvdGhlciAqL1xyXG4gIG5hdiB7XHJcbiAgICBmbG9hdDogbGVmdDtcclxuICAgIHdpZHRoOiAzMCU7XHJcbiAgICBoZWlnaHQ6IDMwMHB4OyAvKiBvbmx5IGZvciBkZW1vbnN0cmF0aW9uLCBzaG91bGQgYmUgcmVtb3ZlZCAqL1xyXG4gICAgYmFja2dyb3VuZDogI2NjYztcclxuICAgIHBhZGRpbmc6IDIwcHg7XHJcbiAgfVxyXG4gIFxyXG4gIC8qIFN0eWxlIHRoZSBsaXN0IGluc2lkZSB0aGUgbWVudSAqL1xyXG4gIG5hdiB1bCB7XHJcbiAgICBsaXN0LXN0eWxlLXR5cGU6IG5vbmU7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG4gIH1cclxuICBcclxuICBhcnRpY2xlIHtcclxuICAgIGZsb2F0OiBsZWZ0O1xyXG4gICAgcGFkZGluZzogMjBweDtcclxuICAgIHdpZHRoOiA3MCU7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMWYxO1xyXG4gICAgaGVpZ2h0OiAzMDBweDsgLyogb25seSBmb3IgZGVtb25zdHJhdGlvbiwgc2hvdWxkIGJlIHJlbW92ZWQgKi9cclxuICB9XHJcbiAgXHJcbiAgLyogQ2xlYXIgZmxvYXRzIGFmdGVyIHRoZSBjb2x1bW5zICovXHJcbiAgc2VjdGlvbjphZnRlciB7XHJcbiAgICBjb250ZW50OiBcIlwiO1xyXG4gICAgZGlzcGxheTogdGFibGU7XHJcbiAgICBjbGVhcjogYm90aDtcclxuICB9XHJcbiAgXHJcbiAgLyogU3R5bGUgdGhlIGZvb3RlciAqL1xyXG4gIGZvb3RlciB7XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNzc3O1xyXG4gICAgcGFkZGluZzogMTBweDtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGNvbG9yOiB3aGl0ZTtcclxuICB9XHJcbiAgXHJcbiAgLyogUmVzcG9uc2l2ZSBsYXlvdXQgLSBtYWtlcyB0aGUgdHdvIGNvbHVtbnMvYm94ZXMgc3RhY2sgb24gdG9wIG9mIGVhY2ggb3RoZXIgaW5zdGVhZCBvZiBuZXh0IHRvIGVhY2ggb3RoZXIsIG9uIHNtYWxsIHNjcmVlbnMgKi9cclxuICBAbWVkaWEgKG1heC13aWR0aDogNjAwcHgpIHtcclxuICAgIG5hdiwgYXJ0aWNsZSB7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBoZWlnaHQ6IGF1dG87XHJcbiAgICB9XHJcbiAgfSJdfQ== */\"","module.exports = \"\\r\\n\\r\\n\\r\\n
\\r\\n Manual Report Details
\\r\\n\\r\\n
CSS Template\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { ApiService } from '../service/service';\r\nimport { SessionService } from '../service/sessionGlobalVar';\r\nimport { IAreaDetails} from '../service/type'\r\nimport { NgxUiLoaderService } from 'ngx-ui-loader';\r\nimport Swal from 'sweetalert2';\r\nimport { HttpClient } from \"@angular/common/http\";\r\nimport * as JSZip from 'jszip';\r\nimport * as JSZipUtils from 'jszip-utils';\r\ndeclare var require: any\r\nconst FileSaver = require('file-saver');\r\n\r\ndeclare const $: any;\r\n@Component({\r\n selector: 'app-ltemaster-detail',\r\n templateUrl: './ltemaster-detail.component.html',\r\n styleUrls: ['./ltemaster-detail.component.css']\r\n})\r\nexport class LTEMasterDetailComponent implements OnInit {\r\n caseID: string;\r\n CaseUid:string;\r\n App_Name:string;\r\n Property_Numb:string;\r\n Build_no:string;\r\n Landmark:string;\r\n streat:string;\r\n state:string;\r\n city:string;\r\n location:string;\r\n case_Type:string;\r\n file_no:string;\r\n document_details:string;\r\n rate:string;\r\n unit:string;\r\n case_status:string;\r\n eng:string;\r\n Sublocation:string;\r\n getdocurl:any;\r\n getAllImage = [];\r\n dataa=[];\r\n images =[];\r\n imagename=[];\r\n Latitude: string;\r\n Longitude: string;\r\n LTE_Engineer_Remarks:string;\r\n updatedFiles:any;\r\n constructor(private router: Router, private service: ApiService, private ngxService: NgxUiLoaderService, private session: SessionService, private route: ActivatedRoute,private http: HttpClient) { }\r\n\r\n ngOnInit() {\r\n this.route.params.subscribe(params => {\r\n if (params.id) {\r\n this.caseID = window.atob(params.id);\r\n this.ViewCaseDetail();\r\n this.GetImage();\r\n\r\n }\r\n });\r\n\r\n\r\n \r\n\r\n }\r\n\r\n downloadImageZipFiles() {\r\n var links = this.images;\r\n var imgname=this.imagename;\r\n\r\n var zip = new JSZip();\r\n var count = 0;\r\n var zipFilename = this.caseID+\".zip\";\r\n\r\n links.forEach(function (url, i) {\r\n var filename = imgname[i];\r\n filename = filename.replace(/[\\/\\*\\|\\:\\<\\>\\?\\\"\\\\]/gi, '').replace(\"httpsi.imgur.com\",\"\");\r\n // loading a file and add it in a zip file\r\n JSZipUtils.getBinaryContent(url, function (err, data) {\r\n if (err) {\r\n throw err; // or handle the error\r\n }\r\n zip.file(filename, data, { binary: true });\r\n count++;\r\n if (count == links.length) {\r\n zip.generateAsync({ type: 'blob' }).then(function (content) {\r\n FileSaver.saveAs(content, zipFilename);\r\n });\r\n }\r\n });\r\n });\r\n }\r\n \r\n \r\n ViewCaseDetail() { \r\n this.ngxService.start();\r\n \r\n ApiService.SupSidebar(this.caseID).then((responce: any) => {\r\n if (responce.status == 200) {\r\n if (responce.data) {\r\n \r\n // this.HistoricalData = responce.data;\r\n this.CaseUid= responce.data.CaseUID;\r\n this.App_Name=responce.data.Applicant_Name;\r\n this.Property_Numb=responce.data.Property_No;\r\n this.Build_no=responce.data.Building_No;\r\n this.Landmark=responce.data.Land_mark;\r\n this.streat=responce.data.Street_Sector;\r\n this.state=responce.data.statename;\r\n this.city=responce.data.cityname;\r\n this.location=responce.data.LocationName;\r\n this.case_Type=responce.data.typeofcasename;\r\n this.document_details=responce.data.Documents;\r\n this.file_no=responce.data.File_No;\r\n this.rate=responce.data.TotalFees;\r\n this.unit=responce.data.Block;\r\n this.case_status=responce.data.CaseStatusname;\r\n this.eng=responce.data.engName;\r\n this.Sublocation=responce.data.SubLocationname;\r\n this.Latitude=responce.data.lat;\r\n this.Longitude=responce.data.longi;\r\n this.LTE_Engineer_Remarks=responce.data.lte_Engineer_Remarks;\r\n this.getdocurl=responce.data.CaseDoc;\r\n for (const Dvalue in responce.data.CaseDoc) {\r\n let docValss = {\r\n url: this.getdocurl[Dvalue].url,\r\n name: this.getdocurl[Dvalue].name\r\n }\r\n this.getdocurl[Dvalue] = docValss;\r\n }\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n zoomout(href: any) {\r\n Object.assign(document.createElement('a'), {\r\n target: '_blank',\r\n href,\r\n }).click();\r\n }\r\n GetImage() {\r\n \r\n this.ngxService.start();\r\n ApiService.GetSuperImage(this.caseID).then((responce: any) => { \r\n \r\n this.getAllImage = responce.data;\r\n \r\n for(let i=0; i< this.getAllImage.length; i++) {\r\n this.images.push(this.getAllImage[i].URL);\r\n this.imagename.push(this.getAllImage[i].name)\r\n }\r\n // this.downloadImageZipFiles(this.images,this.imagename);\r\n for (const Dvalue in responce.data.CaseDoc) {\r\n \r\n let docValss = {\r\n url: this.getAllImage[Dvalue].url,\r\n name: this.getAllImage[Dvalue].name\r\n }\r\n this.getAllImage[Dvalue] = docValss;\r\n }\r\n this.ngxService.stop();\r\n }).catch((error) => { \r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong', 'error');\r\n })\r\n }\r\n handleFileSelect(evt) {\r\n this.updatedFiles = evt.target.files;\r\n };\r\n UploadPdfLTE() {\r\n \r\n let formData = new FormData();\r\n if (this.updatedFiles) {\r\n for (let val of this.updatedFiles) {\r\n formData.append(\"CaseID\", this.caseID);\r\n formData.append(\"files\", val);\r\n }\r\n \r\n \r\n \r\n this.ngxService.start();\r\n ApiService.UploadLTEPDF(formData).then((responce: any) => { \r\n Swal.fire('Thanks', 'File Upload Successfully', 'success');\r\n this.router.navigate([\"Home\"]);\r\n this.ngxService.stop();\r\n }).catch((error) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong', 'error');\r\n })\r\n }else{\r\n Swal.fire('Oops...', 'Please Select PDF File', 'error');\r\n }\r\n }\r\n\r\n\r\n}\r\n","module.exports = \"
\\r\\n map works!\\r\\n
\\r\\n\"","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n selector: 'app-map',\r\n templateUrl: './map.component.html',\r\n styleUrls: []\r\n})\r\nexport class MapComponent implements OnInit {\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n }\r\n\r\n}\r\n","module.exports = \"\\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJzcmMvYXBwL25vdC1jb21wYXRpYmxlL25vdC1jb21wYXRpYmxlLmNvbXBvbmVudC5jc3MifQ== */\"","module.exports = \"
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n | Case UID | \\r\\n {{element.CaseUID}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Name | \\r\\n {{element.Name}} | \\r\\n \\r\\n \\r\\n \\r\\n Mobile | \\r\\n {{element.Mobile}} | \\r\\n \\r\\n \\r\\n \\r\\n Bank | \\r\\n {{element.Bank}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Location | \\r\\n {{element.Location}} | \\r\\n \\r\\n \\r\\n \\r\\n Case Action | \\r\\n {{element.CaseStatus}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Supervisor | \\r\\n {{element.supervisor}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n CR.Date | \\r\\n {{element.CrDate}} | \\r\\n \\r\\n \\r\\n \\r\\n Action | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n\\r\\n | \\r\\n \\r\\n \\r\\n |
\\r\\n |
\\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n \\r\\n | Case UID | \\r\\n {{element.CaseUID}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Name | \\r\\n {{element.Name}} | \\r\\n \\r\\n \\r\\n \\r\\n Mobile | \\r\\n {{element.Mobile}} | \\r\\n \\r\\n \\r\\n \\r\\n Bank | \\r\\n {{element.Bank}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Location | \\r\\n {{element.Location}} | \\r\\n \\r\\n \\r\\n \\r\\n Case Action | \\r\\n {{element.CaseStatus}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n Supervisor | \\r\\n {{element.supervisor}} | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n CR.Date | \\r\\n {{element.CrDate}} | \\r\\n \\r\\n \\r\\n \\r\\n Action | \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n \\r\\n | \\r\\n \\r\\n \\r\\n |
\\r\\n |
\\r\\n \\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\\r\\n\"","import { Component, OnInit, Renderer2, ElementRef,ViewChild } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { ApiService } from '../service/service';\r\nimport { SessionService } from '../service/sessionGlobalVar';\r\nimport { IGridInput, IUpdateStatus, getStage,ICaseCreate } from '../service/type'\r\nimport { NgxUiLoaderService } from 'ngx-ui-loader';\r\nimport {MatPaginator,MatTableDataSource,MatSort,Sort} from '@angular/material';\r\nimport Swal from 'sweetalert2';\r\n\r\n@Component({\r\n selector: 'app-not-compatible',\r\n templateUrl: './not-compatible.component.html',\r\n styleUrls: ['./not-compatible.component.css']\r\n})\r\n\r\n\r\n\r\n export class NotCompatibleComponent implements OnInit {\r\n GridDetail: [];\r\n GridPublish: [];\r\n GridReview: [];\r\n isShowAllocation: boolean = true;\r\n isShowQuality: boolean;\r\n isShowPublish: boolean;\r\n IsEditStatus: boolean = false;\r\n valEngineer: any;\r\n status: any;\r\n selectedStatus: string = \"0\";\r\n selectedEngvalue: string = \"\";\r\n HeaderText: string;\r\n IsDocument: boolean = false;\r\n Component1Variable: string = \"Component1VariableSent\";\r\n logID: string;\r\n inputRemark: string = \"\";\r\n msgType: string;\r\n updatedFiles: any;\r\n typeOfStage: string;\r\n sanctionPlanDoc: any;\r\n reportPlanDoc: any;\r\n datatablerefersh:boolean=true;\r\n getdocurl :any;\r\n displayedColumnsWithCustomer: string[] = ['CaseUID', 'name','mobileno', 'Bank', 'Location','CaseAction','EngineerStatus','CRDate','Action'];\r\n dataSourceWithCustomer = new MatTableDataSource;\r\n dataSourceQuality= new MatTableDataSource;\r\n applyFilter(filterValue: string) {\r\n this.dataSourceWithCustomer.filter = filterValue.trim().toLowerCase();\r\n this.dataSourceQuality.filter = filterValue.trim().toLowerCase();\r\n }\r\n @ViewChild(MatPaginator) paginator: MatPaginator;\r\n @ViewChild(MatSort) sort: MatSort;\r\n constructor(private router: Router, private service: ApiService, private session: SessionService, private ngxService: NgxUiLoaderService, private renderer: Renderer2, private el: ElementRef) {\r\n let val = localStorage.getItem(\"roleID\");\r\n if (val) {\r\n if (+val == 7) {\r\n this.router.navigate([\"BankCaseDetails\"]);\r\n }\r\n else {\r\n this.getMainGridData(\"6\");\r\n }\r\n }\r\n }\r\n ngOnInit() {\r\n const p = this.el.nativeElement;\r\n this.renderer.addClass(this.el.nativeElement, 'abc');\r\n }\r\n \r\n addCase() {\r\n this.router.navigate([\"Casecreation\"]);\r\n }\r\n allocation(e) {\r\n \r\n // this.quiid=\"1\";\r\n const review = document.getElementById(\"review-tab\");\r\n const allocation = document.getElementById(\"home-tab\");\r\n this.typeOfStage = \"allocation\";\r\n allocation.classList.add(\"active\");\r\n review.classList.remove(\"active\");\r\n this.isShowAllocation = true;\r\n this.isShowQuality = false;\r\n this.isShowPublish = false;\r\n this.getMainGridData(\"6\");\r\n /* if (this.GridDetail) {\r\n if(this.datatablerefersh==false){\r\n this.getMainGridData(\"4\");\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#example4\").DataTable({\r\n destroy: true,\r\n searching: true,\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[30,100, -1], [30,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n }\r\n } */\r\n return false;\r\n }\r\n review(e) {\r\n \r\n // this.quiid=\"2\";\r\n const review = document.getElementById(\"review-tab\");\r\n const allocation = document.getElementById(\"home-tab\");\r\n this.typeOfStage = \"review\";\r\n allocation.classList.remove(\"active\");\r\n review.classList.add(\"active\");\r\n this.isShowAllocation = false;\r\n this.isShowQuality = false;\r\n this.isShowPublish = false;\r\n this.getMainGridData(\"6\");\r\n /* if (this.GridReview) {\r\n if(this.datatablerefersh==false){\r\n this.getMainGridData(\"5\");\r\n setTimeout(function () {\r\n $(function () {\r\n $(\"#example5\").DataTable({\r\n destroy: true,\r\n \"order\": [[ 0, \"desc\" ]],\r\n \"lengthMenu\": [[30,100, -1], [30,100, \"All\"]] \r\n });\r\n });\r\n }, 1000);\r\n this.datatablerefersh=false;\r\n }\r\n }\r\n else{\r\n this.datatablerefersh=false;\r\n this.getMainGridData(\"5\");\r\n } */\r\n return false;\r\n }\r\n getMainGridData(qid: string) {\r\n debugger;\r\n let val: IGridInput = {\r\n LoginID: this.session.UserID,\r\n RoleID: this.session.getRoleID,\r\n UserBankBranch: this.session.BankBranchID,\r\n SelectedBankID: \"\",\r\n SelectedBranchID: \"\",\r\n CaseStage: \"A\",\r\n ValuationType: \"2\",\r\n qid: qid\r\n }\r\n this.ngxService.start();\r\n ApiService.GetGridData(val).then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.GridDetail = responce.data;\r\n if(qid==\"6\"){\r\n this.dataSourceWithCustomer=new MatTableDataSource(responce.data);\r\n this.dataSourceWithCustomer.paginator = this.paginator; \r\n this.dataSourceWithCustomer.sort = this.sort; \r\n }else{\r\n this.dataSourceQuality=new MatTableDataSource(responce.data);\r\n this.dataSourceQuality.paginator = this.paginator; \r\n this.dataSourceQuality.sort = this.sort; \r\n } \r\n /* setTimeout(function () {\r\n $(function () {\r\n $(\"#example\" + qid + \"\").DataTable();\r\n });\r\n }, 1000); */\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n \r\n HideModel() {\r\n this.IsEditStatus = false;\r\n }\r\n updateStatus() {\r\n if (this.logID) {\r\n if (this.selectedStatus == \"0\" || this.selectedStatus == \"\") {\r\n Swal.fire('Oops...', 'Please Select Action Type!', 'warning');\r\n } else if (this.inputRemark == \"\") {\r\n Swal.fire('Oops...', 'Remark Can`t be empty!', 'warning');\r\n } else {\r\n const val: IUpdateStatus = {\r\n Case_id: this.logID,\r\n CaseStatus: this.selectedStatus,\r\n statusRemark: this.inputRemark,\r\n Assignto: \"\",\r\n Message: \"\",\r\n LoginID: this.session.UserID\r\n }\r\n this.ngxService.start();\r\n this.IsEditStatus = false;\r\n ApiService.UpdateStatus(val).then((response: any) => {\r\n if (response.status == 200) {\r\n this.getMainGridData(\"1\");\r\n Swal.fire('Thanks...', 'Action Update Successfully', 'success')\r\n }else {\r\n Swal.fire('Oops...', 'Something Went Wrong In Action Update Please try again!', 'error')\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something Went Wrong In Action Please Refresh Page!', 'error')\r\n })\r\n }\r\n }\r\n }\r\n EditAction(e: any) {\r\n let val: getStage = {\r\n Type: \"1\",\r\n valType: \"2\"\r\n }\r\n this.logID = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n this.ngxService.start(); \r\n ApiService.GetStages(val).then((response: any) => { \r\n this.IsEditStatus = true;\r\n this.status = response.data.DATA;\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something Went Wrong In Action Please Refresh Page!', 'error')\r\n })\r\n }\r\n editCase(e) {\r\n this.logID = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n const val = window.btoa(this.logID);\r\n if (this.logID) {\r\n // this.router.navigate([\"/FtvSendMessage\", { id: val }]);\r\n this.router.navigate([\"/Casecreation\", { id: val }]);\r\n }\r\n }\r\n logDetail(e) {\r\n this.logID = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n if (this.logID) {\r\n this.router.navigate([\"/logDetails\", { id: this.logID }]);\r\n }\r\n }\r\n ResendMessage(e){\r\n \r\n let data: ICaseCreate = {\r\n CaseID: e/* .currentTarget.parentElement.firstElementChild.value */,\r\n Bank_id: \"\",\r\n branch_id: \"\",\r\n person_id: \"\",\r\n ValuationTypeID: \"2\",\r\n ApplicantName_Name: \"\",\r\n ApplicanttitleN: \"\",\r\n Applicant_nameN: \"\",\r\n Block: \"\",\r\n BuildingNameN: \"\",\r\n StreatRoadN: \"\",\r\n SectorN: \"\",\r\n state_id: \"\",\r\n distict: \"\",\r\n City_id: \"\",\r\n Locality_id: \"\",\r\n BuildingNo: \"\",\r\n propertyno: \"\",\r\n Property_titleN: \"\",\r\n PropertyValueN: \"\",\r\n Streat: \"\",\r\n landmark: \"\",\r\n SubLocality_id: \"\",\r\n pincode: \"\",\r\n ContactPersonName: \"\",\r\n Mob1: \"\",\r\n Mob2: \"\",\r\n vertical: \"\",\r\n casetype: \"\",\r\n Assignto: \"\",\r\n Case_statusID: \"\",\r\n supervisorID: \"\",\r\n StatusRemark: \"\",\r\n FileNo: \"\",\r\n Area: \"\",\r\n CaseRemark: \"\",\r\n Document_id: \"\",\r\n LoginID: this.session.UserID,\r\n OldCaseID: \"\",\r\n ActualFees: \"\",\r\n ExtraFees: \"\",\r\n TotalFees: \"\",\r\n Conveyance: \"\",\r\n ApprovalPersonName: \"\",\r\n ApprovalContact: \"\",\r\n ApprovalDocPath: \"0\",\r\n AssignType: \"D\",\r\n usage:\"\",\r\n propertytype:\"\",\r\n Operation: \"\",\r\n PaymentType:\"\",\r\n Zone_id:\"\",\r\n Vertical_id:\"\",\r\n ENgConv:\"\",\r\n Approval_Remarks:\"\",\r\n FeesType:\"\",\r\n ExtraEngConv:\"\",\r\n ExtraEngConvRemark:\"\",\r\n IsOtherOffice:\"\",\r\n OtherOffice:\"\",\r\n adroitbranch:\"\",\r\n }\r\n \r\n ApiService.FtvSendSMS(data).then((responce: any) => {\r\n \r\n this.ngxService.stop();\r\n if (responce.status === 200) {\r\n Swal.fire('Thanks...', 'Resend Message Successfully', 'success');\r\n this.router.navigate([\"Home\"]);\r\n \r\n }\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n console.log(\"Getting Error In caseCreate\",e);\r\n Swal.fire('Oops...', 'Something went wrong!', 'error');\r\n });\r\n \r\n \r\n }\r\n \r\n addDoc(e) {\r\n \r\n this.logID = e/* .currentTarget.parentElement.firstElementChild.value */;\r\n this.HeaderText = \"Upload Report\";\r\n if (this.logID) {\r\n this.IsEditStatus = true;\r\n this.IsDocument = true;\r\n this.ngxService.start();\r\n ApiService.SupSidebar(this.logID).then((responce: any) => {\r\n \r\n if (responce.status == 200) {\r\n if (responce.data) { \r\n this.getdocurl=responce.data.CaseDoc;\r\n for (const Dvalue in responce.data.CaseDoc) {\r\n \r\n let docValss = {\r\n url: this.getdocurl[Dvalue].url,\r\n name: this.getdocurl[Dvalue].name\r\n }\r\n this.getdocurl[Dvalue] = docValss;\r\n }\r\n // this.openInNewTabs(this.getdocurl);\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n \r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n }\r\n handleFileSelect(evt) {\r\n this.updatedFiles = evt.target.files;\r\n };\r\n handleSanctionPlanDoc(evt) {\r\n this.sanctionPlanDoc = evt.target.files;\r\n }\r\n handlereport(evt) {\r\n this.reportPlanDoc = evt.target.files;\r\n }\r\n updateDocument() {\r\n \r\n if (this.logID) {\r\n if (this.sanctionPlanDoc || this.updatedFiles || this.reportPlanDoc) {\r\n \r\n let formData = new FormData();\r\n if (this.updatedFiles) {\r\n for (let val of this.updatedFiles) {\r\n formData.append(\"CaseID\", this.logID);\r\n formData.append(\"imgname\", val.name);\r\n formData.append(\"files\", val);\r\n }\r\n }\r\n if (this.sanctionPlanDoc) {\r\n \r\n // for (let val of this.sanctionPlanDoc) {\r\n // formData.append(\"CaseID\", this.logID);\r\n // formData.append(\"imgname\", val.name);\r\n // formData.append(\"files\", val);\r\n // }\r\n formData.append(\"CaseID\", this.logID);\r\n formData.append(\"imgname\", this.sanctionPlanDoc[0].name);\r\n formData.append(\"files\", this.sanctionPlanDoc[0]);\r\n }\r\n if (this.reportPlanDoc) {\r\n \r\n formData.append(\"CaseID\", this.logID);\r\n formData.append(\"imgname\", this.reportPlanDoc[0].name);\r\n formData.append(\"files\", this.reportPlanDoc[0]);\r\n formData.append(\"loginID\", this.session.UserID);\r\n }\r\n this.ngxService.start();\r\n ApiService.UpdateReport(formData).then((responce: any) => {\r\n \r\n \r\n if (responce.status === 200) {\r\n this.IsEditStatus = false;\r\n this.sanctionPlanDoc = undefined;\r\n this.updatedFiles = undefined;\r\n this.getMainGridData(\"6\");\r\n // this.router.navigate([\"/NotCompatible\", { id: this.logID }]);\r\n //Swal.fire('Success...', 'Upload Report Sucessfully!', 'success');\r\n \r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong in document update!', 'error');\r\n });\r\n } else {\r\n Swal.fire('Oops...', 'Please select atleast one document!', 'warning');\r\n }\r\n }\r\n }\r\n DeleteDoc(e){\r\n \r\n this.ngxService.start();\r\n let val = {\r\n Case_id: this.logID,\r\n Status: \"\",\r\n FilePath: e,\r\n Type: \"doc\",\r\n Message: \"\",\r\n LoginID: this.session.UserID\r\n }\r\n \r\n ApiService.DeleteDocument(val).then((responce: any) => {\r\n if (responce.status == 200) { \r\n this.IsEditStatus = false;\r\n Swal.fire('Success...', 'Delete Document Sucessfully!', 'success');\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n }\r\n \r\n","module.exports = \"
\\r\\n - \\r\\n General Details1\\r\\n
\\r\\n - \\r\\n General Details2\\r\\n
\\r\\n - \\r\\n Property Detail\\r\\n
\\r\\n - \\r\\n Catchment Area Analysis\\r\\n
\\r\\n - \\r\\n CFM\\r\\n
\\r\\n - \\r\\n Other\\r\\n
\\r\\n - \\r\\n Property Radar\\r\\n
\\r\\n - \\r\\n Case Detail\\r\\n
\\r\\n - \\r\\n \\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n \\r\\n
\\r\\n\\r\\n
Factor
\\r\\n\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n \\r\\n
\\r\\n \\r\\n
\\r\\n
\\r\\n
\"","import { Component, OnInit, Renderer2, ElementRef, Output, Input, EventEmitter, Directive } from '@angular/core';\r\nimport { Router, ActivatedRoute } from '@angular/router';\r\nimport { ApiService } from '../service/service';\r\nimport { SessionService } from '../service/sessionGlobalVar';\r\nimport { NgxUiLoaderService } from 'ngx-ui-loader';\r\nimport { IftvDetails, IFactorDetails, IUpdateFactorDetails,UpdateDataForGrid } from '../service/type';\r\nimport Swal from 'sweetalert2';\r\ndeclare var $: any;\r\ndeclare var google: any;\r\n\"use strict\";\r\n\r\n@Component({\r\n selector: 'app-osv-catchment-area-analysis',\r\n templateUrl: './osv-catchment-area-analysis.component.html',\r\n styleUrls: []\r\n})\r\nexport class OsvCatchmentAreaAnalysisComponent implements OnInit { \r\n caseID: string;\r\n valuationID: number;\r\n type = \"C\";\r\n Latitude: string;\r\n Longitude: string;\r\n GridDetail: any;\r\n countVal = [];\r\n historicalData: boolean = false;\r\n ModalTitle: string;\r\n HistoricalData: any;\r\n CaseUid:string;\r\n App_Name:string;\r\n Property_Numb:string;\r\n Build_no:string;\r\n Landmark:string;\r\n streat:string;\r\n state:string;\r\n city:string;\r\n location:string;\r\n case_Type:string;\r\n file_no:string;\r\n document_details:string;\r\n rate:string;\r\n unit:string;\r\n case_status:string;\r\n eng:string;\r\n Sublocation:string;\r\n getdocurl:any;\r\n showInfrasture:boolean=true;\r\n constructor(private route: ActivatedRoute, private router: Router, private service: ApiService, private session: SessionService, private ngxService: NgxUiLoaderService, private renderer: Renderer2, private el: ElementRef) { }\r\n\r\n ngOnInit() {\r\n for (let i = 0; i <= 50; i++) {\r\n this.countVal.push(i);\r\n }\r\n this.route.params.subscribe(params => {\r\n if (params.id) {\r\n const id = window.atob(params.id);\r\n this.caseID = id;\r\n this.getFactorPointDetails();\r\n this.getGioLocation();\r\n if (params.valuation == 1) {\r\n this.valuationID = params.valuation;\r\n } else {\r\n Swal.fire('Oops...', 'Something went wrong!', 'error');\r\n }\r\n } else {\r\n Swal.fire('Oops...', 'Something went wrong!', 'error');\r\n }\r\n });\r\n }\r\n //OSV Main Grid\r\n GenralDetails1(e: any) {\r\n const data = window.btoa(this.caseID);\r\n if (this.valuationID == 1) {\r\n this.router.navigate([\"/OsvGeneralDetail1\", { id: data, valuation: this.valuationID, type: 'G' }]);\r\n }\r\n }\r\n GenralDetails2(e: any) {\r\n const data = window.btoa(this.caseID);\r\n if (this.valuationID == 1) {\r\n this.router.navigate([\"/OsvGeneralDetail1\", { id: data, valuation: this.valuationID, type: 'S' }]);\r\n }\r\n }\r\n CatchMentDetails(e: any) {\r\n const data = window.btoa(this.caseID);\r\n if (this.valuationID == 1) {\r\n this.router.navigate([\"/OsvCatchmentAreaAnalysis\", { id: data, valuation: this.valuationID }]);\r\n }\r\n }\r\n\r\n PropertyDetail(e: any) {\r\n const data = window.btoa(this.caseID);\r\n if (this.valuationID == 1) {\r\n this.router.navigate([\"/OsvPropertyDetail\", { id: data, valuation: this.valuationID }]);\r\n }\r\n }\r\n CFM(e: any) {\r\n const data = window.btoa(this.caseID);\r\n if (this.valuationID == 1) {\r\n this.router.navigate([\"/OsvCfm\", { id: data, valuation: this.valuationID }]);\r\n }\r\n }\r\n Other(e: any) {\r\n const data = window.btoa(this.caseID);\r\n if (this.valuationID == 1) {\r\n this.router.navigate([\"/OsvOther\", { id: data, valuation: this.valuationID }]);\r\n }\r\n }\r\n PropertyRadar(e: any) {\r\n\r\n const data = window.btoa(this.caseID);\r\n if (this.valuationID == 1) {\r\n this.router.navigate([\"/PropertyRadar\", { id: data, valuation: this.valuationID }]);\r\n }\r\n }\r\n \r\n closeModel() {\r\n $(\"#modelShowData\").hide();\r\n }\r\n showHistoricalData() {\r\n this.historicalData = true;\r\n // this.webcrowlData = false;\r\n this.ModalTitle = \"Case Details\"\r\n $(\"#modelShowData\").show();\r\n \r\n this.ngxService.start();\r\n \r\n ApiService.SupSidebar(this.caseID).then((responce: any) => {\r\n if (responce.status == 200) {\r\n if (responce.data) {\r\n // this.HistoricalData = responce.data;\r\n this.CaseUid= responce.data.CaseUID;\r\n this.App_Name=responce.data.Applicant_Name;\r\n this.Property_Numb=responce.data.Property_No;\r\n this.Build_no=responce.data.Building_No;\r\n this.Landmark=responce.data.Land_mark;\r\n this.streat=responce.data.Street_Sector;\r\n this.state=responce.data.statename;\r\n this.city=responce.data.cityname;\r\n this.location=responce.data.LocationName;\r\n this.case_Type=responce.data.typeofcasename;\r\n this.document_details=responce.data.Documents;\r\n this.file_no=responce.data.File_No;\r\n this.rate=responce.data.TotalFees;\r\n this.unit=responce.data.Block;\r\n this.case_status=responce.data.CaseStatusname;\r\n this.eng=responce.data.engName;\r\n this.Sublocation=responce.data.SubLocationname;\r\n this.getdocurl=responce.data.CaseDoc;\r\n for (const Dvalue in responce.data.CaseDoc) {\r\n let docValss = {\r\n url: this.getdocurl[Dvalue].url,\r\n name: this.getdocurl[Dvalue].name\r\n }\r\n this.getdocurl[Dvalue] = docValss;\r\n } \r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n openInNewReportTab(href: any) {\r\n Object.assign(document.createElement('a'), {\r\n target: '_blank',\r\n href,\r\n }).click();\r\n }\r\n View() {\r\n let data = this.caseID/* .currentTarget.parentElement.firstElementChild.value */;\r\n const LoginID = localStorage.getItem('userID');\r\n const val: UpdateDataForGrid = {\r\n CaseID: data,\r\n Type: \"View\",\r\n watermark: \"\",\r\n casecreatedfrom: \"\",\r\n UserID: LoginID,\r\n Remark: \"\",\r\n Supervisor: \"\",\r\n RoleID: \"\",\r\n }\r\n ApiService.UpdateGridDataAndGetUrl(val).then((responce: any) => {\r\n if (responce.status === 200) {\r\n this.openInNewReportTab(responce.data.URL);\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n\r\n\r\n showMap(e: any) {\r\n if (this.Latitude && this.Longitude ) {\r\n $(\"#map111\").show();\r\n const type = e;\r\n initialize(type); \r\n } else {\r\n Swal.fire(\"Oops\", \"Location Not Found\", \"info\");\r\n }\r\n }\r\n hideMap() {\r\n $(\"#map111\").hide();\r\n }\r\n getFactorPointDetails() {\r\n this.ngxService.start();\r\n let data: IFactorDetails = {\r\n Type: this.type,\r\n CaseID: this.caseID\r\n }\r\n ApiService.GetFacorPointDetails(data).then((responce: any) => {\r\n if (responce.status === 200) {\r\n if (responce.data) {\r\n this.GridDetail = responce.data;\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n }\r\n getGioLocation() { \r\n ApiService.getGioLocation(this.caseID).then((responce: any) => { \r\n if (responce.status === 200) {\r\n if (responce.data.Latitude && responce.data.Longitude) {\r\n this.Latitude = responce.data.Latitude;\r\n this.Longitude = responce.data.Longitude;\r\n $(\"#inptLat\").val(responce.data.Latitude)\r\n $(\"#inptlog\").val(responce.data.Longitude)\r\n }\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n console.log(\"Getting Error in Gio Location\");\r\n });\r\n }\r\n btnSave(e: any) {\r\n const caseID = this.caseID;\r\n let UpdateFtvData = [];\r\n let type = this.type;\r\n $(\"#example1 tbody tr\").each(function (index, val) {\r\n (val.children[4].firstElementChild).value\r\n let value: IUpdateFactorDetails = {\r\n CaseID: caseID,\r\n FactorApiTag: \"\",\r\n FactorName: val.children[0].innerHTML,\r\n available: (val.children[1].firstElementChild).value,\r\n dbcol: (val.children[5].firstElementChild).value,\r\n distnce: (val.children[4].firstElementChild).value,\r\n fcount: (val.children[2].firstElementChild).value,\r\n vicname: (val.children[3].firstElementChild).value,\r\n type: type\r\n }\r\n UpdateFtvData.push(value);\r\n\r\n });\r\n\r\n const val = window.btoa(this.caseID);\r\n let data: IftvDetails = {\r\n details: UpdateFtvData\r\n }\r\n ApiService.UpdateFtvFactorData(data).then((responce: any) => {\r\n if (responce.status === 200) {\r\n Swal.fire('Thanks...', 'Update Data Successfully', 'success');\r\n // const data = window.btoa(this.caseID);\r\n this.router.navigate([\"/SupFtvFinalValuation\", { id: val, valuation: this.valuationID }]);\r\n }\r\n this.ngxService.stop();\r\n }).catch((e: any) => {\r\n this.ngxService.stop();\r\n // this.router.navigate([\"/SupFtvFinalValuation\", { id: val, valuation: this.valuationID }]);\r\n // Swal.fire('Thanks...', 'Update Data Successfully', 'success');\r\n Swal.fire('Oops...', 'Something went wrong try again!', 'error');\r\n });\r\n\r\n }\r\n\r\n}\r\nlet map;\r\nlet service;\r\nlet infowindow;\r\nlet pyrmont;\r\n\r\nfunction initialize(type: string) {\r\n const lat = $(\"#inptLat\").val();\r\n const lot = $(\"#inptlog\").val();\r\n pyrmont = new google.maps.LatLng(lat, lot);\r\n map = new google.maps.Map(document.getElementById('map'), {\r\n center: pyrmont,\r\n zoom: 16,\r\n backgroundColor: \"blue\"\r\n });\r\n let request = {\r\n location: pyrmont,\r\n radius: '500',\r\n type: [type.toLocaleLowerCase()]\r\n };\r\n service = new google.maps.places.PlacesService(map);\r\n service.nearbySearch(request, callback);\r\n var circle = new google.maps.Circle({\r\n center: pyrmont,\r\n map: map,\r\n radius: 200, // IN METERS.\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.3,\r\n strokeColor: \"#FF0000\",\r\n strokeWeight: 2,\r\n });\r\n var circle = new google.maps.Circle({\r\n center: pyrmont,\r\n map: map,\r\n radius: 500, // IN METERS.\r\n fillColor: '#FF0000',\r\n fillOpacity: 0.3,\r\n strokeColor: \"#FF0000\",\r\n strokeWeight: 2,\r\n });\r\n\r\n}\r\n\r\nfunction callback(results, status) {\r\n console.log(results);\r\n if (status == google.maps.places.PlacesServiceStatus.OK) {\r\n \r\n for (let i = 0; i < results.length; i++) {\r\n let place = results[i];\r\n createMarker(results[i], \"palace\");\r\n }\r\n createMarker(\"\", \"mainPoint\");\r\n }\r\n}\r\nfunction createMarker(place, type: string) {\r\n let marker\r\n if (type == \"palace\") {\r\n marker = new google.maps.Marker({\r\n map: map,\r\n position: place.geometry.location,\r\n title: place.name\r\n });\r\n } else {\r\n marker = new google.maps.Marker({\r\n map: map,\r\n position: pyrmont,\r\n title: \"Subject Property\",\r\n icon: \"../assets/images/icons8-marker-52.png\"\r\n });\r\n }\r\n google.maps.event.addListener(marker, 'click', function () {\r\n infowindow.setContent(place.name);\r\n infowindow.open(map, this);\r\n\r\n });\r\n\r\n\r\n}\r\n","module.exports = \"
\\r\\n - \\r\\n General Details1\\r\\n
\\r\\n - \\r\\n General Details2\\r\\n
\\r\\n - \\r\\n Property Detail\\r\\n
\\r\\n \\r\\n - \\r\\n CFM\\r\\n
\\r\\n - \\r\\n Other\\r\\n
\\r\\n - \\r\\n Property Radar\\r\\n
\\r\\n \\r\\n - \\r\\n \\r\\n
\\r\\n - \\r\\n \\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n \\r\\n \\r\\n \\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n \\r\\n\\r\\n
\\r\\n\\r\\n\\r\\n\\r\\n
\\r\\n
\\r\\n
\\r\\n\\r\\n
\\r\\n
\\r\\n
![](\\\"assets/images/Big-V-Cloud-Logo1.png\\\")
\\r\\n \\r\\n