\r\n \r\n ![]()
\r\n \r\n
\r\n\r\n","import {Component} from '@angular/core';\r\nimport {environment} from \"../../../environments/environment\";\r\n\r\n@Component({\r\n selector: 'loader_app',\r\n templateUrl: './loader.component.html',\r\n styleUrls: ['./loader.style.scss'],\r\n})\r\nexport class LoaderComponent {\r\n protected readonly environment = environment;\r\n\r\n constructor() {\r\n }\r\n}\r\n","\r\n
\r\n","import {AfterViewInit, Component, Input} from '@angular/core';\r\nimport {FormGroup} from '@angular/forms';\r\nimport {AppComponent} from '@app/app.component';\r\nimport {Router} from '@angular/router';\r\nimport {environment} from \"@environment/environment\";\r\nimport {MessageService} from \"primeng/api\";\r\nimport {PaymentServices} from \"@app/components/payment/payment.services\";\r\nimport { CommonService } from '@services/common.service';\r\n\r\n@Component({\r\n selector: 'app-payment',\r\n templateUrl: './payment.component.html',\r\n styleUrls: ['./payment.scss'],\r\n})\r\nexport class PaymentComponent implements AfterViewInit {\r\n public id_param: string = new URLSearchParams(window.location.search).get('id');\r\n requestNumber: FormGroup;\r\n public payment_details: any = {};\r\n protected readonly environment = environment;\r\n isEngOffice : boolean;\r\n constructor(\r\n public appComponent: AppComponent,\r\n public paymentServices: PaymentServices,\r\n public router: Router,\r\n private messageService: MessageService,\r\n private commonService : CommonService\r\n ) {\r\n this.isEngOffice = this.commonService.getSelectedRole?.includes('مكتب');\r\n }\r\n ngAfterViewInit(): void {\r\n this.isEngOffice ? document.body.classList.add('blue') : document.body.classList.remove('blue')\r\n }\r\n\r\n ngOnInit() {\r\n this.getPaymentDetails();\r\n }\r\n\r\n public formValue(form: FormGroup, key: string): any {\r\n return form?.value?.[key];\r\n }\r\n\r\n public pay(): void {\r\n this.appComponent.showLoader();\r\n this.paymentServices.GetPayment({accountNumber: this.payment_details?.accountNumber, requestId: this.payment_details?.requestID})\r\n .then((res: any): void => {\r\n this.appComponent.hideLoader();\r\n res?.['responseData']?.result ? window.open(res?.['responseData']?.result, '_blank') : this.messageService.add({severity: 'error', summary: 'حدث خطا', detail: res?.['responseMessage']});\r\n\r\n })\r\n .catch((err: any): void => {\r\n this.messageService.add({severity: 'error', summary: 'حدث خطا', detail: err.error?.['responseMessage']});\r\n this.appComponent.hideLoader();\r\n });\r\n }\r\n\r\n private getPaymentDetails() {\r\n this.appComponent.showLoader();\r\n this.paymentServices.GetPaymentDetails(this.id_param)\r\n .then((res: any): void => this.payment_details = res?.responseData)\r\n .catch((err: any): void => this.messageService.add({severity: 'error', summary: 'حدث خطا', detail: err.error?.['responseMessage']}))\r\n .finally(() => this.appComponent.hideLoader());\r\n }\r\n}\r\n","\r\n
\r\n\r\n ![\"logo\"]()
\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' ![\"logo\"](\"assets/images/service-balady-logo.png\"/)
\\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
' +\r\n '',\r\n})\r\nexport class LoginCallbackComponent implements OnInit {\r\n constructor(\r\n private readonly _authService: AuthenticationService,\r\n private readonly _router: Router,\r\n public appComponent: AppComponent,\r\n private router: Router,\r\n private commonService: CommonService\r\n ) {\r\n }\r\n\r\n ngOnInit(): void {\r\n this.appComponent.showLoader();\r\n this._authService.completeAuthentication()\r\n .finally(() => {\r\n this.appComponent.hideLoader();\r\n this.navigateRedirect();\r\n });\r\n }\r\n\r\n filterObject(obj) {\r\n return Object.fromEntries(Object.entries(obj).filter(([key, value]) => key !== \"\" && value !== undefined && value !== null && value !== \"\"));\r\n }\r\n\r\n navigateRedirect() {\r\n const queryParams = this.commonService.extractSearchParams(localStorage.getItem('redirect_uri_search') || '');\r\n const navigationExtras: NavigationExtras = {...this.filterObject(queryParams)};\r\n this.router.navigate(localStorage.getItem('redirect_uri') ? [localStorage.getItem('redirect_uri')] : ['/'], navigationExtras);\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuthenticationService } from '@services/authentication.service';\r\nimport { AppComponent } from '@app/app.component';\r\nimport { StorageService } from '@services/storage.service';\r\nimport {CookieService} from \"ngx-cookie-service\";\r\n\r\n@Component({\r\n selector: 'logout-callback',\r\n template:\r\n '' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
' +\r\n '',\r\n})\r\nexport class LogoutCallbackComponent implements OnInit {\r\n constructor(\r\n private readonly _authService: AuthenticationService,\r\n private appComponent: AppComponent,\r\n private storageService: StorageService,\r\n private cookieService: CookieService\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.appComponent.showLoader();\r\n this._authService\r\n .startLogout()\r\n .then((): void => {\r\n this.storageService.clearAllStorage();\r\n this.cookieService.delete('token_S', '/', window.location.hostname, true, 'None');\r\n this.appComponent.hideLoader();\r\n })\r\n .catch(() => this.appComponent.hideLoader());\r\n }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { AuthenticationService } from '@services/authentication.service';\r\nimport { AppComponent } from '@app/app.component';\r\n\r\n@Component({\r\n selector: 'silent-callback',\r\n template:\r\n '' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
' +\r\n '',\r\n})\r\nexport class SilentCallbackComponent implements OnInit {\r\n constructor(\r\n private readonly _authService: AuthenticationService,\r\n private appComponent: AppComponent,\r\n ) {}\r\n\r\n ngOnInit(): void {\r\n this.appComponent.showLoader();\r\n this._authService\r\n .silentSignInAuthentication()\r\n .then(() => this.appComponent.hideLoader())\r\n .catch(() => this.appComponent.hideLoader());\r\n }\r\n}\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {HTTP_INTERCEPTORS} from '@angular/common/http';\r\nimport {FormsModule} from '@angular/forms';\r\nimport {RouterModule} from '@angular/router';\r\nimport {AuthInterceptor} from '@services/auth.interceptor';\r\nimport {AuthenticationService} from '@services/authentication.service';\r\nimport {LoginCallbackComponent, LogoutCallbackComponent, SilentCallbackComponent} from './components';\r\nimport {LoginGuard} from \"@guards/login-guard.service\";\r\nimport {AuthGuard} from \"@guards/auth-guard.service\";\r\nimport {RoleGuard} from \"@guards/role-guard.service\";\r\n\r\n@NgModule({\r\n declarations: [\r\n LoginCallbackComponent,\r\n LogoutCallbackComponent,\r\n SilentCallbackComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n FormsModule,\r\n RouterModule,\r\n ],\r\n providers: [\r\n LoginGuard,\r\n AuthGuard,\r\n RoleGuard,\r\n {provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true},\r\n AuthenticationService,\r\n ],\r\n exports: [\r\n LoginCallbackComponent,\r\n LogoutCallbackComponent,\r\n SilentCallbackComponent,\r\n ]\r\n})\r\nexport class NgAuthModule {\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport {HttpErrorResponse, HttpEvent, HttpHandler, HttpHeaders, HttpInterceptor, HttpRequest, HttpStatusCode} from '@angular/common/http';\r\nimport { Observable } from 'rxjs';\r\nimport { tap } from 'rxjs/operators';\r\nimport { StorageService } from './storage.service';\r\nimport { CommonService } from './common.service';\r\nimport { Router } from '@angular/router';\r\nimport { environment } from '@environment/environment';\r\n\r\n@Injectable()\r\nexport class AuthInterceptor implements HttpInterceptor {\r\n constructor(private storageService: StorageService, private commonService: CommonService, private _router: Router) {}\r\n\r\n intercept(req: HttpRequest\\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n '
\\n' +\r\n ' \\n' +\r\n ' \\n' +\r\n ' \r\n
\r\n","import {NgModule} from '@angular/core';\r\nimport {BrowserModule} from '@angular/platform-browser';\r\nimport {FormsModule} from '@angular/forms';\r\nimport {HttpClientModule} from '@angular/common/http';\r\nimport {BrowserAnimationsModule} from '@angular/platform-browser/animations';\r\nimport {InputTextModule} from 'primeng/inputtext';\r\nimport {SidebarModule} from 'primeng/sidebar';\r\nimport {BadgeModule} from 'primeng/badge';\r\nimport {RadioButtonModule} from 'primeng/radiobutton';\r\nimport {InputSwitchModule} from 'primeng/inputswitch';\r\nimport {RippleModule} from 'primeng/ripple';\r\nimport {RouterModule} from '@angular/router';\r\nimport {AppLayoutComponent} from \"./app.layout.component\";\r\nimport {HeaderComponent} from \"./header/header.component\";\r\nimport {FooterInformationComponent} from \"./footer_information/footer_information.component\";\r\nimport {FooterComponent} from \"./footer/footer.component\";\r\n\r\n@NgModule({\r\n declarations: [\r\n HeaderComponent,\r\n FooterComponent,\r\n FooterInformationComponent,\r\n AppLayoutComponent\r\n ],\r\n imports: [\r\n BrowserModule,\r\n FormsModule,\r\n HttpClientModule,\r\n BrowserAnimationsModule,\r\n InputTextModule,\r\n SidebarModule,\r\n BadgeModule,\r\n RadioButtonModule,\r\n InputSwitchModule,\r\n RippleModule,\r\n RouterModule,\r\n ],\r\n exports: [AppLayoutComponent]\r\n})\r\nexport class AppLayoutModule {\r\n}\r\n","import {Component, OnInit} from '@angular/core';\r\nimport {LayoutService} from \"../service/app.layout.service\";\r\nimport {environment} from \"@environment/environment\";\r\nimport { CommonService } from '@services/common.service';\r\n\r\n@Component({\r\n selector: 'footer-app',\r\n templateUrl: './footer.component.html',\r\n styleUrls: ['footer.style.scss']\r\n})\r\nexport class FooterComponent implements OnInit {\r\n isEngOffice : boolean\r\n currentYear : number\r\n protected readonly environment = environment;\r\n\r\n constructor(public layoutService: LayoutService , private commonService : CommonService) {\r\n this.isEngOffice = this.commonService.getSelectedRole?.includes('مكتب');\r\n\r\n }\r\n ngOnInit(): void {\r\n let currentDate = new Date();\r\n this.currentYear = currentDate.getFullYear();\r\n }\r\n}\r\n","","import { Component, OnInit } from '@angular/core';\r\nimport { LayoutService } from \"../service/app.layout.service\";\r\n\r\n@Component({\r\n selector: 'footer_information',\r\n templateUrl: './footer_information.component.html',\r\n styleUrls: ['footer_information.style.scss']\r\n})\r\nexport class FooterInformationComponent implements OnInit {\r\n currentYear\r\n constructor(public layoutService: LayoutService) {}\r\n ngOnInit(): void {\r\n let currentDate = new Date();\r\n this.currentYear = currentDate.getFullYear();\r\n }\r\n}\r\n","\r\n","import {Component} from '@angular/core';\r\nimport {AuthenticationService} from '@services/authentication.service';\r\nimport {CommonService} from '@services/common.service';\r\nimport {environment} from \"@environment/environment\";\r\n\r\n@Component({\r\n selector: 'header-app',\r\n templateUrl: './header.component.html',\r\n styleUrls: ['header.style.scss'],\r\n})\r\nexport class HeaderComponent {\r\n profile: any;\r\n protected readonly environment = environment;\r\n protected readonly window = window;\r\n isEngOffice : boolean;\r\n constructor(\r\n private authService: AuthenticationService,\r\n public commonService: CommonService,\r\n ) {\r\n this.profile = this.authService.getClaims();\r\n this.isEngOffice = this.commonService.getSelectedRole?.includes('مكتب');\r\n }\r\n \r\n}\r\n","\r\n\r\n\r\n
\r\n