\n
\n\n\n\n
\n \n
\n \n
\n\n \n \n
\n","import { BrowserModule } from '@angular/platform-browser';\nimport { NgModule, LOCALE_ID} from '@angular/core';\nimport { DatePipe, registerLocaleData } from '@angular/common';\n\nimport localeFr from '@angular/common/locales/fr';\nimport localeHu from '@angular/common/locales/hu';\n\n//Some import before, add this\nimport { DateAdapter, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MatDialogModule } from '@angular/material';\nimport { MomentDateModule, MomentDateAdapter } from '@angular/material-moment-adapter';\n\nimport { FormsModule } from '@angular/forms';\nimport { AppComponent } from './app.component';\nimport { SharedModule } from './shared/shared.module';\nimport { ManagementModule } from './features/management/management.module';\nimport { ReportsModule } from './features/reports/reports.module';\nimport { AppRoutingModule } from './app-routing.module';\nimport { AccountModule } from './features/account/account.module';\nimport { TrameUtilService } from './shared/trame-util.service';\nimport { AuthService } from './shared/auth.service';\nimport { AuthGuard } from './shared/auth.guard';\nimport { EncrDecrService } from './shared/EncrDecrService';\nimport { InvokerService } from './shared/invoker.service';\nimport { DataService } from './shared/DataService';\nimport { HttpClientModule } from '@angular/common/http';\nimport { DeviceDetectorService } from 'ngx-device-detector';\nimport { TreeviewModule } from 'ngx-treeview';\nimport { MenuServiceEn } from './shared/menu.en.service';\nimport { ConfigurationModule } from './features/configuration/configuration.module';\nimport { ToastrModule } from 'ngx-toastr';\nimport { BrowserAnimationsModule } from '@angular/platform-browser/animations';\nimport { UiSwitchModule } from 'ngx-ui-switch';\nimport { SweetAlert2Module } from '@sweetalert2/ngx-sweetalert2';\nimport { PaginationComponent } from './features/account/pagination/pagination.component';\nimport { MerchandConfigurationComponent } from './features/configuration/merchand-configuration/merchand-configuration.component';\nimport { RetroCommissionModuleComponent } from './features/account/retro-commission-module/retro-commission-module.component';\nimport { UploadSynchronisationComponent } from './features/configuration/upload-synchronisation/upload-synchronisation.component';\n\nexport const MY_FORMATS = {\n parse: {\n dateInput: 'DD/MM/YYYY',\n },\n display: {\n dateInput: 'DD/MM/YYYY',\n monthYearLabel: 'MM YYYY',\n dateA11yLabel: 'DD/MM/YYYY',\n monthYearA11yLabel: 'MM YYYY',\n },\n};\n\nregisterLocaleData(localeFr, 'fr')\nregisterLocaleData(localeHu, 'hu')\n\n@NgModule({\n declarations: [\n AppComponent,\n UploadSynchronisationComponent\n ],\n imports: [\n BrowserModule,\n SharedModule,\n ManagementModule,\n ReportsModule,\n AccountModule,\n ConfigurationModule,\n AppRoutingModule,\n FormsModule,\n HttpClientModule,\n BrowserAnimationsModule,\n UiSwitchModule,\n MatDialogModule,\n SweetAlert2Module.forRoot(),\n TreeviewModule.forRoot(), // required animations module\n ToastrModule.forRoot(),\n ],\n providers: [\n TrameUtilService,\n AuthService,\n AuthGuard,\n EncrDecrService,\n InvokerService,\n DataService,\n MenuServiceEn,\n DeviceDetectorService,\n { provide: MAT_DATE_LOCALE, useValue: 'en' }, //you can change useValue\n { provide: LOCALE_ID, useValue: 'fr' },\n { provide: DateAdapter, useClass: MomentDateAdapter, deps: [MAT_DATE_LOCALE] },\n { provide: MAT_DATE_FORMATS, useValue: MY_FORMATS },\n DatePipe\n ],\n bootstrap: [AppComponent],\n})\nexport class AppModule { }\n","import { NgModule } from \"@angular/core\";\r\nimport { RouterModule, Routes } from \"@angular/router\";\r\nimport { SharedModule } from \"src/app/shared/shared.module\";\r\nimport { LoginComponent } from \"./login/login.component\";\r\nimport { ChangePassComponent } from \"./change-pass/change-pass.component\";\r\nimport { PaymentComponent } from \"./payment/payment.component\";\r\nimport { InvoiceComponent } from \"./invoice/invoice.component\";\r\nimport { ChangeDefaultPasswordComponent } from \"./change-default-password/change-default-password.component\";\r\nimport { ForgotPasswordComponent } from \"./forgot-password/forgot-password.component\";\r\nimport { OtpVerificationComponent } from \"./otp-verification/otp-verification.component\";\r\nimport { SetNewPasswordComponent } from \"./set-new-password/set-new-password.component\";\r\nimport { RetroCommissionModuleComponent } from \"./retro-commission-module/retro-commission-module.component\";\r\n\r\nconst routes: Routes = [\r\n { path: \"login\", component: LoginComponent },\r\n {\r\n path: \"change-default-password\",\r\n component: ChangeDefaultPasswordComponent,\r\n },\r\n { path: \"forgot-password\", component: ForgotPasswordComponent },\r\n { path: \"otp-verification\", component: OtpVerificationComponent },\r\n { path: \"set-new-password\", component: SetNewPasswordComponent },\r\n { path: \"account/change-pass\", component: ChangePassComponent },\r\n { path: \"account/payment\", component: PaymentComponent },\r\n { path: \"account/invoice\", component: InvoiceComponent },\r\n // { path: \"account/retro-commission\", component: RetroCommissionModuleComponent },\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [RouterModule, SharedModule],\r\n})\r\nexport class AccountRoutingModule {}\r\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { LoginComponent } from \"./login/login.component\";\nimport { ChangePassComponent } from \"./change-pass/change-pass.component\";\nimport { AccountRoutingModule } from \"./account-routing-module\";\nimport { FormsModule } from \"@angular/forms\";\nimport { PaymentComponent } from \"./payment/payment.component\";\nimport { InvoiceComponent } from \"./invoice/invoice.component\";\nimport { ChangeDefaultPasswordComponent } from \"./change-default-password/change-default-password.component\";\nimport { ForgotPasswordComponent } from \"./forgot-password/forgot-password.component\";\nimport { OtpVerificationComponent } from \"./otp-verification/otp-verification.component\";\nimport { SetNewPasswordComponent } from \"./set-new-password/set-new-password.component\";\nimport { PaginationComponent } from \"src/app/features/account/pagination/pagination.component\";\nimport { RetroCommissionModuleComponent } from \"./retro-commission-module/retro-commission-module.component\";\n\n@NgModule({\n declarations: [\n LoginComponent,\n ChangePassComponent,\n PaymentComponent,\n InvoiceComponent,\n ChangeDefaultPasswordComponent,\n ForgotPasswordComponent,\n OtpVerificationComponent,\n SetNewPasswordComponent,\n PaginationComponent,\n RetroCommissionModuleComponent\n ],\n imports: [CommonModule, AccountRoutingModule, FormsModule],\n exports: [\n LoginComponent,\n ChangePassComponent,\n PaymentComponent,\n InvoiceComponent,\n PaginationComponent\n ],\n})\nexport class AccountModule {}\n","import { HttpResponse } from \"@angular/common/http\";\nimport { Component, OnInit } from \"@angular/core\";\nimport { Router } from \"@angular/router\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { DataService } from \"src/app/shared/DataService\";\nimport { APIResponse } from \"src/app/shared/models\";\nimport { AbstractControl } from \"@angular/forms\";\n\ndeclare var showLoader;\n\n@Component({\n selector: \"app-change-default-password\",\n templateUrl: \"./change-default-password.component.html\",\n styleUrls: [\"./change-default-password.component.css\"],\n})\nexport class ChangeDefaultPasswordComponent implements OnInit {\n oldPwd: string;\n newPwd: string;\n confirmPwd: string;\n userUUID: string;\n changePasswordObject: {\n oldPwd: string;\n newPwd: string;\n confirmPwd: string;\n };\n passwordPattern =\n /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[!@#$%^&*()_+=-]).{8,}$/;\n\n constructor(\n private ds: DataService,\n private alert: ToastrService,\n private router: Router\n ) {}\n\n ngOnInit(): void {\n this.onInit();\n\n // cleanup\n localStorage.removeItem(\"defaultPassword\");\n localStorage.removeItem(\"UUID\");\n }\n\n onChangeDefaultPassword() {\n if (this.newPwd != this.confirmPwd) {\n this.alert.error(\n \"ERROR\",\n \"New password is different form password confirmation\"\n );\n return;\n }\n\n this.changePasswordObject.oldPwd = btoa(this.oldPwd);\n this.changePasswordObject.newPwd = btoa(this.newPwd);\n this.changePasswordObject.confirmPwd = btoa(this.confirmPwd);\n\n showLoader(true);\n this.ds\n .put(\"/users/change-password/\" + this.userUUID, this.changePasswordObject)\n .subscribe({\n next: (res: HttpResponse\n
\n\n ![\"logo.png\"](\"assets/images/log111.png\")
\n
\n \n \n
\n\n \n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n
\n Change Default Password
\n The password you're currently using is unsecure. Please change it here.\n\n
\n \n
\n \n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Change Weak Password
\n\n \n
\n \n \n
\n\n\n
","import { HttpResponse } from \"@angular/common/http\";\nimport { Component, OnInit } from \"@angular/core\";\nimport { Router } from \"@angular/router\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { DataService } from \"src/app/shared/DataService\";\nimport { APIResponse } from \"src/app/shared/models\";\n\ndeclare var showLoader;\n\n@Component({\n selector: \"app-forgot-password\",\n templateUrl: \"./forgot-password.component.html\",\n styleUrls: [\"./forgot-password.component.css\"],\n})\nexport class ForgotPasswordComponent implements OnInit {\n username: string;\n\n constructor(\n private ds: DataService,\n private alert: ToastrService,\n private router: Router\n ) {}\n\n ngOnInit(): void {\n this.onInit();\n //cleanup\n localStorage.removeItem(\"forgotPassword\");\n }\n\n onInit() {\n this.username = \"\";\n }\n\n onSubmitUsername() {\n showLoader(true);\n this.ds.post(\"/users/forgot/password\", {\"username\": this.username}).subscribe({\n next: (res: HttpResponse\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Change Password
\n Add class of.form-control with <input> tag\n \n \n
\n \n
\n\n \n
\n \n \n
\n\n \n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n
\n Forgot Password
\n Please submit the username of the account.\n\n
\n \n
\n \n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Forgot Password
\n\n \n
\n \n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { AuthModel, APIResponse, User } from 'src/app/shared/models';\nimport { UUID } from 'angular2-uuid';\nimport { Md5 } from 'md5-typescript';\nimport { HttpResponse, HttpHeaders } from '@angular/common/http';\nimport { DataService } from 'src/app/shared/DataService';\nimport { AuthService } from 'src/app/shared/auth.service';\nimport { Router } from '@angular/router';\nimport { TrameUtilService } from 'src/app/shared/trame-util.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-login',\n templateUrl: './login.component.html',\n styleUrls: ['./login.component.css']\n})\nexport class LoginComponent implements OnInit {\n\n login: AuthModel;\n headers: HttpHeaders;\n msg: string;\n pwd: string;\n\n constructor(private ds: DataService, private auth: AuthService,\n private router: Router, private trame: TrameUtilService) {\n this.headers = new HttpHeaders();\n this.initView();\n }\n\n ngOnInit(): void {\n }\n\n //#region CRUD OPERATIONS\n onSignIn(): void {\n // this.login.password = Md5.init(this.pwd);\n this.login.password = btoa(this.pwd)\n this.login.uuid = UUID.UUID();\n this.login.module = 'CRM';\n\n showLoader(true);\n this.ds.post('/users/login', JSON.stringify(this.login))\n .subscribe((res: HttpResponse\n
\n\n
\n \n
\n \n \n
\n\n\n \n
\n \n\n
\n \n
\n\n \n \n\n \n\n
\n \n \n
\n\n \n \n\n \n\n
\n \n \n\n
\n\n \n \n \n
\n \n \n\n \n \n
\n\n \n\n \n \n
\n \n
\n \n
\n \n \n \n
\n\n \n\n
\n | Credit Union | \nBranch | \nMember | \nName | \nFile N° | \nLoan Date | \nMotif | \nLoan Amount | \nCharge Amount | \n
|---|---|---|---|---|---|---|---|---|
| {{pr.loan.bqId}} | \n{{pr.loan.agccpt}} | \n{{pr.loan.numcli}} | \n{{pr.loan.nomcli}} | \n{{pr.loan.numdos}} | \n{{pr.loan.datedem}} | \n{{pr.loan.motifdem}} | \n{{pr.loan.mtpret}} | \n{{pr.chargeAmount}} | \n
\n
\n\n
\n\n \n\n \n\n
\n\n \n
\n\n \n
\n \n \n
\n\n \n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n
\n OTP Code Verification
\n Please submit the OTP code sent to your email.\n\n
\n \n
\n \n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Enter OTP Code
\n\n \n
\n You are about to perform an online payment for your bill of ${this.datePipe.transform(this.convertStringToDate(this.selectedPeriod), 'MMMM yyyy', '', 'en')}. With services fees, the total amount deducted from your account will be ${this.paymentRequest.amount_with_fees} FCFA.
`,\n html: ``,\n input: 'text',\n inputPlaceholder: 'eg: 690000000',\n showCancelButton: true,\n confirmButtonColor: \"#3085d6\",\n cancelButtonColor: \"#d33\",\n confirmButtonText: \"Pay\",\n preConfirm: async (number) => {\n try {\n this.paymentRequest.amount_paid = this.pay.amntDue\n this.paymentRequest.mobile_payment_number = number\n console.log(this.paymentRequest)\n showLoader(true)\n this.onPaymentCash()\n //return response.json();\n } catch (error) {\n Swal.showValidationMessage(`\n Request failed: ${error}\n `);\n }\n },\n allowOutsideClick: () => !Swal.isLoading()\n })\n } else {\n showLoader(false);\n this.alert.error('SERVER ERROR', res.body.message);\n //console.log(res.body.message);\n }\n }, (err) => {\n this.showList = false;\n //console.log(err);\n showLoader(false);\n this.alert.error('SERVER ERROR', 'AN UNEXPECTED ERROR HAS OCCURED');\n });\n }\n\n onCreate() {\n if (this.pay.payMethod === 'C') {\n this.pay.payPhone = null;\n this.pay.sts = 'V';\n } else {\n this.pay.sts = 'P';\n }\n this.pay.uId = this.auth.getUser().id;\n\n // this.prs.forEach((x) => {\n // // x.START_DATE = this.pay.periodStrt\n // // x.END_DATE = this.pay.periodEnd;\n // })\n\n this.payreq.pay = this.pay;\n this.payreq.prs = this.prs.paymentListResponse;\n\n showLoader(true);\n //console.log(this.payreq);\n if(this.pay.payMethod !== 'C'){\n showLoader(false);\n this.getMobilePaymentFees()\n\n // this.momo.accountIdentifier = ('237' + this.pay.payPhone).toString();\n // this.momo.amount = this.pay.amntPaid.toString();\n // this.momo.referenceOrder = \"12236543874\";\n\n // if(this.pay.payMethod === 'M'){\n // this.momo.providerIdentifier = '62401';\n // }else if(this.pay.payMethod === 'O'){\n // this.momo.providerIdentifier = '62402';\n // }\n\n // //console.log(this.momo);\n // this.payementService.payInitialDeposit(this.momo).subscribe((res: paymentObj) => {\n // if (res.responseCode === \"1\") {\n // showLoader(false);\n // this.licenceCreate(this.payreq);\n // this.alert.success('SUCCESS', res.responseMessage);\n // } else {\n // //console.log(res.body.message);\n // showLoader(false);\n // this.alert.error('ERROR', res.responseMessage);\n // }\n // }, (err) => {\n // showLoader(false);\n // this.alert.error('SERVER ERROR', err.message);\n // });\n }else{\n this.onPaymentCash()\n // this.licenceCreate(this.payreq);\n }\n }\n\n licenceCreate(payment : PaymentReq){\n this.ds.post('/licences/new', payment).subscribe((res: HttpResponse
\n
\n","import { Component, OnInit } from '@angular/core';\nimport { DatePipe, Location } from '@angular/common';\nimport { APIResponse, BankResponseType, RetroCommissionRequest, RetroCommissionResponse, RetroCommissionToPrint, User } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { HttpResponse } from '@angular/common/http';\nimport { ToastrService } from 'ngx-toastr';\nimport { AuthService } from 'src/app/shared/auth.service';\nimport { ExportHelper } from 'src/app/shared/export.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-retro-commission-module',\n templateUrl: './retro-commission-module.component.html',\n styleUrls: ['./retro-commission-module.component.css']\n})\nexport class RetroCommissionModuleComponent implements OnInit {\n\n usr: User;\n request: RetroCommissionRequest\n coms: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n
\n \n \n
\n New Payment
\n \n\n \n
\n \n \n
\n\n\n
","import { HttpResponse } from '@angular/common/http';\nimport { Component, OnInit } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ToastrService } from 'ngx-toastr';\nimport { DataService } from 'src/app/shared/DataService';\nimport { APIResponse } from 'src/app/shared/models';\n\ndeclare var showLoader;\n\ninterface NewPasswordDTO {\n newPwd: string;\n confirmPwd: string;\n}\n\n@Component({\n selector: 'app-set-new-password',\n templateUrl: './set-new-password.component.html',\n styleUrls: ['./set-new-password.component.css']\n})\nexport class SetNewPasswordComponent implements OnInit {\n newPassword: string;\n passwordConfirmation: string;\n userUUID: string;\n newPasswordDTO : NewPasswordDTO\n passwordPattern: RegExp = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[!@#$%^&*()_+=-]).{8,}$/;\n\n\n constructor(\n private ds: DataService,\n private alert: ToastrService,\n private router: Router\n ) {}\n\n ngOnInit(): void {\n this.onInit();\n\n //cleanup\n //localStorage.removeItem(\"setNewPassword\");\n //localStorage.removeItem(\"UUID\");\n }\n\n onInit() {\n this.newPassword = '';\n this.passwordConfirmation = '';\n this.newPasswordDTO = {} as NewPasswordDTO;\n this.userUUID = localStorage.getItem(\"userUUID\");\n }\n\n onSubmitNewPassword() {\n if (this.newPassword != this.passwordConfirmation) {\n this.alert.error(\n \"ERROR\",\n \"New password is different form password confirmation\"\n );\n return;\n }\n\n this.newPasswordDTO.newPwd = btoa(this.newPassword);\n this.newPasswordDTO.confirmPwd = btoa(this.passwordConfirmation);\n\n showLoader(true);\n this.ds\n .put(\"/users/set-new-password/\" + this.userUUID, this.newPasswordDTO)\n .subscribe({\n next: (res: HttpResponse\n
\n\n
\n \n
\n \n \n
\n\n\n \n
\n \n\n
\n \n \n\n
\n\n \n \n \n
\n \n \n\n \n
\n\n \n\n \n
\n \n
\n \n
\n \n
\n \n
\n Total Mifi Share: {{totFees}} FCFA
\n\n
\n Total CAMCCUL Share: {{totlBal}} FCFA
\n\n
\n \n \n \n
\n\n \n\n
\n | Period | \nBank Code | \nBank Name | \nLoan Total | \nFee Paid | \nCredit Union Share | \nCAMCCUL Fee Share | \n
|---|---|---|---|---|---|---|
| {{pr.period}} | \n{{pr.bankCode}} | \n{{pr.bankName}} | \n{{pr.loanTotal}} | \n{{pr.feePaid}} | \n{{pr.mifiFeeShare}} | \n{{pr.camcculFeeShare}} | \n
\n
\n\n \n
\n \n \n
\n\n \n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n
\n Set New Password
\n Define a new password for your account here.\n\n
\n \n
\n \n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Set New Password
\n\n \n
\n \n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { Agency, AlertMessage, APIResponse, BankResponseType } from 'src/app/shared/models';\nimport { ToastrService } from 'ngx-toastr';\nimport { DataService } from 'src/app/shared/DataService';\nimport { ActivatedRoute } from '@angular/router';\nimport { HttpResponse } from '@angular/common/http';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-alert-message-edit',\n templateUrl: './alert-message-edit.component.html',\n styleUrls: ['./alert-message-edit.component.css']\n})\nexport class AlertMessageEditComponent implements OnInit {\n\n alrt: AlertMessage;\n cId: number;\n\n constructor(private ds: DataService, private route: ActivatedRoute, private loc: Location, private alert: ToastrService ) { \n this.initView();\n \n }\n\n ngOnInit(): void {\n }\n\n getChapterById(): void {\n showLoader(true);\n this.ds.get(`/alerts/${this.cId}`).subscribe((res: HttpResponse\n
\n\n
\n \n\n
\n \n \n
\n\n \n \n
\n \n
\n \n\n
\n \n
\n \n
\n Configured Access Charges
\n \nTotal: {{acs.length}}
\n\n \n \n
\n \n
\n \n
\n\n\n\n \n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { AlertMessage, PageChapter, APIResponse, UserRole, BankResponseType, Agency, Numero, NumeroReq } from 'src/app/shared/models';\nimport { ToastrService } from 'ngx-toastr';\nimport { DataService } from 'src/app/shared/DataService';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { AuthService } from 'src/app/shared/auth.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-alert-message-list',\n templateUrl: './alert-message-list.component.html',\n styleUrls: ['./alert-message-list.component.css']\n})\nexport class AlertMessageListComponent implements OnInit {\n\n page: number;\n pageUser: PageChapter;\n pages: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Edit Alert Message
\n Add class of.form-control with <input> tag\n \n \n
\n \n
\n\n\n
\n\n
\n \n\n
\n \n
\n\n \n \n \n
\n \n
\n \n\n
\n \n \n
\n \n
\n List of Message
\n \nTotal: {{pageUser.totalElements}}
\n\n
\n \n
\n \n \n
\n \n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { DataService } from 'src/app/shared/DataService';\nimport { AlertMessage, APIResponse } from 'src/app/shared/models';\nimport { ToastrService } from 'ngx-toastr';\nimport { Location } from '@angular/common';\nimport { HttpResponse } from '@angular/common/http';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-alert-message-new',\n templateUrl: './alert-message-new.component.html',\n styleUrls: ['./alert-message-new.component.css']\n})\nexport class AlertMessageNewComponent implements OnInit {\n\n alrt: AlertMessage;\n\n constructor(private ds: DataService, private loc: Location, private alert: ToastrService) {\n this.initView();\n }\n\n ngOnInit(): void {\n }\n\n onCreate() {\n showLoader(true);\n this.ds.post('/alerts/new', this.alrt).subscribe((res: HttpResponse\n \n
\n\n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-alert-message',\n templateUrl: './alert-message.component.html',\n styleUrls: ['./alert-message.component.css']\n})\nexport class AlertMessageComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n New Alert Message
\n Add class of.form-control with <input> tag\n \n \n
\n alert-message works!
\n","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { AccessChargeComponent } from './access-charge/access-charge.component';\r\nimport { GeneralSetupComponent } from './general-setup/general-setup.component';\r\nimport { LicenceComponent } from './licence/licence.component';\r\nimport { AlertMessageListComponent } from './alert-message-list/alert-message-list.component';\r\nimport { AlertMessageNewComponent } from './alert-message-new/alert-message-new.component';\r\nimport { AlertMessageEditComponent } from './alert-message-edit/alert-message-edit.component';\r\nimport { ImportContactComponent } from './import-contact/import-contact.component';\r\nimport { MerchandConfigurationComponent } from './merchand-configuration/merchand-configuration.component';\r\nimport { UploadSynchronisationComponent } from './upload-synchronisation/upload-synchronisation.component';\r\n\r\n\r\nconst routes: Routes = [\r\n { path: 'configuration/access-charges', component: AccessChargeComponent },\r\n { path: 'configuration/general-setup', component: GeneralSetupComponent },\r\n { path: 'configuration/merchant-config', component: MerchandConfigurationComponent },\r\n { path: 'configuration/licences', component: LicenceComponent },\r\n { path: 'configuration/alerts', component: AlertMessageListComponent },\r\n { path: 'configuration/alerts/edit/:id', component: AlertMessageEditComponent },\r\n { path: 'configuration/alerts/new', component: AlertMessageNewComponent },\r\n { path: 'configuration/upload', component: ImportContactComponent },\r\n { path: 'configuration/upload-sync', component: UploadSynchronisationComponent },\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [\r\n RouterModule,\r\n SharedModule\r\n ]\r\n})\r\nexport class ConfigurationRoutingModule { }\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AccessChargeComponent } from './access-charge/access-charge.component';\nimport { FormsModule } from '@angular/forms';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { ConfigurationRoutingModule } from './configuration-routing-module';\nimport { GeneralSetupComponent } from './general-setup/general-setup.component';\nimport { LicenceComponent } from './licence/licence.component';\nimport { LicenceNewComponent } from './licence-new/licence-new.component';\nimport { AlertMessageComponent } from './alert-message/alert-message.component';\nimport { AlertMessageNewComponent } from './alert-message-new/alert-message-new.component';\nimport { AlertMessageEditComponent } from './alert-message-edit/alert-message-edit.component';\nimport { AlertMessageListComponent } from './alert-message-list/alert-message-list.component';\nimport { UiSwitchModule } from 'ngx-ui-switch';\nimport { ImportContactComponent } from './import-contact/import-contact.component';\nimport { MerchandConfigurationComponent } from './merchand-configuration/merchand-configuration.component';\n\n\n\n@NgModule({\n declarations: [AccessChargeComponent, GeneralSetupComponent, LicenceComponent, LicenceNewComponent, AlertMessageComponent, AlertMessageNewComponent, AlertMessageEditComponent, AlertMessageListComponent, ImportContactComponent, MerchandConfigurationComponent],\n imports: [\n CommonModule,\n FormsModule,\n SharedModule,\n UiSwitchModule,\n ConfigurationRoutingModule\n ],\n exports: [\n AccessChargeComponent,\n GeneralSetupComponent,\n LicenceComponent, \n AlertMessageComponent,\n AlertMessageNewComponent, \n AlertMessageEditComponent, \n AlertMessageListComponent,\n MerchandConfigurationComponent\n ],\n})\nexport class ConfigurationModule { }\n","import { Component, OnInit } from '@angular/core';\nimport { DataService } from 'src/app/shared/DataService';\nimport { Location } from '@angular/common';\nimport { AppSetting, APIResponse } from 'src/app/shared/models';\nimport { HttpResponse } from '@angular/common/http';\nimport { ToastrService } from 'ngx-toastr';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-general-setup',\n templateUrl: './general-setup.component.html',\n styleUrls: ['./general-setup.component.css']\n})\nexport class GeneralSetupComponent implements OnInit {\n\n sttg: AppSetting;\n sttgs: Array\n \n
\n\n\n
","import { HttpEventType, HttpHeaderResponse, HttpResponse } from '@angular/common/http';\nimport { Component, OnInit } from '@angular/core';\nimport { Observable } from 'rxjs';\nimport { ToastrService } from 'ngx-toastr';\nimport { UploadFileService } from 'src/app/shared/upload-file.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-import-contact',\n templateUrl: './import-contact.component.html',\n styleUrls: ['./import-contact.component.css']\n})\nexport class ImportContactComponent implements OnInit {\n selectedFiles: FileList;\n currentFile: File;\n progress = 0;\n message = '';\n\n fileInfos: Observable\n
\n\n
\n \n\n
\n \n\n
\n\n \n
\n \n
\n \n\n
\n \n
\n \n
\n Settings
\n\n \n
\n \n \n
\n\n \n
\n\n\n
\n\n
\n \n \n
\n \n
\n File Upload
\n This page permit the user to upload contact\n\n \n
\n \n
","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-licence-new',\n templateUrl: './licence-new.component.html',\n styleUrls: ['./licence-new.component.css']\n})\nexport class LicenceNewComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","\n
\n\n\n
\n \n\n
\n\n \n
\n\n \n
\n File Upload
\n\n \n
\n \n \n
\n licence-new works!
\n","import { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-licence',\n templateUrl: './licence.component.html',\n styleUrls: ['./licence.component.css']\n})\nexport class LicenceComponent implements OnInit {\n\n constructor() { }\n\n ngOnInit(): void {\n }\n\n}\n","licence works!
\n","import { HttpResponse } from '@angular/common/http';\nimport { Component, OnInit } from '@angular/core';\nimport { DataService } from 'src/app/shared/DataService';\nimport { APIResponse, FeesConfig, MerchantConfig, UpdateFeeRequest } from 'src/app/shared/models';\nimport { ToastrService } from 'ngx-toastr';\nimport { Location } from '@angular/common';\ndeclare var showLoader;\n\n@Component({\n selector: 'app-merchand-configuration',\n templateUrl: './merchand-configuration.component.html',\n styleUrls: ['./merchand-configuration.component.css']\n})\nexport class MerchandConfigurationComponent implements OnInit {\n\n merchantConfig: MerchantConfig\n configs: MerchantConfig[] = []\n feesConfig: FeesConfig\n feesConfigs: FeesConfig[] = []\n request: UpdateFeeRequest\n\n constructor(private ds: DataService, private alert: ToastrService, private loc: Location) { \n this.initView()\n }\n\n ngOnInit(): void {\n }\n\n initView() {\n this.merchantConfig = {} as MerchantConfig\n this.feesConfig = {} as FeesConfig\n this.request = {} as UpdateFeeRequest\n this.getMerchandConfiguration();\n this.getPaymentFeed()\n }\n\n getMerchandConfiguration(): void {\n showLoader(true);\n this.ds.get(`/mobilePaymentConfig/payments`).subscribe((res: HttpResponse\n \n
\n\n\n
\n","import { HttpEventType, HttpHeaderResponse, HttpResponse } from '@angular/common/http';\nimport { Component, ElementRef, OnInit, ViewChild } from '@angular/core';\nimport { DataService } from 'src/app/shared/DataService';\nimport { ToastrService } from 'ngx-toastr';\nimport { APIResponse } from 'src/app/shared/models';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-upload-synchronisation',\n templateUrl: './upload-synchronisation.component.html',\n styleUrls: ['./upload-synchronisation.component.css']\n})\nexport class UploadSynchronisationComponent implements OnInit {\n\n @ViewChild(\"takeInput\", {static: false}) inputVar: ElementRef;\n\n selectedFile: File = null;\n\n constructor(private ds: DataService, private alert: ToastrService) { }\n\n ngOnInit(): void {\n }\n\n onFileChange(event: any): void {\n this.selectedFile = event.target.files[0];\n }\n\n uploadFile(): void {\n if (this.selectedFile) {\n showLoader(true);\n this.ds.uploadFile(this.selectedFile).then(\n (res: APIResponse) => {\n console.log(res)\n if (res.status === 200) {\n showLoader(false);\n //console.log(res.body.data);\n this.alert.success('SUCCESS', 'YOUR MERCHANT CONFIGURATION HAS BEEN UPDATED SUCCESSFULLY');\n this.inputVar.nativeElement.value = \"\";\n } else {\n showLoader(false);\n this.alert.error('UNEXPECTED UPLOAD ERROR', res.data);\n //console.log(res.body.message);\n }\n }, (err) => {\n //console.log(err);\n showLoader(false);\n this.alert.error('SERVER ERROR', 'AN UNEXPECTED ERROR HAS OCCURED');\n }\n );\n }\n }\n\n \n\n}\n","\n
\n\n
\n \n\n
\n \n\n
\n\n \n
\n \n
\n \n \n
\n\n \n
\n\n\n
\n\n
\n \n \n
\n \n
\n Upload Sync
\n This page permits the user to upload a file for external users synchronization\n\n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { SituationDetailsResponse, SubSituationRequestType, SubSituationResponseType, SituationRequestType, Agency, Bank, Client, Loan, Relation, SitLoan, Situation, APIResponse, User } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { ToastrService } from 'ngx-toastr';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { AuthService } from 'src/app/shared/auth.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-blacklist-detail',\n templateUrl: './blacklist-detail.component.html',\n styleUrls: ['./blacklist-detail.component.css']\n})\nexport class BlacklistDetailComponent implements OnInit {\n\n sitId: number;\n sdrt: SituationDetailsResponse;\n menos: Array\n
\n\n\n
\n\n \n\n
\n\n \n
\n \n
\n File Upload
\n\n \n
\n \n \n
\n \n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { HttpResponse } from '@angular/common/http';\nimport { APIResponse, PageChapter, BankResponseType, Agency, SituationRequestType, Situation, BlacklistReponseType, User } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { Location } from '@angular/common';\nimport { ToastrService } from 'ngx-toastr';\nimport { Printer } from 'src/app/shared/printer.service';\nimport { AuthService } from 'src/app/shared/auth.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-blacklist-hist',\n templateUrl: './blacklist-hist.component.html',\n styleUrls: ['./blacklist-hist.component.css']\n})\nexport class BlacklistHistComponent implements OnInit {\n\n page: number;\n pageCredit: PageChapter;\n pages: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Borrower's Details
\n\n\n
\n \n \n \n\n \n \n
\n
\n\n\n | Member № | \n{{sdrt.situation.numcli}} | \n
|---|---|
| Member Name | \n{{sdrt.situation.nomcli}} | \n
| ID Card № | \n{{sdrt.client != null ? sdrt.client.cniclient: \"\"}} | \n
| Phone № | \n{{sdrt.client != null ? sdrt.client.phone: \"\"}} | \n
| Credit Union | \n{{sdrt.bank != null ? sdrt.bank.name : \"\"}} | \n
| Credit Union Branch | \n{{sdrt.branch != null ? sdrt.branch.name: \"\"}} | \n
| Loan motif | \n{{sdrt.loan != null ? sdrt.loan.motifdem: \"\"}} | \n
| Loan Amount | \nXAF {{sdrt.sitLoan.mtpret? sdrt.sitLoan.mtpret : 'Unavailable'}} | \n
| Loan balance | \n{{sdrt.sitLoan.montrest? sdrt.sitLoan.montrest : 'Unavailable'}} | \n
| Payment Delay | \n{{sdrt.sitLoan.retard}} Days | \n
| Status | \n\n Deliquency Threat\n Blacklisted\n Pendding Approval\n | \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n Member Relations
\n\n
\n \n \n \n
\n
\n\n | Name | \nRelationship | \nNIC Number | \n
|---|---|---|
| {{sit.nombenef}} | \n{{sit.relbenef ? sit.relbenef : 'Unavailable'}} | \n{{sit.cnibenef ? sit.cnibenef : 'Unavailable'}} | \n
\n
\n \n
\n \n
\n \n
\n \n
\n Threat Justification
\n\n
\n \n
\n \n\n
\n \n
\n\n\n \n \n
\n \n
\n {{m}}
\n\n
\n\n \n
\n \n
\n \n
\n All Loans Aquired by Member
\n\n
\n \n \n \n
\n
\n | File N° | \nCredit Union | \nBranch | \nMenber | \nMenber N° | \nLoan Amount | \nMotif | \nLoan Date | \n
|---|---|---|---|---|---|---|---|
| {{ss.NUMDOS}} | \n{{ss.bank_name}} | \n{{ss.branch_name}} | \n{{ss.nomcli}} | \n{{ss.numcli}} | \n{{ss.MTPRET}} | \n{{ss.MOTIFDEM}} | \n{{ss.Datacc | date}} | \n
\n \n
\n\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { Agency, BankResponseType, APIResponse } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { ToastrService } from 'ngx-toastr';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-branche-edit',\n templateUrl: './branche-edit.component.html',\n styleUrls: ['./branche-edit.component.css']\n})\nexport class BrancheEditComponent implements OnInit {\n\n cId: number;\n agc: Agency;\n banks: Array\n
\n\n
\n \n\n
\n \n
\n\n \n \n
\n \n
\n \n
\n \n
\n \n
\n List
\n\n
\n \n
\n \n \n
\n \n \n
\n \n\n
\n \n
\n\n \n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { DataService } from 'src/app/shared/DataService';\nimport { Bank, APIResponse, Agency, PageChapter, BankResponseType, AgencyResponseType, UserRole } from 'src/app/shared/models';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { zip } from 'rxjs';\nimport { ToastrService } from 'ngx-toastr';\nimport { Printer } from 'src/app/shared/printer.service';\nimport { AuthService } from 'src/app/shared/auth.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-branche-list',\n templateUrl: './branche-list.component.html',\n styleUrls: ['./branche-list.component.css']\n})\nexport class BrancheListComponent implements OnInit {\n\n page: number;\n pageCredit: PageChapter;\n pages: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Edit Credit Union Branche
\n Add class of.form-control with <input> tag\n \n \n
\n \n \n
\n\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { DataService } from 'src/app/shared/DataService';\nimport { Chapter, APIResponse, BankResponseType, Agency } from 'src/app/shared/models';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { ToastrService } from 'ngx-toastr';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-branche-new',\n templateUrl: './branche-new.component.html',\n styleUrls: ['./branche-new.component.css']\n})\nexport class BrancheNewComponent implements OnInit {\n\nagc: Agency;\nbanks: Array\n
\n\n
\n \n\n
\n \n
\n\n \n \n \n
\n \n
\n \n\n
\n \n
\n \n
\n List of CU Branches
\n \nTotal: {{pageCredit.totalElements}}
\n \nSynced: {{numberOfSyncedAgencies}}
\n \nUnSynced: {{numberOfUnsyncedAgencies}}
\n \nNever Synced: {{numberOfNeverSyncedAgencies}}
\n\n
\n \n
\n \n \n
\n \n \n
\n \n\n
\n \n
\n \n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { ActivatedRoute } from '@angular/router';\nimport { Chapter, APIResponse } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { ToastrService } from 'ngx-toastr';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-chapter-edit',\n templateUrl: './chapter-edit.component.html',\n styleUrls: ['./chapter-edit.component.css']\n})\nexport class ChapterEditComponent implements OnInit {\n\n chap: Chapter;\n cId: number;\n\n constructor(private ds: DataService, private route: ActivatedRoute, private loc: Location, private alert: ToastrService ) { \n this.initView();\n \n }\n\n ngOnInit(): void {\n }\n\n getChapterById(): void {\n showLoader(true);\n this.ds.get(`/chapters/${this.cId}`).subscribe((res: HttpResponse\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n New Credit Union Branche
\n Add class of.form-control with <input> tag\n \n \n
\n \n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { DataService } from 'src/app/shared/DataService';\nimport { Chapter, APIResponse, PageChapter, UserRole } from 'src/app/shared/models';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { ToastrService } from 'ngx-toastr';\nimport { Printer } from 'src/app/shared/printer.service';\nimport { AuthService } from 'src/app/shared/auth.service';\nimport { TrameUtilService } from 'src/app/shared/trame-util.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-chapter-list',\n templateUrl: './chapter-list.component.html',\n styleUrls: ['./chapter-list.component.css']\n})\nexport class ChapterListComponent implements OnInit {\n\n page: number;\n ur: UserRole;\n pageChapter: PageChapter;\n pages: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Edit Chapter
\n Add class of.form-control with <input> tag\n \n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { Chapter, APIResponse } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { ToastrService } from 'ngx-toastr';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-chapter-new',\n templateUrl: './chapter-new.component.html',\n styleUrls: ['./chapter-new.component.css']\n})\nexport class ChapterNewComponent implements OnInit {\n\n chap: Chapter;\n\n constructor(private ds: DataService, private loc: Location, private alert: ToastrService) { \n this.initView();\n }\n\n ngOnInit(): void {\n }\n\n onCreate() {\n showLoader(true);\n this.ds.post('/chapters/new', this.chap).subscribe((res: HttpResponse\n
\n\n
\n \n\n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n List of Chapters
\n \nTotal: {{pageChapter.totalElements}}
\n\n
\n \n
\n \n \n
\n \n \n
\n \n
","import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { DataService } from 'src/app/shared/DataService';\nimport { Location } from '@angular/common';\nimport { Bank, Chapter, APIResponse } from 'src/app/shared/models';\nimport { HttpResponse } from '@angular/common/http';\nimport { ToastrService } from 'ngx-toastr';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-credit-edit',\n templateUrl: './credit-edit.component.html',\n styleUrls: ['./credit-edit.component.css']\n})\nexport class CreditEditComponent implements OnInit {\n\n @ViewChild('chapter', { static: true }) chapter: ElementRef;\n\n cre: Bank;\n cId: number;\n chaps: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n New Chapter
\n Add class of.form-control with <input> tag\n \n \n
\n \n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { PageChapter, Chapter, APIResponse, Bank, UserRole } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { ToastrService } from 'ngx-toastr';\nimport { Printer } from 'src/app/shared/printer.service';\nimport { AuthService } from 'src/app/shared/auth.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-credit-list',\n templateUrl: './credit-list.component.html',\n styleUrls: ['./credit-list.component.css']\n})\nexport class CreditListComponent implements OnInit {\n\n\n page: number;\n pageCredit: PageChapter;\n pages: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Edit Credit Union
\n Add class of.form-control with <input> tag\n \n \n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { Bank, APIResponse, Chapter } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { Location } from '@angular/common';\nimport { HttpResponse } from '@angular/common/http';\nimport { ToastrService } from 'ngx-toastr';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-credit-new',\n templateUrl: './credit-new.component.html',\n styleUrls: ['./credit-new.component.css']\n})\nexport class CreditNewComponent implements OnInit {\n\n cre: Bank;\n chaps: Array\n
\n\n
\n \n\n
\n \n
\n\n \n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n List of Credit Unions
\n \nTotal: {{pageCredit.totalElements}}
\n\n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { PageChapter, PermanentlyBlockedResponse, APIResponse, AlertMessage, User, PaymentResponse } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { HttpResponse } from '@angular/common/http';\nimport { Router } from '@angular/router';\nimport { AuthService } from 'src/app/shared/auth.service';\nimport { ToastrService } from 'ngx-toastr';\nimport Swal from 'sweetalert2/dist/sweetalert2.js';\nimport { DatePipe } from '@angular/common';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-home',\n templateUrl: './home.component.html',\n styleUrls: ['./home.component.css']\n})\nexport class HomeComponent implements OnInit {\n\n page: number;\n usr: User;\n prs: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n New Credit Union
\n Add class of.form-control with <input> tag\n \n \n
\n \n
\n","import { Component, OnInit } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { DataService } from 'src/app/shared/DataService';\nimport { ActivatedRoute } from '@angular/router';\nimport { SituationDetailsResponse, SituationRequestType, Agency, Bank, Client, Loan, Relation, SitLoan, Situation, APIResponse, SubSituationResponseType, SubSituationRequestType, SubSituation } from 'src/app/shared/models';\nimport { HttpResponse } from '@angular/common/http';\nimport { ToastrService } from 'ngx-toastr';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-loan-analysis-detail',\n templateUrl: './loan-analysis-detail.component.html',\n styleUrls: ['./loan-analysis-detail.component.css']\n})\nexport class LoanAnalysisDetailComponent implements OnInit {\n\n sitId: number;\n sdrt: SituationDetailsResponse;\n menos: Array\n
\n\n
\n \n\n
\n \n
\n\n \n
\n \n \n
\n\n \n \n \n
\n\n \n \n
\n \n
\n \n
\n \n \n
\n \n
\n Members Blacklist
\n \nTotal: {{pageChapter.totalElements}}
\n\n
\n \n
\n \n \n
\n \n \n
\n \n \n
\n\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { HttpResponse } from '@angular/common/http';\nimport { DataService } from 'src/app/shared/DataService';\nimport { APIResponse, BankResponseType, AgencyResponseType, Agency, SituationRequestType, Situation, PageChapter, User, Bank, Chapter } from 'src/app/shared/models';\nimport { Location } from '@angular/common';\nimport { AuthService } from 'src/app/shared/auth.service';\nimport { ToastrService } from 'ngx-toastr';\nimport { Printer } from 'src/app/shared/printer.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-loan-analysis',\n templateUrl: './loan-analysis.component.html',\n styleUrls: ['./loan-analysis.component.css']\n})\nexport class LoanAnalysisComponent implements OnInit {\n\n page: number;\n pageCredit: PageChapter;\n pages: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Borrower's Details
\n\n
\n \n \n \n\n \n \n
\n
\n\n\n | Member № | \n{{sdrt.situation.numcli}} | \n
|---|---|
| Member Name | \n{{sdrt.situation.nomcli}} | \n
| ID Card № | \n{{sdrt.client != null ? sdrt.client.cniclient: \"\"}} | \n
| Phone № | \n{{sdrt.client != null ? sdrt.client.phone: \"\"}} | \n
| Credit Union | \n{{sdrt.bank != null ? sdrt.bank.name : \"\"}} | \n
| Credit Union Branch | \n{{sdrt.branch != null ? sdrt.branch.name: \"\"}} | \n
| Loan motif | \n{{sdrt.loan != null ? sdrt.loan.motifdem: \"\"}} | \n
| Loan Amount | \nXAF {{sdrt.sitLoan.mtpret? sdrt.sitLoan.mtpret : 'Unavailable'}} | \n
| Loan balance | \n{{sdrt.sitLoan.montrest? sdrt.sitLoan.montrest : 'Unavailable'}} | \n
| Payment Delay | \n{{sdrt.sitLoan.retard}} Days | \n
| Status | \n\n Deliquency Threat\n Blacklisted\n Pendding Approval\n | \n
\n\n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n Member Relations
\n\n
\n \n \n \n
\n
\n\n | Name | \nRelationship | \nNIC Number | \n
|---|---|---|
| {{sit.nombenef}} | \n{{sit.relbenef ? sit.relbenef : 'Unavailable'}} | \n{{sit.cnibenef ? sit.cnibenef : 'Unavailable'}} | \n
\n
\n \n
\n \n
\n \n
\n \n
\n Threat Justification
\n\n
\n \n
\n \n\n
\n \n
\n\n\n \n \n
\n \n
\n {{m}}
\n\n
\n\n \n
\n \n
\n \n
\n All Loans Aquired by Member
\n\n
\n \n \n \n
\n
\n | File N° | \nCredit Union | \nBranch | \nMenber | \nMenber N° | \nLoan Amount | \nMotif | \nLoan Date | \n
|---|---|---|---|---|---|---|---|
| {{ss[0]}} | \n{{ss[17]}} | \n{{ss[18]}} | \n{{ss[16]}} | \n{{ss[3]}} | \n{{ss[8]}} | \n{{ss[9]}} | \n{{ss[6] | date}} | \n
\n \n
\n\n\n
\n","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { SharedModule } from 'src/app/shared/shared.module';\r\nimport { UsersComponent } from './users/users.component';\r\nimport { ChapterNewComponent } from './chapter-new/chapter-new.component';\r\nimport { ChapterEditComponent } from './chapter-edit/chapter-edit.component';\r\nimport { ChapterListComponent } from './chapter-list/chapter-list.component';\r\nimport { BrancheListComponent } from './branche-list/branche-list.component';\r\nimport { BrancheNewComponent } from './branche-new/branche-new.component';\r\nimport { BrancheEditComponent } from './branche-edit/branche-edit.component';\r\nimport { CreditListComponent } from './credit-list/credit-list.component';\r\nimport { CreditNewComponent } from './credit-new/credit-new.component';\r\nimport { CreditEditComponent } from './credit-edit/credit-edit.component';\r\nimport { UserListComponent } from './user-list/user-list.component';\r\nimport { UserNewComponent } from './user-new/user-new.component';\r\nimport { UserEditComponent } from './user-edit/user-edit.component';\r\nimport { BlacklistHistComponent } from './blacklist-hist/blacklist-hist.component';\r\nimport { LoanAnalysisComponent } from './loan-analysis/loan-analysis.component';\r\nimport { UserRoleComponent } from './user-role/user-role.component';\r\nimport { HomeComponent } from './home/home.component';\r\nimport { LoanAnalysisDetailComponent } from './loan-analysis-detail/loan-analysis-detail.component';\r\nimport { SearchBorrowersComponent } from './search-borrowers/search-borrowers.component';\r\nimport { UnblockComponent } from './unblock/unblock.component';\r\nimport { PermanentBlockComponent } from './permanent-block/permanent-block.component';\r\nimport { BlacklistDetailComponent } from './blacklist-detail/blacklist-detail.component';\r\n\r\n\r\nconst routes: Routes = [\r\n { path: 'home', component: HomeComponent },\r\n { path: 'search/result', component: SearchBorrowersComponent },\r\n { path: 'management/chapters', component: ChapterListComponent },\r\n { path: 'management/chapters/new', component: ChapterNewComponent },\r\n { path: 'management/chapters/edit/:id', component: ChapterEditComponent },\r\n { path: 'management/branches', component: BrancheListComponent },\r\n { path: 'management/branches/new', component: BrancheNewComponent },\r\n { path: 'management/branches/edit/:id', component: BrancheEditComponent },\r\n { path: 'management/credit-union', component: CreditListComponent },\r\n { path: 'management/credit-union/new', component: CreditNewComponent },\r\n { path: 'management/credit-union/edit/:id', component: CreditEditComponent },\r\n { path: 'management/users', component: UserListComponent },\r\n { path: 'management/users/new', component: UserNewComponent },\r\n { path: 'management/users/role', component: UserRoleComponent },\r\n { path: 'management/users/edit/:id', component: UserEditComponent },\r\n { path: 'management/blacklist-history', component: BlacklistHistComponent },\r\n { path: 'management/blacklist-history/detail/:id', component: BlacklistDetailComponent },\r\n { path: 'management/borrowers/unblock/:id', component: UnblockComponent },\r\n { path: 'management/borrowers/permanent-block/:id', component: PermanentBlockComponent },\r\n { path: 'management/loan-analysis', component: LoanAnalysisComponent },\r\n { path: 'management/loan-analysis/detail/:id', component: LoanAnalysisDetailComponent },\r\n];\r\n\r\n@NgModule({\r\n imports: [RouterModule.forChild(routes)],\r\n exports: [\r\n RouterModule,\r\n SharedModule\r\n ]\r\n})\r\nexport class ManagementRoutingModule { }\r\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { UsersComponent } from './users/users.component';\nimport { ManagementRoutingModule } from './management-routing-module';\nimport { ChapterListComponent } from './chapter-list/chapter-list.component';\nimport { ChapterNewComponent } from './chapter-new/chapter-new.component';\nimport { ChapterEditComponent } from './chapter-edit/chapter-edit.component';\nimport { BrancheListComponent } from './branche-list/branche-list.component';\nimport { BrancheNewComponent } from './branche-new/branche-new.component';\nimport { BrancheEditComponent } from './branche-edit/branche-edit.component';\nimport { CreditEditComponent } from './credit-edit/credit-edit.component';\nimport { CreditNewComponent } from './credit-new/credit-new.component';\nimport { CreditListComponent } from './credit-list/credit-list.component';\nimport { UserListComponent } from './user-list/user-list.component';\nimport { UserNewComponent } from './user-new/user-new.component';\nimport { UserEditComponent } from './user-edit/user-edit.component';\nimport { LoanAnalysisComponent } from './loan-analysis/loan-analysis.component';\nimport { BlacklistHistComponent } from './blacklist-hist/blacklist-hist.component';\nimport { SharedModule } from 'src/app/shared/shared.module';\nimport { FormsModule } from '@angular/forms';\nimport { UserRoleComponent } from './user-role/user-role.component';\nimport { TreeviewModule } from 'ngx-treeview';\nimport { HomeComponent } from './home/home.component';\nimport { LoanAnalysisDetailComponent } from './loan-analysis-detail/loan-analysis-detail.component';\nimport { SearchBorrowersComponent } from './search-borrowers/search-borrowers.component';\nimport { PermanentBlockComponent } from './permanent-block/permanent-block.component';\nimport { UnblockComponent } from './unblock/unblock.component';\nimport { BlacklistDetailComponent } from './blacklist-detail/blacklist-detail.component';\nimport { UiSwitchModule } from 'ngx-ui-switch';\n\n\n@NgModule({\n declarations: [\n UsersComponent,\n ChapterListComponent,\n ChapterNewComponent,\n ChapterEditComponent,\n BrancheListComponent,\n BrancheNewComponent,\n BrancheEditComponent,\n CreditEditComponent,\n CreditNewComponent,\n CreditListComponent,\n UserListComponent,\n UserNewComponent,\n UserEditComponent,\n LoanAnalysisComponent,\n BlacklistHistComponent,\n UserRoleComponent,\n HomeComponent,\n LoanAnalysisDetailComponent,\n SearchBorrowersComponent,\n PermanentBlockComponent,\n UnblockComponent,\n BlacklistDetailComponent\n ],\n imports: [\n CommonModule,\n ManagementRoutingModule,\n SharedModule,\n FormsModule,\n UiSwitchModule,\n TreeviewModule.forRoot(),\n \n ],\n exports: [\n UsersComponent,\n ChapterListComponent,\n ChapterNewComponent,\n ChapterEditComponent,\n CreditEditComponent,\n CreditNewComponent,\n CreditListComponent,\n UserListComponent,\n UserNewComponent,\n UserEditComponent,\n LoanAnalysisComponent,\n BlacklistHistComponent,\n UserRoleComponent,\n HomeComponent,\n LoanAnalysisDetailComponent,\n SearchBorrowersComponent,\n PermanentBlockComponent,\n UnblockComponent,\n BlacklistDetailComponent\n ]\n})\nexport class ManagementModule { }","import { Component, OnInit } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { SituationDetailsResponse, SubSituationRequestType, SubSituationResponseType, Agency, Bank, Client, Loan, Relation, SitLoan, Situation, APIResponse, SituationRequestType } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HttpResponse } from '@angular/common/http';\nimport { ToastrService } from 'ngx-toastr';\nimport { AuthService } from 'src/app/shared/auth.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-permanent-block',\n templateUrl: './permanent-block.component.html',\n styleUrls: ['./permanent-block.component.css']\n})\nexport class PermanentBlockComponent implements OnInit {\n\n sitId: number;\n sdrt: SituationDetailsResponse;\n menos: Array\n
\n\n
\n \n
\n \n \n
\n \n
\n \n
\n\n \n
\n \n \n\n \n \n \n \n
\n \n
\n \n \n \n \n \n \n
\n \n \n Load Data\n \n\n \n Print\n \n
\n \n
\n\n \n
\n \n \n\n \n \n \n \n
\n \n
\n \n \n \n \n \n \n
\n \n \n Load Data\n \n\n \n Print\n \n
\n \n
\n\n \n
\n \n \n \n \n \n \n
\n \n \n Load Data\n \n\n \n Print\n \n
\n \n
\n \n
\n \n
\n \n
\n List of Borrowers
\n\n
\n \n
\n \n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n \n \n \n \n File N°\n \n \n Member N°\n \n \n Member Name\n \n \n Status\n \n \n Action\n \n \n \n \n \n \n {{ sit.numdos }}\n \n {{ sit.numcli }} \n {{ sit.nomcli }} \n \n Deliquency Threat \n Blacklisted \n Pending Approval \n \n \n \n Blacklist \n Unblacklist \n \n \n \n \n \n \n \n \n \n \n
\n - \n
- \n
- \n
\n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { DataService } from 'src/app/shared/DataService';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { AuthService } from 'src/app/shared/auth.service';\nimport { User, SearchRequest, PageChapter, PermanentlyBlockedResponse, APIResponse, FinalSearchResult, LoanSearchResponse, SearchReportRequest } from 'src/app/shared/models';\nimport { HttpResponse } from '@angular/common/http';\nimport { Location } from '@angular/common';\nimport { ToastrService } from 'ngx-toastr';\nimport { Printer } from 'src/app/shared/printer.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-search-borrowers',\n templateUrl: './search-borrowers.component.html',\n styleUrls: ['./search-borrowers.component.css']\n})\nexport class SearchBorrowersComponent implements OnInit {\n\n fsr: FinalSearchResult;\n lsrs: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Borrower's Details
\n\n
\n \n \n \n\n \n \n
\n
\n\n\n | Member № | \n{{sdrt.situation.numcli}} | \n
|---|---|
| Member Name | \n{{sdrt.situation.nomcli}} | \n
| ID Card № | \n{{sdrt.client != null ? sdrt.client.cniclient: \"\"}} | \n
| Phone № | \n{{sdrt.client != null ? sdrt.client.phone: \"\"}} | \n
| Credit Union | \n{{sdrt.bank != null ? sdrt.bank.name : \"\"}} | \n
| Credit Union Branch | \n{{sdrt.branch != null ? sdrt.branch.name: \"\"}} | \n
| Loan motif | \n{{sdrt.loan != null ? sdrt.loan.motifdem: \"\"}} | \n
| Loan Amount | \nXAF {{sdrt.sitLoan.mtpret? sdrt.sitLoan.mtpret : 'Unavailable'}} | \n
| Loan balance | \n{{sdrt.sitLoan.montrest? sdrt.sitLoan.montrest : 'Unavailable'}} | \n
| Payment Delay | \n{{sdrt.sitLoan.retard}} Days | \n
| Status | \n\n Deliquency Threat\n Blacklisted\n Pendding Approval\n | \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n Member Relations
\n\n
\n \n \n \n
\n
\n\n | Name | \nRelationship | \nNIC Number | \n
|---|---|---|
| {{sit.nombenef}} | \n{{sit.relbenef ? sit.relbenef : 'Unavailable'}} | \n{{sit.cnibenef ? sit.cnibenef : 'Unavailable'}} | \n
\n
\n \n
\n \n
\n \n
\n \n
\n Threat Justification
\n\n
\n \n
\n \n\n
\n \n
\n\n\n \n \n
\n \n
\n {{m}}
\n\n
\n\n \n
\n \n
\n \n
\n All Loans Aquired by Member
\n\n
\n \n \n \n
\n
\n\n | File N° | \nCredit Union | \nBranch | \nMenber | \nMenber N° | \nLoan Amount | \nMotif | \nLoan Date | \n
|---|---|---|---|---|---|---|---|
| {{ss.NUMDOS}} | \n{{ss.bank_name}} | \n{{ss.branch_name}} | \n{{ss.nomcli}} | \n{{ss.numcli}} | \n{{ss.MTPRET}} | \n{{ss.MOTIFDEM}} | \n{{ss.Datacc | date}} | \n
\n \n
\n\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { SituationDetailsResponse, SubSituationRequestType, SubSituationResponseType, Agency, Bank, Client, Loan, Relation, SitLoan, Situation, APIResponse, SituationRequestType } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { HttpResponse } from '@angular/common/http';\nimport { ToastrService } from 'ngx-toastr';\nimport { AuthService } from 'src/app/shared/auth.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-unblock',\n templateUrl: './unblock.component.html',\n styleUrls: ['./unblock.component.css']\n})\nexport class UnblockComponent implements OnInit {\n\n sitId: number;\n sdrt: SituationDetailsResponse;\n menos: Array\n
\n\n
\n \n\n
\n \n
\n\n \n\n
\n\n\n\n\n \n
\n\n \n
\n \n \n {{lsrs.length}} result(s) ({{seconds}} seconds)\n No results found matching your query.\n
\n \n \n
\n \n
\n
\n
\n\n \n
\n
\n
\n Make sure you typed the member's name and National Identity Card number as on their National Identity Card, Phone number or Collateral Reference correctly. The Order and Spelling of the member's name must be well respected and written out fully.
\n\n
\n \n
\n \n
\n \n
\n result
\n\n\n
\n \n \n \n
\n
\n\n | N° | \nCredit Union | \nBranch | \nName | \nLoan Date | \nLoan Amount | \nPurpose | \nBalance | \nDelinquency situation | \ncollateral security | \nWritten of Balance | \n|
|---|---|---|---|---|---|---|---|---|---|---|---|
| days | \namount | \n||||||||||
| {{i+1}} | \n{{s.client.bank}} | \n{{s.client.branch}} | \n{{s.client.name}} | \n{{s.datacc != null ? s.datacc : \"Unvailable\"}} | \n{{s.mtpret != null ? s.mtpret : \"Unavailable\"}} | \n{{s.motifdem != null ? s.motifdem : \"Unavailable\"}} | \n{{s.montrest != null ? s.montrest : \"Unavailable\"}} | \n{{s.retard != null ? s.retard : \"Unavailable\"}} | \n{{s.valretard != null ? s.valretard : \"Unavailable\"}} | \n{{s.garantee != null ? s.garantee : \"Unavailable\"}} | \n{{(s.retard >= 360) ? s.montrest : 0}} | \n
\n
| \n
\n\n
\n \n
\n\n\n\n \n
\n \n \n {{lsrs.length}} result(s) ({{seconds}} seconds)\n No results found matching your query.\n\n\n\n
\n \n \n
\n \n
\n \n
\n \n
\n \n
\n result
\n\n\n
\n \n \n \n
\n
\n\n | N° | \nNAME | \nFILE | \nCREDIT UNION | \nBRANCH | \nNIC | \nSTATUS | \nBLACKLIST STATUS | \n
|---|---|---|---|---|---|---|---|
| {{i+1}} | \n{{s.client.name}} | \n{{s.numdos != null ? s.numdos : \"Unvailable\"}} | \n{{s.client.bank}} | \n{{s.client.branch}} | \n{{s.client.cni}} | \n{{s.color != null ? s.color : \"Unvailable\"}} | \n \n{{s.client.blackHis != null ? \"Once Blacklisted\" : \"Clean Record\"}} | \n
\n
| \n
\n \n
\n\n\n
","import { Component, OnInit } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { User, UserRole, BankResponseType, Chapter, Agency, APIResponse } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { HttpResponse } from '@angular/common/http';\nimport { Router, ActivatedRoute } from '@angular/router';\nimport { ToastrService } from 'ngx-toastr';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-user-edit',\n templateUrl: './user-edit.component.html',\n styleUrls: ['./user-edit.component.css']\n})\nexport class UserEditComponent implements OnInit {\n\n usr: User;\n uId: number;\n roles: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n Borrower's Details
\n\n
\n \n \n \n\n \n \n
\n
\n\n\n | Member № | \n{{sdrt.situation.numcli}} | \n
|---|---|
| Member Name | \n{{sdrt.situation.nomcli}} | \n
| ID Card № | \n{{sdrt.client != null ? sdrt.client.cniclient: \"\"}} | \n
| Phone № | \n{{sdrt.client != null ? sdrt.client.phone: \"\"}} | \n
| Credit Union | \n{{sdrt.bank != null ? sdrt.bank.name : \"\"}} | \n
| Credit Union Branch | \n{{sdrt.branch != null ? sdrt.branch.name: \"\"}} | \n
| Loan motif | \n{{sdrt.loan != null ? sdrt.loan.motifdem: \"\"}} | \n
| Loan Amount | \nXAF {{sdrt.sitLoan.mtpret? sdrt.sitLoan.mtpret : 'Unavailable'}} | \n
| Loan balance | \n{{sdrt.sitLoan.montrest? sdrt.sitLoan.montrest : 'Unavailable'}} | \n
| Payment Delay | \n{{sdrt.sitLoan.retard}} Days | \n
| Status | \n\n Deliquency Threat\n Blacklisted\n Pendding Approval\n | \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n Member Relations
\n\n
\n \n \n \n
\n
\n\n | Name | \nRelationship | \nNIC Number | \n
|---|---|---|
| {{sit.nombenef}} | \n{{sit.relbenef ? sit.relbenef : 'Unavailable'}} | \n{{sit.cnibenef ? sit.cnibenef : 'Unavailable'}} | \n
\n
\n \n
\n \n
\n \n
\n \n
\n Threat Justification
\n\n
\n \n
\n \n\n
\n \n
\n\n\n \n \n
\n \n
\n {{m}}
\n\n
\n\n \n
\n \n
\n \n
\n All Loans Aquired by Member
\n\n
\n \n \n \n
\n
\n\n | File N° | \nCredit Union | \nBranch | \nMenber | \nMenber N° | \nLoan Amount | \nMotif | \nLoan Date | \n
|---|---|---|---|---|---|---|---|
| {{ss.NUMDOS}} | \n{{ss.bank_name}} | \n{{ss.branch_name}} | \n{{ss.nomcli}} | \n{{ss.numcli}} | \n{{ss.MTPRET}} | \n{{ss.MOTIFDEM}} | \n{{ss.Datacc | date}} | \n
\n \n
\n\n\n
\n","import { Component, OnInit } from '@angular/core';\nimport { Location } from '@angular/common';\nimport { PageChapter, User, UserRole, APIResponse, BankResponseType, Agency, Bank } from 'src/app/shared/models';\nimport { DataService } from 'src/app/shared/DataService';\nimport { HttpResponse } from '@angular/common/http';\nimport { ToastrService } from 'ngx-toastr';\nimport { Printer } from 'src/app/shared/printer.service';\nimport { AuthService } from 'src/app/shared/auth.service';\n\ndeclare var showLoader;\n\n@Component({\n selector: 'app-user-list',\n templateUrl: './user-list.component.html',\n styleUrls: ['./user-list.component.css']\n})\nexport class UserListComponent implements OnInit {\n\n page: number;\n pageUser: PageChapter;\n pages: Array\n
\n\n
\n \n\n
\n \n \n
\n\n \n\n
\n \n \n
\n\n\n \n
\n Edit User
\n Add class of.form-control with <input> tag\n \n \n
\n