\r\n
","import { Component, OnInit, Output, EventEmitter, Input, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { NgbDate, NgbDatepickerI18n, NgbDateAdapter, NgbDateParserFormatter, NgbCalendar } from '@ng-bootstrap/ng-bootstrap';\r\nimport { CustomAdapter, CustomDateParserFormatter } from 'src/app/core/services/custom-adapter-and-formatter.service';\r\nimport { GrogorianI18nService } from 'src/app/core/services/grogorian-calender-i18n.service';\r\n\r\n\r\n@Component({\r\n selector: 'app-calender',\r\n templateUrl: './calender.component.html',\r\n styleUrls: ['./calender.component.scss'],\r\n providers: [\r\n { provide: NgbDatepickerI18n, useClass: GrogorianI18nService },\r\n { provide: NgbDateAdapter, useClass: CustomAdapter },\r\n { provide: NgbDateParserFormatter, useClass: CustomDateParserFormatter }]\r\n})\r\nexport class CalenderComponent implements OnInit, OnChanges {\r\n model: any;\r\n @Output()\r\n dateSelect: EventEmitter\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {{'loanCalculator'| translate}}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {{'onlyForknow'| translate}}
\r\n{{'TheAmountOf' | translate}} {{calculatorModel?.amount | customCurrency}} {{'willResultAprofitOf' | translate}} {{calculatorModel?.annualProfiRate | precentage}} {{'within' | translate}} {{periodInMonths}} {{'month' | translate}}
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n {{'calculatorModel.flatRate'|translate}} \r\n
\r\n {{calculatorModel.flatRate | precentage}}
\r\n \r\n {{'calculatorModel.annualProfiRate'|translate}} \r\n
\r\n {{calculatorModel.annualProfiRate | precentage}}
\r\n \r\n {{'calculatorModel.effectiveMonthly'|translate}}\r\n {{'calculatorModel.effectiveQuarterly'|translate}}\r\n {{'calculatorModel.effectiveSemiannual'|translate}}\r\n {{'calculatorModel.effectiveAnnual'|translate}}\r\n
\r\n {{calculatorModel.effectiveMonthly | precentage}}
\r\n \r\n {{'calculatorModel.effectiveYearly'|translate}} \r\n
\r\n {{calculatorModel.effectiveYearly | precentage}}
\r\n \r\n {{'calculatorModel.totalProfit'|translate}} \r\n
\r\n {{calculatorModel.totalProfit | customCurrency}}
\r\n \r\n {{'calculatorModel.installment'|translate}}\r\n
\r\n {{calculatorModel.installment | customCurrency}}
\r\n \r\n {{'calculatorModel.adminFees'|translate}} \r\n
\r\n {{calculatorModel.adminFees | customCurrency}}
\r\n \r\n \r\n \r\n \r\n {{'calculatorModel.number'|translate}}\r\n \r\n \r\n {{record.sn}}\r\n \r\n \r\n \r\n \r\n {{'calculatorModel.installment'|translate}}\r\n \r\n \r\n {{record.installment |customCurrency}}\r\n \r\n \r\n \r\n \r\n \r\n {{'calculatorModel.principal' |translate}}\r\n \r\n {{record.principal | customCurrency}}\r\n \r\n \r\n \r\n \r\n \r\n {{'calculatorModel.interest'|translate}}\r\n \r\n \r\n {{record.interest | customCurrency}}\r\n \r\n \r\n \r\n \r\n \r\n {{'calculatorModel.os'|translate}}\r\n \r\n \r\n {{record.os | customCurrency}} \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n","import { TranslateService } from '@ngx-translate/core';\r\nimport { Component, Inject, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators, FormArray } from '@angular/forms';\r\nimport { MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { MatRadioChange } from '@angular/material/radio';\r\nimport { FormHelper } from 'src/app/core/helpers/Forms/form.helper';\r\nimport { Guid } from 'src/app/core/helpers/guid.helper';\r\nimport { LoansHelper } from 'src/app/core/helpers/loan-request.helper';\r\nimport { Gaurantor } from 'src/app/core/models/loan/gaurantor';\r\nimport { CRValidation } from 'src/app/core/validators/cr-validation';\r\nimport { NationalId } from 'src/app/core/validators/nationalId';\r\nimport { ConfirmDialogComponent, ConfirmDialogModel } from '../confirm-dialog/confirm-dialog.component';\r\nimport { ActivatedRoute } from '@angular/router';\r\n\r\n@Component({\r\n selector: 'app-gaurantor',\r\n templateUrl: './gaurantor.component.html'\r\n})\r\nexport class GaurantorComponent implements OnInit {\r\n gaurantorForm: FormGroup;\r\n isCompany: boolean;\r\n gaurantorTypes;\r\n selectedGuarantorType;\r\n idIssueDateType = 'Islamic';\r\n idIssueDateValue;\r\n idExpiryDateType = 'Islamic';\r\n idExpiryDateValue;\r\n birthDateType = 'Islamic';\r\n birthDateValue\r\n isRent: boolean;\r\n otherIncomeExist: boolean;\r\n lang = sessionStorage.getItem('lang');\r\n otherIncomes: FormArray;\r\n isEst: boolean = false;\r\n gaurentsList: Gaurantor[];\r\n editGurantor: Gaurantor = new Gaurantor();\r\n loanIdG: number;\r\n accodomations: { name: string; id: number; }[] = [\r\n { name: this.lang === 'ar-EG' ? 'مملوكة' : 'Owned', id: 1 },\r\n { name: this.lang === 'ar-EG' ? 'ملك مع الوالد' : 'Owned by Father', id: 2 },\r\n { name: this.lang === 'ar-EG' ? 'متوفر عن طريق جهة العمل' : 'Company Provided', id: 3 },\r\n { name: this.lang === 'ar-EG' ? 'ايجار' : 'Rent', id: 4 },\r\n { name: this.lang === 'ar-EG' ? 'ايجار مع العائلة' : 'Rent with Family', id: 5 }\r\n ];\r\n IncomeDescription: { name: string; id: number; }[] = [\r\n { name: this.lang === 'ar-EG' ? 'ايجارات' : 'Rents', id: 1 },\r\n { name: this.lang === 'ar-EG' ? 'اسهم' : 'StockShare', id: 2 }\r\n ];\r\n yesIsChecked: boolean = false;\r\n noIsChecked: boolean = true;\r\n constructor(\r\n private loansHelper: LoansHelper,\r\n private formBuilder: FormBuilder,\r\n public formHelper: FormHelper,\r\n private dialog: MatDialog,\r\n private activeRoute: ActivatedRoute,\r\n private translateService: TranslateService,\r\n @Inject(MAT_DIALOG_DATA) public data,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.gaurantorTypes = this.loansHelper.gaurantorsTypes;\r\n this.loanIdG = this.activeRoute.snapshot.params.id\r\n if (this.loansHelper.editingGaurentor) {\r\n this.fireOnUpdateMode();\r\n } else {\r\n this.onChangeGuarantorType('1');\r\n }\r\n }\r\n initeForm() {\r\n this.gaurantorForm = this.formBuilder.group({\r\n isIndividual: [false],\r\n id: [0],\r\n loanId: [0],\r\n guarantorName: [null],\r\n idNmuber: [null],\r\n idIssuePlace: [null, Validators.required],\r\n guarantorType: [this.selectedGuarantorType],\r\n haveCar: ['0'],\r\n totalSalary: [null],\r\n socialStatus: [1],\r\n noFamilyMember: [null],\r\n accodomation: [null],\r\n crNumber: [null],\r\n companyName: [null],\r\n rentAmount: [null],\r\n otherIncomes: this.formBuilder.array([]),\r\n idIssueDate: this.formBuilder.group({\r\n gregorianDate: [null],\r\n hijriDate: [null, Validators.required]\r\n }),\r\n idExpiryDate: this.formBuilder.group({\r\n gregorianDate: [null],\r\n hijriDate: [null, Validators.required]\r\n }),\r\n dateOfBirth: this.formBuilder.group({\r\n dateType: [this.idExpiryDateType],\r\n gregorianDate: [null],\r\n hijriDate: [null]\r\n }),\r\n guarantorAddress: this.formBuilder.group({\r\n id: [0],\r\n poBox: [null],\r\n zipCode: [null],\r\n city: [null],\r\n homeNumber: [null],\r\n cellPhone: [null],\r\n }),\r\n })\r\n }\r\n fireOnUpdateMode() {\r\n this.loanIdG = Number(this.loanIdG);\r\n this.editGurantor = this.loansHelper.editingGaurentor;\r\n this.editGurantor.guarantorType = String(this.editGurantor.guarantorType); \r\n this.onChangeGuarantorType(this.editGurantor.guarantorType);\r\n this.guarantorName.patchValue(this.editGurantor.guarantorName);\r\n this.guarantorAddress.get('poBox').patchValue(this.editGurantor.guarantorAddress.poBox);\r\n this.guarantorAddress.get('zipCode').patchValue(this.editGurantor.guarantorAddress.zipCode);\r\n this.guarantorAddress.get('city').patchValue(this.editGurantor.guarantorAddress.city);\r\n this.guarantorAddress.get('homeNumber').patchValue(this.editGurantor.guarantorAddress.homeNumber?.slice(4));\r\n this.guarantorAddress.get('cellPhone').patchValue(this.editGurantor.guarantorAddress.cellPhone?.slice(4));\r\n this.loanId.setValue(this.loanIdG);\r\n this.idNmuber.patchValue(this.editGurantor.idNmuber);\r\n this.idIssuePlace.patchValue(this.editGurantor.idIssuePlace)\r\n this.noFamilyMember.patchValue(this.editGurantor.noFamilyMember);\r\n this.totalSalary.patchValue(this.editGurantor.totalSalary);\r\n this.accodomation.setValue(String(this.editGurantor.accodomation));\r\n this.rentAmount.patchValue(this.editGurantor.rentAmount);\r\n this.companyName.patchValue(this.editGurantor.companyName);\r\n this.crNumber.patchValue(this.editGurantor.crNumber);\r\n if (this.rentAmount.value !== 0) {\r\n this.onAccodomationChange(this.accodomation.value)\r\n }\r\n //set otherIncomes if exist\r\n if (this.editGurantor.otherIncomes && this.editGurantor.otherIncomes.length > 0) {\r\n this.yesIsChecked = true;\r\n this.noIsChecked = false;\r\n for (let i = 0; this.editGurantor.otherIncomes.length > i; i++) {\r\n this.otherIncomes.push(this.formBuilder.group({\r\n id: [0],\r\n otherincomeId: [this.editGurantor.otherIncomes[i].otherincomeId, Validators.required],\r\n amount: [this.editGurantor.otherIncomes[i].amount, Validators.required]\r\n }))\r\n }\r\n } else {\r\n this.yesIsChecked = false;\r\n this.noIsChecked = true;\r\n }\r\n //set idIssueDate calender value\r\n for (const key in this.editGurantor.idIssueDate) {\r\n if (this.editGurantor.idIssueDate[key]) {\r\n this.idIssueDateValue = this.editGurantor.idIssueDate[key];\r\n }\r\n }\r\n this.idIssueDate.get('hijriDate').patchValue(this.idIssueDateValue);\r\n\r\n //set idExpiryDate calender value\r\n for (const key in this.editGurantor.idExpiryDate) {\r\n if (this.editGurantor.idExpiryDate[key]) {\r\n this.idExpiryDateValue = this.editGurantor.idExpiryDate[key];\r\n }\r\n }\r\n this.idExpiryDate.get('hijriDate').patchValue(this.idExpiryDateValue);\r\n\r\n //set dateOfBirth calender value\r\n for (const key in this.editGurantor.dateOfBirth) {\r\n if (this.editGurantor.dateOfBirth[key]) {\r\n this.birthDateValue = this.editGurantor.dateOfBirth[key];\r\n }\r\n }\r\n this.dateOfBirth.get('hijriDate').patchValue(this.birthDateValue);\r\n //set haveCar value\r\n if (this.editGurantor.haveCar) {\r\n this.haveCar.patchValue(\"1\");\r\n } else {\r\n this.haveCar.patchValue(\"0\");\r\n }\r\n this.socialStatus.setValue(String(this.editGurantor.socialStatus));\r\n console.log(this.isCompany);\r\n\r\n }\r\n get guarantorAddress() {\r\n return this.gaurantorForm.get('guarantorAddress');\r\n }\r\n get isIndividual() {\r\n return this.gaurantorForm.get('isIndividual');\r\n }\r\n get loanId() {\r\n return this.gaurantorForm.get('loanId');\r\n }\r\n get idIssuePlace() {\r\n return this.gaurantorForm.get('idIssuePlace');\r\n }\r\n get guarantorName() {\r\n return this.gaurantorForm.get('guarantorName');\r\n }\r\n get guarantorType() {\r\n return this.gaurantorForm.get('guarantorType');\r\n }\r\n get idNmuber() {\r\n return this.gaurantorForm.get('idNmuber');\r\n }\r\n get haveCar() {\r\n return this.gaurantorForm.get('haveCar');\r\n }\r\n get socialStatus() {\r\n return this.gaurantorForm.get('socialStatus');\r\n }\r\n get accodomation() {\r\n return this.gaurantorForm.get('accodomation');\r\n }\r\n get totalSalary() {\r\n return this.gaurantorForm.get('totalSalary');\r\n }\r\n get noFamilyMember() {\r\n return this.gaurantorForm.get('noFamilyMember');\r\n }\r\n get crNumber() {\r\n return this.gaurantorForm.get('crNumber');\r\n }\r\n get companyName() {\r\n return this.gaurantorForm.get('companyName');\r\n }\r\n get rentAmount() {\r\n return this.gaurantorForm.get('rentAmount');\r\n }\r\n get idIssueDate() {\r\n return this.gaurantorForm.get('idIssueDate');\r\n }\r\n get idExpiryDate() {\r\n return this.gaurantorForm.get('idExpiryDate');\r\n }\r\n get dateOfBirth() {\r\n return this.gaurantorForm.get('dateOfBirth');\r\n }\r\n onChangeGuarantorType(event) {\r\n this.selectedGuarantorType = event.toString();\r\n this.initeForm();\r\n this.birthDateValue = '';\r\n this.idIssueDateValue = '';\r\n this.idExpiryDateValue = '';\r\n this.otherIncomes = this.gaurantorForm.get('otherIncomes') as FormArray;\r\n switch (String(event)) {\r\n case '3':\r\n case '4':\r\n case '5':\r\n case '6':\r\n {\r\n this.isRent = true;\r\n this.isCompany = false;\r\n this.isEst = false;\r\n this.gaurantorForm.get('isIndividual').setValue(true);\r\n break;\r\n }\r\n case '1':\r\n {\r\n this.isRent = false;\r\n this.isCompany = true;\r\n this.isEst = false;\r\n this.gaurantorForm.get('isIndividual').setValue(false);\r\n break;\r\n }\r\n case '2':\r\n {\r\n this.isRent = false;\r\n this.isCompany = true;\r\n this.isEst = true;\r\n this.gaurantorForm.get('isIndividual').setValue(false);\r\n break;\r\n }\r\n\r\n }\r\n if (this.isIndividual.value) {\r\n this.setIndividualValidators();\r\n } else {\r\n this.setCompanyValidators();\r\n }\r\n console.log(this.isCompany);\r\n\r\n }\r\n setIndividualValidators() {\r\n this.guarantorName.setValidators(Validators.required);\r\n this.idNmuber.setValidators([Validators.required, NationalId.NinValidation()]);\r\n this.totalSalary.setValidators(Validators.required);\r\n this.noFamilyMember.setValidators(Validators.required);\r\n this.guarantorAddress.get('poBox').setValidators(Validators.required);\r\n this.guarantorAddress.get('zipCode').setValidators(Validators.required);\r\n this.guarantorAddress.get('city').setValidators(Validators.required);\r\n this.guarantorAddress.get('homeNumber').setValidators([Validators.required, Validators.pattern('^[5][0-9]*$')]);\r\n this.guarantorAddress.get('cellPhone').setValidators([Validators.required, Validators.pattern('^[5][0-9]*$')]);\r\n this.crNumber.updateValueAndValidity();\r\n this.companyName.updateValueAndValidity();\r\n this.haveCar.setValue('1');\r\n this.socialStatus.setValue('1');\r\n this.accodomation.setValue('1');\r\n }\r\n setCompanyValidators() {\r\n this.guarantorName.updateValueAndValidity();\r\n this.idNmuber.updateValueAndValidity();\r\n this.totalSalary.updateValueAndValidity();\r\n this.noFamilyMember.updateValueAndValidity();\r\n this.guarantorAddress.get('poBox').updateValueAndValidity();\r\n this.guarantorAddress.get('zipCode').updateValueAndValidity();\r\n this.guarantorAddress.get('city').updateValueAndValidity();\r\n this.guarantorAddress.get('homeNumber').updateValueAndValidity();\r\n this.guarantorAddress.get('cellPhone').updateValueAndValidity();\r\n this.haveCar.setValue(0);\r\n this.socialStatus.setValue(0);\r\n this.accodomation.setValue(0);\r\n this.crNumber.setValidators([Validators.required, Validators.minLength(10), CRValidation.StratWith7()]);\r\n this.companyName.setValidators(Validators.required);\r\n }\r\n addOtherIncomes() {\r\n this.otherIncomes.push(this.formBuilder.group({\r\n id: [0],\r\n otherincomeId: [null, Validators.required],\r\n amount: [null, Validators.required]\r\n }))\r\n }\r\n setOtherIncomesIdValue(group: FormGroup, i: number) {\r\n group.get('id').setValue(i + 1);\r\n return group.get('id').value;\r\n }\r\n onRemoveIncome(groupIndex) {\r\n this.otherIncomes.removeAt(groupIndex);\r\n }\r\n onChangeDateOfBirth(event: MatRadioChange) {\r\n this.birthDateType = event.value;\r\n }\r\n onChangeidIssueDateType(event: MatRadioChange) {\r\n this.idIssueDateType = event.value;\r\n }\r\n onChangeidExpiryDateType(event: MatRadioChange) {\r\n this.idExpiryDateType = event.value;\r\n }\r\n onAccodomationChange(value: string) {\r\n if (value === '4' || value === '5') {\r\n this.isRent = true;\r\n this.rentAmount.setValidators(Validators.required);\r\n } else {\r\n this.isRent = false;\r\n this.rentAmount.updateValueAndValidity();\r\n }\r\n }\r\n onChangeOtherIncome(event) {\r\n if (event.value === \"yes\") {\r\n this.otherIncomeExist = true;\r\n this.yesIsChecked = true;\r\n this.noIsChecked = false;\r\n } else if (event.value === \"no\" && this.otherIncomes.length > 0) {\r\n this.otherIncomeExist = false;\r\n this.otherIncomes.clear();\r\n } else {\r\n this.otherIncomeExist = false;\r\n this.yesIsChecked = false;\r\n this.noIsChecked = true;\r\n }\r\n }\r\n onDateSelect(event, formControlName, dateValue, formGroup, type) {\r\n this[dateValue] = event;\r\n this.gaurantorForm['controls'][formGroup].get(formControlName).setValue(event);\r\n //to empty if user choose two date type\r\n if (type === 'Gregorian') {\r\n this.gaurantorForm['controls'][formGroup].get('hijriDate').setValue(null);\r\n } else {\r\n this.gaurantorForm['controls'][formGroup].get('gregorianDate').setValue(null);\r\n }\r\n }\r\n onSubmit() {\r\n let gaurantorObj = new Gaurantor();\r\n gaurantorObj = this.gaurantorForm.value;\r\n gaurantorObj.loanId = Number(this.loanIdG);\r\n gaurantorObj.guarantorType = Number(this.gaurantorForm.get('guarantorType').value);\r\n gaurantorObj.haveCar = this.gaurantorForm.get('haveCar').value == '1' ? true : false;\r\n gaurantorObj.socialStatus = Number(this.gaurantorForm.get('socialStatus').value);\r\n gaurantorObj.accodomation = Number(this.gaurantorForm.get('accodomation').value);\r\n gaurantorObj.guarantorAddress.cellPhone = `+966${this.guarantorAddress.get('cellPhone').value}`;\r\n gaurantorObj.guarantorAddress.homeNumber = `+966${this.guarantorAddress.get('homeNumber').value}`;\r\n if (this.editGurantor.guid == undefined) {\r\n gaurantorObj.guid = Guid.newGuid();\r\n this.loansHelper.gaurantors.next(gaurantorObj);\r\n this.loansHelper.editingGaurentor = null;\r\n } else {\r\n gaurantorObj.guid = this.editGurantor.guid;\r\n this.loansHelper.editingGaurentor = gaurantorObj;\r\n }\r\n this.close();\r\n }\r\n close() {\r\n this.loansHelper.isGaurantorOpen.next(false);\r\n }\r\n confirmDialog(i: number): void {\r\n const message = this.translateService.instant('deleteMessage');\r\n const title = this.translateService.instant('confirmAction')\r\n const dialogData = new ConfirmDialogModel(title, message);\r\n const dialogRef = this.dialog.open(ConfirmDialogComponent, {\r\n maxWidth: \"400px\",\r\n data: dialogData\r\n });\r\n dialogRef.afterClosed().subscribe(dialogResult => {\r\n if (dialogResult) {\r\n this.onRemoveIncome(i)\r\n }\r\n });\r\n }\r\n\r\n}\r\n","\r\n {{title}}\r\n
\r\n \r\n {{message}}\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 {\r\n Component,\r\n OnInit,\r\n Output,\r\n EventEmitter,\r\n Input,\r\n OnChanges,\r\n SimpleChanges,\r\n AfterViewInit,\r\n} from '@angular/core';\r\nimport {\r\n NgbCalendar,\r\n NgbDatepickerI18n,\r\n NgbDateAdapter,\r\n NgbDateParserFormatter,\r\n NgbCalendarIslamicUmalqura,\r\n NgbDate,\r\n} from '@ng-bootstrap/ng-bootstrap';\r\n\r\nimport {\r\n CustomAdapter,\r\n CustomDateParserFormatter,\r\n} from 'src/app/core/services/custom-adapter-and-formatter.service';\r\nimport { IslamicI18nService } from 'src/app/core/services/islamic-calender-i18n.service';\r\n\r\n@Component({\r\n selector: 'app-hijri-calender',\r\n templateUrl: './hijri-calender.component.html',\r\n styleUrls: ['./hijri-calender.component.scss'],\r\n providers: [\r\n { provide: NgbDatepickerI18n, useClass: IslamicI18nService },\r\n { provide: NgbCalendar, useClass: NgbCalendarIslamicUmalqura },\r\n { provide: NgbDateAdapter, useClass: CustomAdapter },\r\n { provide: NgbDateParserFormatter, useClass: CustomDateParserFormatter },\r\n ],\r\n})\r\nexport class HijriCalenderComponent implements OnInit, OnChanges {\r\n model: any;\r\n @Output() dateSelect: EventEmitter\r\n \r\n \r\n {{userName}}\r\n \r\n \r\n {{'changePassword'|translate}} \r\n {{'logout'|translate}} \r\n \r\n
\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { SecurityService } from 'src/app/core/services/security.service';\r\n\r\n@Component({\r\n selector: 'app-footer',\r\n templateUrl: './footer.component.html'\r\n})\r\nexport class FooterComponent implements OnInit {\r\n isLoggedIn: boolean;\r\n currentYear:number\r\n constructor(\r\n public router: Router,\r\n private securityService: SecurityService\r\n ) \r\n {\r\n this.currentYear=new Date().getFullYear();\r\n }\r\n\r\n ngOnInit(): void {\r\n this.isLoggedIn = this.securityService.IsAuthorized;\r\n }\r\n\r\n}\r\nfunction getFullYear() {\r\n throw new Error('Function not implemented.');\r\n}\r\n\r\n","\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { Router } from '@angular/router';\r\nimport { SharedHelper } from 'src/app/core/helpers/shared.helper';\r\nimport { UserType } from 'src/app/core/models/registration/userType.enum';\r\nimport { SecurityService } from 'src/app/core/services/security.service';\r\n\r\n@Component({\r\n selector: 'app-header',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['./header.component.css']\r\n})\r\nexport class HeaderComponent implements OnInit {\r\n headItems = [{\r\n link: '/',\r\n desc: 'home',\r\n isActive: false,\r\n queryParams: '',\r\n linkType: 'noneType'\r\n },\r\n {\r\n link: '/register/instructions',\r\n desc: 'lender',\r\n isActive: false,\r\n queryParams: 'lender',\r\n linkType: 'instructions'\r\n },\r\n {\r\n link: '/register/instructions',\r\n desc: 'borrower',\r\n isActive: false,\r\n queryParams: 'borrower',\r\n linkType: 'instructions'\r\n },\r\n {\r\n link: '/successStories',\r\n desc: 'stories',\r\n isActive: false,\r\n queryParams: '',\r\n linkType: 'noneType'\r\n },\r\n {\r\n link: '/static/about',\r\n desc: 'aboutUs',\r\n isActive: false,\r\n queryParams: '',\r\n linkType: 'noneType'\r\n },\r\n {\r\n link: '/static/faq',\r\n desc: 'help',\r\n isActive: false,\r\n queryParams: '',\r\n linkType: 'noneType'\r\n }];\r\n otherLanguage: string;\r\n isAuthorized: boolean;\r\n name;\r\n userType: UserType;\r\n constructor(\r\n public router: Router,\r\n public sharedHelper: SharedHelper,\r\n public securityService: SecurityService\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.isAuthorized = this.securityService.IsAuthorized;\r\n this.userType = this.securityService.currentUser() == null ? null : +this.securityService.currentUser().role as UserType;\r\n this.setInialLanguage();\r\n this.setUserData();\r\n }\r\n setUserData() {\r\n if (this.securityService.IsAuthorized) {\r\n this.name = this.securityService.currentUser().preferred_username ?\r\n this.securityService.currentUser().preferred_username :\r\n this.securityService.currentUser().email;\r\n }\r\n }\r\n setInialLanguage() {\r\n this.otherLanguage = sessionStorage.getItem('lang') ?\r\n sessionStorage.getItem('lang') === 'ar-EG' ?\r\n 'English' :\r\n 'العربية' :\r\n 'English';\r\n }\r\n isActive(i): boolean {\r\n if (this.headItems[i].link === this.router.url) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n toggelMobileMenue(rout): void {\r\n document.body.classList.toggle('mobile-nav-active');\r\n if (rout) {\r\n if (rout === '/auth/login') {\r\n this.login();\r\n return;\r\n }\r\n this.router.navigate([rout]);\r\n }\r\n }\r\n logout() {\r\n localStorage.removeItem('phoneVerified');\r\n this.securityService.Logoff();\r\n }\r\n login() {\r\n this.securityService.Authorize();\r\n }\r\n}\r\n","\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n\r\n\r\n \r\n ![\"Ulenda\"](\"assets/img/logo/logo.svg\")
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {{'myAccount'|translate}}\r\n \r\n \r\n {{'logout'|translate}}\r\n \r\n \r\n
\r\n \r\n
","import { Router } from '@angular/router';\r\nimport { Component, OnInit, OnDestroy } from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\nimport { OpenOpportunity } from 'src/app/core/models/loan/loan.model';\r\nimport { AppConfigService } from 'src/app/core/services/app-config.service';\r\nimport { LoanService } from 'src/app/core/services/loan.service';\r\nimport { LookupsService } from 'src/app/core/services/lookups.service';\r\nimport { SecurityService } from 'src/app/core/services/security.service';\r\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { RiskAverage } from 'src/app/core/models/registration/userType.enum';\r\n\r\n@Component({\r\n selector: 'app-market-place',\r\n templateUrl: './market-place.component.html',\r\n styleUrls: ['./market-place.component.scss']\r\n})\r\n\r\nexport class MarketPlaceComponent implements OnInit, OnDestroy {\r\n apiUrl: string;\r\n durationInMonths;\r\n openOpportunityList: OpenOpportunity[] = [];\r\n totalLength: any;\r\n pageNumber : number = 1;\r\n subscriptionArray : Subscription[] = [];\r\n currentUrlIsMarketPlace: boolean;\r\n lang: string \r\n riskAverage ;\r\n riskStyle: string;\r\n constructor(private loanService: LoanService,\r\n private config: AppConfigService, \r\n private route: Router,\r\n private translateService : TranslateService,\r\n private securityService : SecurityService,\r\n private lookupsService: LookupsService) {\r\n this.apiUrl = this.config.getConfiguration().apiUrl + 'api/';\r\n this.lang = sessionStorage.getItem('lang');\r\n }\r\n\r\n ngOnInit(): void {\r\n this.currentUrlIsMarketPlace = this.route.url === '/marketPlace' ? true : false;\r\n this.getLoanDuration();\r\n this.getAllOpenOpportunity();\r\n }\r\n getLoanDuration(){\r\n this.subscriptionArray.push(\r\n this.lookupsService.getAllLoanDuration().subscribe(res => {\r\n if(res.succeeded){\r\n this.durationInMonths = res.data;\r\n }\r\n }))\r\n }\r\n getAllOpenOpportunity(){\r\n this.subscriptionArray.push(this.loanService.getAllOpenOpportunity().subscribe(res => {\r\n if(res.succeeded){\r\n this.openOpportunityList = res.data;\r\n this.totalLength = this.openOpportunityList.length;\r\n this.openOpportunityList.forEach(openOpportunity => {\r\n openOpportunity.imageUrl=this.apiUrl+'Document/DownloadFile?id='+openOpportunity.imageUrl;\r\n openOpportunity.periodInMonths = this.durationInMonths?.find(item => item.id === openOpportunity.periodInMonths).duration;\r\n this.riskAverage = openOpportunity.riskAverage;\r\n openOpportunity.riskStyle = `mb-1 risk-${this.riskAverage}`\r\n switch (this.riskAverage) {\r\n case RiskAverage.High: {\r\n openOpportunity.riskAverage = this.translateService.instant('High');\r\n break\r\n }\r\n case RiskAverage.Low: {\r\n openOpportunity.riskAverage = this.translateService.instant('Low');\r\n break\r\n }\r\n case RiskAverage.Medium: {\r\n openOpportunity.riskAverage = this.translateService.instant('Medium');\r\n break\r\n }\r\n }\r\n })\r\n }\r\n }))\r\n }\r\n goToInvestNow(openOpportunity){\r\n if(this.securityService.IsAuthorized){\r\n this.route.navigate(['../lender/newInvest',openOpportunity.id])\r\n }else{\r\n Swal.fire({\r\n text: this.translateService.instant('logInMessage'),\r\n icon: 'warning',\r\n confirmButtonText: this.translateService.instant('yes'),\r\n confirmButtonColor: '#e8ab21',\r\n showCancelButton: true,\r\n cancelButtonText: this.translateService.instant('no'),\r\n cancelButtonColor: '#dddcdc',\r\n }).then((result =>{\r\n if(result.isConfirmed){\r\n this.securityService.Authorize();\r\n }\r\n }))\r\n }\r\n }\r\n //set number of cards based on current view\r\n getCSSClass() : string{\r\n if(this.currentUrlIsMarketPlace){\r\n return 'col-md-3 col-12 mb-4';\r\n }else{\r\n return 'col-md-4 col-12 mb-4';\r\n }\r\n }\r\n ngOnDestroy(){\r\n this.subscriptionArray.forEach(element => {\r\n element.unsubscribe();\r\n });\r\n }\r\n}\r\n","\r\n \r\n \r\n ![\"Ulenda\"](\"assets/img/profile/logo.svg\")
\r\n \r\n
\r\n\r\n \r\n - \r\n
- \r\n \r\n
\r\n {{ command.text | translate}}\r\n \r\n
\r\n \r\n - \r\n \r\n \r\n \r\n
- \r\n \r\n
\r\n {{ child.text | translate}}\r\n \r\n
\r\n
0 && command.isChildOpen\">\r\n
\r\n - \r\n
\r\n
","import { ModuleWithProviders, NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { MaterialModule } from '../core/material/material.module';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { NgxPaginationModule } from 'ngx-pagination';\r\nimport { RouterModule } from '@angular/router';\r\nimport { BaseComponent } from '../views/pages/base/base.component';\r\nimport { TranslateLoader, TranslateModule } from '@ngx-translate/core';\r\nimport { HttpClient, HttpClientModule } from '@angular/common/http';\r\nimport { CustomeCurrecyPipe } from '../core/custom-pipes/custom-currency-pipe';\r\nimport { OnlyNumberDirective } from '../core/directives/onlynumber.directive';\r\nimport { PreventSpacesDirective } from '../core/directives/preventSpaces.directive';\r\nimport { CountdownModule } from 'ngx-countdown';\r\nimport { FooterComponent } from './layouts/footer/footer.component';\r\nimport { HeaderComponent } from './layouts/header/header.component';\r\nimport { SideBarComponent } from './layouts/side-bar/side-bar.component';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\nimport { HijriCalenderComponent } from './hijri-calender/hijri-calender.component';\r\nimport { NgbModule } from '@ng-bootstrap/ng-bootstrap';\r\nimport { CalenderComponent } from './calender/calender.component';\r\nimport { SecurityService } from '../core/services/security.service';\r\nimport { StorageService } from '../core/services/storage.service';\r\nimport { Identity } from './layouts/Identity/identity';\r\nimport { GaurantorComponent } from './gaurantor/gaurantor.component';\r\nimport { ConfirmDialogComponent } from './confirm-dialog/confirm-dialog.component';\r\nimport { CalculatorComponent } from './calculator/calculator.component';\r\nimport { MarketPlaceComponent } from './market-place/market-place.component'\r\nimport { SummeryComponent } from './summery/summery.component';\r\nimport { PrecentagePipe } from '../core/custom-pipes/precentage.pipe';\r\nimport { RemaingInvestmentTimingPipe } from '../core/custom-pipes/investTime.pipe';\r\nexport function httpLoaderFactory(http: HttpClient): TranslateHttpLoader {\r\n return new TranslateHttpLoader(http, './assets/i18n/', '.json');\r\n}\r\n@NgModule({\r\n declarations: [\r\n CustomeCurrecyPipe,\r\n PrecentagePipe,\r\n RemaingInvestmentTimingPipe,\r\n BaseComponent,\r\n OnlyNumberDirective,\r\n PreventSpacesDirective,\r\n HeaderComponent,\r\n FooterComponent,\r\n SideBarComponent,\r\n HijriCalenderComponent,\r\n CalenderComponent,\r\n GaurantorComponent,\r\n ConfirmDialogComponent,\r\n CalculatorComponent,\r\n Identity,\r\n MarketPlaceComponent,\r\n SummeryComponent\r\n ],\r\n imports: [\r\n NgbModule,\r\n HttpClientModule,\r\n MaterialModule,\r\n CommonModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n RouterModule,\r\n CountdownModule,\r\n NgxPaginationModule,\r\n TranslateModule.forChild({\r\n loader: {\r\n provide: TranslateLoader,\r\n useFactory: httpLoaderFactory,\r\n deps: [HttpClient]\r\n }\r\n }),\r\n ],\r\n exports: [\r\n CalenderComponent,\r\n HijriCalenderComponent,\r\n MaterialModule,\r\n FormsModule,\r\n ReactiveFormsModule,\r\n RouterModule,\r\n NgxPaginationModule,\r\n BaseComponent,\r\n HeaderComponent,\r\n FooterComponent,\r\n CustomeCurrecyPipe,\r\n PrecentagePipe,\r\n RemaingInvestmentTimingPipe,\r\n OnlyNumberDirective,\r\n PreventSpacesDirective,\r\n CountdownModule,\r\n GaurantorComponent,\r\n CalculatorComponent,\r\n ConfirmDialogComponent,\r\n MarketPlaceComponent\r\n ],\r\n bootstrap: [HijriCalenderComponent]\r\n})\r\nexport class SharedModule {\r\n static forRoot(): ModuleWithProviders\r\n 0\" class=\" col-md-12 text-center mb-3\" id=\"marketPlace\" (pageChange)=\"pageNumber = $event\"\r\n directionLinks=\"true\" responsive=\"true\" previousLabel=\"{{'PREVIOUS_PAGE_LABEL' | translate}}\"\r\n nextLabel=\"{{'NEXT_PAGE_LABEL' | translate}}\">\r\n \r\n
\r\n\r\n {{'marketPlace.first' | translate}}\r\n {{'marketPlace.sec' | translate}}\r\n
\r\n\r\n
\r\n \r\n ![\"Card](\"{{openOpportunity.imageUrl}}\")
\r\n
\r\n \r\n {{openOpportunity.completePercentage | precentage }} \r\n \r\n
\r\n \r\n
\r\n \r\n {{openOpportunity.crName}}
\r\n \r\n
\r\n \r\n \r\n {{'marketPlace.title' | translate}}\r\n
\r\n \r\n {{openOpportunity.id}}\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n {{'marketPlace.LoanDurationinMonths' | translate}}
\r\n {{openOpportunity.periodInMonths }}
\r\n \r\n
\r\n {{'marketPlace.loanAmount' | translate}}
\r\n {{openOpportunity.amount | customCurrency}}\r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n {{openOpportunity.activityType}}
\r\n\r\n
\r\n {{'marketPlace.paymentMechanism' | translate}}
\r\n {{openOpportunity.paymentMechanism}}
\r\n \r\n
\r\n
\r\n \r\n
\r\n {{'marketPlace.AnnualProfitRate' | translate}}
\r\n {{openOpportunity.annualProfitRate | precentage}}
\r\n \r\n
\r\n {{'marketPlace.RiskAverage' | translate}}
\r\n {{openOpportunity.riskAverage}}
\r\n \r\n {{'marketPlace.noAvailableOpportunities' | translate}}\r\n
\r\n\r\n
\r\n\r\n","import { SecurityService } from 'src/app/core/services/security.service';\r\nimport { Component, OnInit } from '@angular/core';\r\nimport { TranslateService } from '@ngx-translate/core';\r\nimport { UserType } from 'src/app/core/models/registration/userType.enum';\r\n\r\n@Component({\r\n selector: 'app-base',\r\n templateUrl: './base.component.html'\r\n})\r\nexport class BaseComponent implements OnInit {\r\n showFiller = false;\r\n Authenticated: boolean = false;\r\n constructor(\r\n private translate: TranslateService,\r\n private securityService: SecurityService,\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n this.setLanguage();\r\n\r\n if (this.securityService.currentUser() != null && this.securityService.currentUser().role !== UserType.Admin) {\r\n this.Authenticated = this.securityService.IsAuthorized;\r\n } else {\r\n this.Authenticated = this.securityService.IsAuthorized;\r\n }\r\n\r\n }\r\n\r\n setLanguage(): void {\r\n this.translate.addLangs(['ar-EG', 'en-US']);\r\n this.translate.setDefaultLang('ar-EG');\r\n const usedLang = sessionStorage.getItem('lang') ?\r\n sessionStorage.getItem('lang')\r\n : 'ar-EG';\r\n sessionStorage.setItem('lang', usedLang);\r\n this.translate.use(usedLang);\r\n // add rtl style sheet\r\n if (usedLang === 'ar-EG') {\r\n document.getElementsByTagName('html')[0].setAttribute('dir', 'rtl');\r\n const rtlStylSheet = document.createElement('link');\r\n rtlStylSheet.setAttribute('href', 'assets/css/rtl.css');\r\n rtlStylSheet.setAttribute('rel', 'stylesheet');\r\n document.getElementsByTagName('head')[0].append(rtlStylSheet);\r\n }\r\n }\r\n backToTop() {\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }\r\n}\r\n","\r\n\r\n\r\n
\r\n\r\n {{'finanicialReports' | translate}}\r\n
\r\n- \r\n
- \r\n
{{'penddingLoans' | translate}}
\r\n{{'count' | translate}} : {{summaryData.pendeingLoans}}
\r\n \r\n - \r\n
{{'approvedLoans' | translate}}
\r\n{{'count' | translate}} : {{summaryData.approvedLoans}}
\r\n \r\n - \r\n
{{'omnibutInfo' | translate}}
\r\n{{'acountNumber' | translate}} : {{summaryData.accountNumber}}
\r\n \r\n
- \r\n
- \r\n
{{'Wallet' | translate}}
\r\n{{'count' | translate}} : {{summaryData.wallet | customCurrency}}
\r\n \r\n - \r\n
{{'activeInvestments' | translate}}
\r\n{{'count' | translate}} : {{summaryData.activeInvestmentCount}}
\r\n{{'amount' | translate}} : {{summaryData.activeInvestmentAmount | customCurrency}}
\r\n \r\n - \r\n
{{'omnibutInfo' | translate}}
\r\n{{'acountNumber' | translate}} : {{summaryData.accountNumber}}
\r\n \r\n - \r\n
{{'totalInvestmentsPercentage' | translate}}
\r\n{{'totalInvestmentsPercentage' | translate}} : {{summaryData.totalInvestmentPercentage}} %
\r\n \r\n
\r\n
\r\n\r\n\r\n