\r\n
\r\n\r\n
","import { Injectable } from '@angular/core';\r\nimport {\r\n CanActivate,\r\n ActivatedRouteSnapshot,\r\n RouterStateSnapshot,\r\n Router,\r\n CanActivateChild,\r\n CanLoad,\r\n Route\r\n} from '@angular/router';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { Observable } from 'rxjs';\r\nimport { SecurityService } from './security.service';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AuthGuard implements CanActivate, CanActivateChild, CanLoad {\r\n constructor(\r\n private securityService: SecurityService,\r\n private router: Router,\r\n private toastr: ToastrService\r\n ) { }\r\n\r\n canActivate(\r\n next: ActivatedRouteSnapshot,\r\n state: RouterStateSnapshot\r\n ): Observable\r\n \r\n
\r\n","export function randomString(length: number = 36) {\r\n let random = '';\r\n let possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';\r\n for (let i = 0; i < length; i++) {\r\n random += possible.charAt(Math.floor(Math.random() * possible.length));\r\n }\r\n return random;\r\n}\r\n","import { HttpClient, HttpEvent, HttpParams, HttpResponse } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { DocumentInfo } from '@core/domain-classes/document-info';\r\nimport { DocumentResource } from '@core/domain-classes/document-resource';\r\nimport { CommonError } from '@core/error-handler/common-error';\r\nimport { CommonHttpErrorService } from '@core/error-handler/common-http-error.service';\r\nimport { Observable } from 'rxjs';\r\nimport { catchError } from 'rxjs/operators';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class DocumentLibraryService {\r\n\r\n constructor(private httpClient: HttpClient,\r\n private commonHttpErrorService: CommonHttpErrorService) { }\r\n\r\n getDocuments(resource: DocumentResource): Observable\r\n
\r\n","import { Directive, Input, TemplateRef, ViewContainerRef } from '@angular/core';\r\nimport { SecurityService } from '../core/security/security.service';\r\n\r\n@Directive({\r\n // tslint:disable-next-line: directive-selector\r\n selector: '[hasClaim]'\r\n})\r\nexport class HasClaimDirective {\r\n @Input() set hasClaim(claimType: any) {\r\n if (this.securityService.hasClaim(claimType)) {\r\n // Add template to DOM\r\n this.viewContainer.createEmbeddedView(this.templateRef);\r\n } else {\r\n // Remove template from DOM\r\n this.viewContainer.clear();\r\n }\r\n }\r\n\r\n constructor(\r\n private templateRef: TemplateRef\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \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 { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { MatProgressBarModule } from '@angular/material/progress-bar';\r\nimport { LoadingIndicatorComponent } from './loading-indicator.component';\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n MatProgressBarModule\r\n ],\r\n declarations: [LoadingIndicatorComponent],\r\n exports: [LoadingIndicatorComponent],\r\n})\r\nexport class LoadingIndicatorModule {\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { HTTP_INTERCEPTORS } from '@angular/common/http';\r\nimport { NgModule } from '@angular/core';\r\nimport { RouterModule } from '@angular/router';\r\nimport { PendingInterceptorService, PendingInterceptorServiceFactoryProvider } from './pending-interceptor.service';\r\n\r\nconst PendingInterceptorServiceExistingProvider = {\r\n provide: HTTP_INTERCEPTORS,\r\n useExisting: PendingInterceptorService,\r\n multi: true\r\n};\r\n\r\n@NgModule({\r\n imports: [\r\n CommonModule,\r\n RouterModule\r\n ],\r\n declarations: [],\r\n providers: [\r\n PendingInterceptorServiceExistingProvider,\r\n PendingInterceptorServiceFactoryProvider\r\n ],\r\n})\r\nexport class PendingInterceptorModule {\r\n}\r\n","import { HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';\r\nimport { Injectable } from '@angular/core';\r\nimport { NavigationCancel, NavigationEnd, NavigationError, NavigationStart, Router } from '@angular/router';\r\nimport { Observable, ReplaySubject, throwError } from 'rxjs';\r\nimport { catchError, finalize, map } from 'rxjs/operators';\r\n\r\n@Injectable()\r\nexport class PendingInterceptorService implements HttpInterceptor {\r\n private _pendingRequests = 0;\r\n\r\n get pendingRequests(): number {\r\n return this._pendingRequests;\r\n }\r\n\r\n private _pendingRequestsStatus: ReplaySubject\r\n
","import { Component, Input, OnChanges, OnInit, SimpleChanges } from '@angular/core';\r\nimport { CompanyProfile } from '@core/domain-classes/company-profile';\r\nimport { SalesOrder } from '@core/domain-classes/sales-order';\r\nimport { SalesOrderItem } from '@core/domain-classes/sales-order-item';\r\nimport { SecurityService } from '@core/security/security.service';\r\n\r\n@Component({\r\n selector: 'app-sales-order-invoice',\r\n templateUrl: './sales-order-invoice.component.html',\r\n styleUrls: ['./sales-order-invoice.component.scss']\r\n})\r\nexport class SalesOrderInvoiceComponent implements OnInit, OnChanges {\r\n\r\n @Input() salesOrder: SalesOrder;\r\n salesOrderForInvoice: SalesOrder;\r\n companyProfile: CompanyProfile;\r\n salesOrderItems: SalesOrderItem[];\r\n salesOrderReturnsItems:SalesOrderItem[];\r\n\r\n constructor(private securityService: SecurityService) { }\r\n\r\n ngOnInit(): void {\r\n this.subScribeCompanyProfile();\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (changes['salesOrder']) {\r\n this.salesOrder.totalQuantity = this.salesOrder.salesOrderItems.map(item => item.quantity).reduce((prev, next) => prev + next);\r\n this.salesOrderItems = this.salesOrder.salesOrderItems.filter(c => c.status == 0);\r\n this.salesOrderReturnsItems = this.salesOrder.salesOrderItems.filter(c => c.status == 1);\r\n this.salesOrderForInvoice = this.salesOrder;\r\n this.salesOrder = null;\r\n }\r\n setTimeout(() => {\r\n this.printInvoice();\r\n }, 1000);\r\n }\r\n\r\n subScribeCompanyProfile() {\r\n this.securityService.companyProfile.subscribe(data => {\r\n this.companyProfile = data;\r\n });\r\n }\r\n\r\n printInvoice() {\r\n let name = this.salesOrderForInvoice.orderNumber;\r\n let printContents, popupWin;\r\n printContents = document.getElementById('salesOrderForInvoice').innerHTML;\r\n popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');\r\n popupWin.document.open();\r\n popupWin.document.write(`\r\n \r\n \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{'PURCHASE_ORDER_INVOICE' | translate}}\r\n
\r\n {{'PURCHASE_ORDERS' | translate}}: {{purchaseOrderForInvoice?.orderNumber}}\r\n \r\n\r\n {{'ORDER_DATE' | translate}} :\r\n {{purchaseOrderForInvoice?.poCreatedDate | utcToLocalTime:'shortDate'}}\r\n
\r\n \r\n
\r\n \r\n ![](\"../../../assets/images/logo.png\")
\r\n ![]()
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n {{'TO' | translate}},
\r\n {{purchaseOrderForInvoice?.supplier?.supplierName}}\r\n
0\"\r\n style=\"width:50%;\">\r\n {{purchaseOrderForInvoice.supplier.supplierAddresses[0]?.address}} \r\n
\r\n \r\n
\r\n \r\n {{'PHONE' | translate}}:\r\n {{purchaseOrderForInvoice.supplier.mobileNo}}
\r\n
\r\n \r\n
0\"\r\n style=\"width:50%;\">\r\n {{'EMAIL' | translate}}:\r\n {{purchaseOrderForInvoice.supplier.supplierEmails[0]?.email}} \r\n
\r\n \r\n
\r\n {{'FROM' | translate}},
\r\n\r\n
\r\n \r\n {{companyProfile?.title}}
\r\n
\r\n \r\n
\r\n {{'ADDRESS' | translate}}:
\r\n {{companyProfile?.address}}
\r\n
\r\n \r\n {{companyProfile?.address}}
\r\n
\r\n
\r\n \r\n {{'PHONE' | translate}}:\r\n {{companyProfile?.phone}}
\r\n
\r\n \r\n
\r\n {{'EMAIL' | translate}}:\r\n {{companyProfile?.email}}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {{'PURCHASE_ORDER_ITEMS' | translate}}
\r\n| No.\r\n | \r\n\r\n {{'DESCRIPTION' | translate}} | \r\n\r\n {{'UNIT_PER_PRICE' | translate}} | \r\n\r\n {{'QUANTITY' | translate}} | \r\n\r\n {{'DISCOUNT' | translate}} | \r\n\r\n {{'TAX' | translate}} | \r\n\r\n {{'TOTAL_AMOUNT' | translate}} | \r\n
|---|---|---|---|---|---|---|
| \r\n {{i+1}} | \r\n\r\n {{purchaseItem.chemicalName}} | \r\n\r\n {{purchaseItem.unitPrice | customCurrency}} | \r\n\r\n {{purchaseItem.quantity}} | \r\n \r\n {{purchaseItem.discount | customCurrency}} | \r\n\r\n {{purchaseItem.taxValue | customCurrency}} \r\n \r\n {{tax.tax?.name}}({{tax.tax?.percentage}}%) , \r\n \r\n | \r\n \r\n {{(purchaseItem?.quantity * purchaseItem?.unitPrice) - purchaseItem.discount +\r\n purchaseItem.taxValue | customCurrency}}\r\n | \r\n
| {{'RETURNED_ITEMS' | translate}} | \r\n||||||
| \r\n {{i+1}} | \r\n\r\n {{purchaseItem.chemicalName}} | \r\n\r\n {{purchaseItem.unitPrice | customCurrency}} | \r\n\r\n {{purchaseItem.quantity}} | \r\n \r\n {{purchaseItem.discount | customCurrency}} | \r\n\r\n {{purchaseItem.taxValue | customCurrency}} \r\n \r\n {{tax.tax?.name}}({{tax.tax?.percentage}}%) , \r\n \r\n | \r\n \r\n {{(purchaseItem?.quantity * purchaseItem?.unitPrice) - purchaseItem.discount +\r\n purchaseItem.taxValue | customCurrency }}\r\n | \r\n
| \r\n {{'TOTAL' | translate}}\r\n | \r\n\r\n {{purchaseOrderForInvoice.totalQuantity}}\r\n | \r\n\r\n {{purchaseOrderForInvoice.totalDiscount | customCurrency}}\r\n | \r\n\r\n {{purchaseOrderForInvoice.totalTax | customCurrency}}\r\n | \r\n\r\n\r\n {{purchaseOrderForInvoice.totalAmount | customCurrency}} | \r\n||
| \r\n {{'TOTAL_PAID_AMOUNT' | translate}} | \r\n\r\n {{purchaseOrderForInvoice.totalPaidAmount | customCurrency}} | \r\n|||||
| \r\n {{'BALANCE' | translate}} | \r\n\r\n {{purchaseOrderForInvoice.totalAmount-purchaseOrderForInvoice.totalPaidAmount |\r\n customCurrency}}\r\n | \r\n
\r\n
\r\n \r\n {{'TERM_AND_CONDITION' | translate}}::
\r\n {{purchaseOrderForInvoice.termAndCondition}}\r\n\r\n
\r\n \r\n {{'NOTES' | translate}}::
\r\n {{purchaseOrderForInvoice.note}}\r\n\r\n
\r\n\r\n \r\n {{'PAYMENT_STATUS' | translate}}:{{purchaseOrderForInvoice.paymentStatus | paymentStatus}}\r\n
\r\n \r\n ___________________________ {{'AUTHORIZED_SIGNATURE' |\r\n translate}}\r\n
\r\n \r\n
","import { NgModule } from '@angular/core';\r\nimport { TranslateModule } from '@ngx-translate/core';\r\nimport { HasClaimDirective } from './has-claim.directive';\r\nimport { PipesModule } from './pipes/pipes.module';\r\nimport { DragDropDirective } from './directives/drag-drop.directive';\r\nimport { DocumentViewComponent } from './document-view/document-view.component';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { NgxDocViewerModule } from 'ngx-doc-viewer';\r\nimport { NgxExtendedPdfViewerModule } from 'ngx-extended-pdf-viewer';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AddReminderSchedulerComponent } from './add-reminder-scheduler/add-reminder-scheduler.component';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\nimport { OwlDateTimeModule, OwlNativeDateTimeModule } from 'ng-pick-datetime-ex';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatTableModule } from '@angular/material/table';\r\nimport { QuantitiesUnitPricePipe } from './pipes/quantities-unitprice.pipe';\r\nimport { QuantitiesUnitPriceTaxPipe } from './pipes/quantities-unitprice-tax.pipe';\r\nimport { PurchaseOrderInvoiceComponent } from './purchase-order-invoice/purchase-order-invoice.component';\r\nimport { SalesOrderInvoiceComponent } from './sales-order-invoice/sales-order-invoice.component';\r\n\r\n@NgModule({\r\n exports: [\r\n HasClaimDirective,\r\n PipesModule,\r\n TranslateModule,\r\n DragDropDirective,\r\n DocumentViewComponent,\r\n OverlayModule,\r\n QuantitiesUnitPricePipe,\r\n QuantitiesUnitPriceTaxPipe,\r\n PurchaseOrderInvoiceComponent,\r\n SalesOrderInvoiceComponent\r\n ],\r\n imports: [\r\n CommonModule,\r\n PipesModule,\r\n OverlayModule,\r\n NgxDocViewerModule,\r\n NgxExtendedPdfViewerModule,\r\n MatIconModule,\r\n TranslateModule,\r\n MatDialogModule,\r\n ReactiveFormsModule,\r\n OwlDateTimeModule,\r\n OwlNativeDateTimeModule,\r\n MatSelectModule,\r\n MatCheckboxModule,\r\n MatTableModule,\r\n\r\n ],\r\n declarations: [\r\n HasClaimDirective,\r\n DragDropDirective,\r\n DocumentViewComponent,\r\n AddReminderSchedulerComponent,\r\n QuantitiesUnitPricePipe,\r\n QuantitiesUnitPriceTaxPipe,\r\n PurchaseOrderInvoiceComponent,\r\n SalesOrderInvoiceComponent],\r\n})\r\nexport class SharedModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { StoreModule } from '@ngrx/store';\r\nimport { EffectsModule } from '@ngrx/effects';\r\nimport { environment } from '@environments/environment';\r\nimport { StoreDevtoolsModule } from '@ngrx/store-devtools';\r\nimport { entityConfig } from './entity-metadata';\r\nimport { EntityDataModule } from '@ngrx/data';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n StoreModule.forRoot({}),\r\n EffectsModule.forRoot([]),\r\n environment.production ? [] : StoreDevtoolsModule.instrument(),\r\n EntityDataModule.forRoot(entityConfig),\r\n ]\r\n})\r\nexport class AppStoreModule { }\r\n","import { Unit } from '@core/domain-classes/unit';\r\nimport { EntityMetadataMap } from '@ngrx/data';\r\n\r\nconst entityMetadata: EntityMetadataMap = {\r\n DocumentCategory: {\r\n },\r\n Page: {\r\n },\r\n Action: {\r\n },\r\n PageAction: {\r\n },\r\n DeliveryMethod: {\r\n entityDispatcherOptions: { optimisticDelete: false, optimisticUpsert: false }\r\n },\r\n InquiryStatus: {\r\n },\r\n InquirySource: {\r\n entityDispatcherOptions: { optimisticDelete: false, optimisticUpsert: false }\r\n },\r\n PaymentTerm: {\r\n entityDispatcherOptions: { optimisticDelete: false, optimisticUpsert: false }\r\n },\r\n PackagingType: {\r\n },\r\n ExpenseCategory: {\r\n entityDispatcherOptions: { optimisticDelete: false, optimisticUpsert: false }\r\n },\r\n Tax: {\r\n entityDispatcherOptions: { optimisticDelete: false, optimisticUpsert: false }\r\n },\r\n Unit: {\r\n entityDispatcherOptions: { optimisticDelete: false, optimisticUpsert: false }\r\n },\r\n};\r\nconst pluralNames = {\r\n DocumentCategory: 'DocumentCategories',\r\n Page: \"Pages\",\r\n Action: \"Actions\",\r\n PageAction: \"PageActions\",\r\n DeliveryMethod: 'DeliveryMethods',\r\n InquiryStatus: \"InquiryStatuses\",\r\n PackagingType: \"PackagingTypes\",\r\n InquirySource: \"InquirySources\",\r\n PaymentTerm: \"PaymentTerms\",\r\n ExpenseCategory: \"ExpenseCategories\",\r\n Tax: \"Taxes\",\r\n Unit:\"Units\"\r\n};\r\n\r\nexport const entityConfig = {\r\n entityMetadata,\r\n pluralNames\r\n};\r\n","import { HttpClient } from '@angular/common/http';\r\nimport { TranslateHttpLoader } from '@ngx-translate/http-loader';\r\n\r\nexport function createTranslateLoader(http: HttpClient) {\r\n return new TranslateHttpLoader(http, './assets/i18n/', '.json');\r\n}\r\n","import { Component, Inject, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\r\nimport { User } from '@core/domain-classes/user';\r\nimport { SecurityService } from '@core/security/security.service';\r\nimport { TranslationService } from '@core/services/translation.service';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { BaseComponent } from 'src/app/base.component';\r\nimport { UserService } from '../user.service';\r\n\r\n@Component({\r\n selector: 'app-change-password',\r\n templateUrl: './change-password.component.html',\r\n styleUrls: ['./change-password.component.scss']\r\n})\r\n\r\nexport class ChangePasswordComponent extends BaseComponent implements OnInit {\r\n changePasswordForm: FormGroup;\r\n constructor(\r\n private userService: UserService,\r\n private fb: FormBuilder,\r\n public dialogRef: MatDialogRef\r\n
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{'SALES_ORDER_INVOICE' | translate}}
\r\n {{'SALES_ORDER' | translate}}: {{salesOrderForInvoice?.orderNumber}} \r\n\r\n {{'ORDER_DATE' | translate}} :\r\n {{salesOrderForInvoice?.soCreatedDate | utcToLocalTime:'shortDate'}}\r\n
\r\n \r\n
\r\n \r\n \r\n ![]()
\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n {{'TO' | translate}},
\r\n {{salesOrderForInvoice?.customer?.customerName}}\r\n
\r\n {{salesOrderForInvoice.customer.address}} \r\n
\r\n \r\n
\r\n \r\n {{'PHONE' | translate}}:\r\n {{salesOrderForInvoice.customer.mobileNo}}
\r\n
\r\n \r\n
\r\n {{'EMAIL' | translate}}:\r\n {{salesOrderForInvoice.customer?.email}}\r\n
\r\n \r\n
\r\n {{'FROM' | translate}},
\r\n\r\n\r\n
\r\n \r\n {{companyProfile?.title}}
\r\n
\r\n \r\n
\r\n {{companyProfile?.address}}
\r\n
\r\n \r\n
\r\n
\r\n \r\n {{'PHONE' | translate}}:\r\n {{companyProfile?.phone}}
\r\n
\r\n \r\n
\r\n {{'EMAIL' | translate}}:\r\n {{companyProfile?.email}}\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n {{'SALES_ORDER_ITEMS' | translate}}
\r\n| No.\r\n | \r\n\r\n {{'DESCRIPTION' | translate}} | \r\n\r\n {{'UNIT_PER_PRICE' | translate}} | \r\n\r\n {{'QUANTITY' | translate}} | \r\n\r\n {{'DISCOUNT' | translate}} | \r\n\r\n {{'TAX' | translate}} | \r\n\r\n {{'TOTAL_AMOUNT' | translate}} | \r\n
|---|---|---|---|---|---|---|
| \r\n {{i+1}} | \r\n\r\n {{salesItem.chemicalName}} | \r\n\r\n {{salesItem.unitPrice | customCurrency }} | \r\n\r\n {{salesItem.quantity}} | \r\n \r\n {{salesItem.discount | customCurrency}} | \r\n\r\n {{salesItem.taxValue | customCurrency}} \r\n \r\n {{tax.taxName}}({{tax.taxPercentage}}%) , \r\n \r\n | \r\n \r\n {{(salesItem?.quantity * salesItem?.unitPrice) - salesItem.discount +\r\n salesItem.taxValue | customCurrency}}\r\n | \r\n
| {{'RETURNED_ITEMS' | translate}} | \r\n||||||
| \r\n {{i+1}} | \r\n\r\n {{salesItem.productName}} | \r\n\r\n {{salesItem.unitPrice | customCurrency}} | \r\n\r\n {{salesItem.quantity}} | \r\n \r\n {{salesItem.discount | customCurrency}} | \r\n\r\n {{salesItem.taxValue | customCurrency}} \r\n \r\n {{tax.taxName}}({{tax.taxPercentage}}%) , \r\n \r\n | \r\n \r\n {{(salesItem?.quantity * salesItem?.unitPrice) - salesItem.discount +\r\n salesItem.taxValue | customCurrency }}\r\n | \r\n
| \r\n {{'TOTAL' | translate}}\r\n | \r\n\r\n {{salesOrderForInvoice.totalQuantity}}\r\n | \r\n\r\n {{salesOrderForInvoice.totalDiscount | customCurrency}}\r\n | \r\n\r\n {{salesOrderForInvoice.totalTax | customCurrency}}\r\n | \r\n\r\n\r\n {{salesOrderForInvoice.totalAmount | customCurrency}} | \r\n||
| \r\n {{'TOTAL_PAID_AMOUNT' | translate}} | \r\n\r\n {{salesOrderForInvoice.totalPaidAmount | customCurrency}} | \r\n|||||
| \r\n {{'BALANCE' | translate}} | \r\n\r\n {{salesOrderForInvoice.totalAmount-salesOrderForInvoice.totalPaidAmount |\r\n customCurrency }}\r\n | \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n ___________________________ {{'AUTHORIZED_SIGNATURE' |\r\n translate}}\r\n
\r\n \r\n \r\n
\r\n\r\n
\r\n \r\n \r\n {{'CHANGE_PASSWORD' | 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 {{'PASSWORD_IS_REQUIRED' | translate}}\r\n
\r\n \r\n {{'YOU_HAVE_TO_ENTER_AT_LEAST_6_DIGIT' | translate}}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{'CONFIRM_PASSWORD_IS_REQUIRED' | translate}}\r\n
\r\n \r\n {{'PASSWORDS_DO_NOT_MATCH' | translate}}\r\n
\r\n \r\n \r\n \r\n
\r\n\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { FormBuilder, FormGroup, Validators } from '@angular/forms';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { User } from '@core/domain-classes/user';\r\nimport { SecurityService } from '@core/security/security.service';\r\nimport { TranslationService } from '@core/services/translation.service';\r\nimport { environment } from '@environments/environment';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { BaseComponent } from 'src/app/base.component';\r\nimport { ChangePasswordComponent } from '../change-password/change-password.component';\r\nimport { UserService } from '../user.service';\r\n\r\n@Component({\r\n selector: 'app-my-profile',\r\n templateUrl: './my-profile.component.html',\r\n styleUrls: ['./my-profile.component.scss']\r\n})\r\nexport class MyProfileComponent extends BaseComponent implements OnInit {\r\n userForm: FormGroup;\r\n user: User;\r\n fileSelected: File;\r\n imgURL: any;\r\n constructor(\r\n private fb: FormBuilder,\r\n private userService: UserService,\r\n private toastrService: ToastrService,\r\n private dialog: MatDialog,\r\n private translationService: TranslationService,\r\n private securityService: SecurityService) {\r\n super();\r\n }\r\n\r\n ngOnInit(): void {\r\n this.createUserForm();\r\n this.sub$.sink = this.userService.getUserProfile().subscribe((user: User) => {\r\n this.user = user;\r\n if (this.user) {\r\n if (this.user.profilePhoto) {\r\n this.imgURL = environment.apiUrl + this.user.profilePhoto;\r\n }\r\n this.userForm.patchValue(this.user);\r\n }\r\n });\r\n\r\n }\r\n\r\n fileEvent($event) {\r\n this.fileSelected = $event.target.files[0];\r\n if (!this.fileSelected) {\r\n return;\r\n }\r\n const mimeType = this.fileSelected.type;\r\n if (mimeType.match(/image\\/*/) == null) {\r\n return;\r\n }\r\n const reader = new FileReader();\r\n reader.readAsDataURL(this.fileSelected);\r\n // tslint:disable-next-line: variable-name\r\n reader.onload = (_event) => {\r\n const formData = new FormData();\r\n formData.append(this.fileSelected.name, this.fileSelected);\r\n this.userService.updateProfilePhoto(formData).subscribe((user: User) => {\r\n this.toastrService.success(this.translationService.getValue('PROFILE_PHOTO_UPDATED_SUCCESSFULLY'));\r\n this.imgURL = reader.result;\r\n this.securityService.updateUserProfile(user);\r\n $event.target.value = '';\r\n });\r\n }\r\n }\r\n\r\n removeImage() {\r\n const formData = new FormData();\r\n this.userService.updateProfilePhoto(formData).subscribe((user: User) => {\r\n this.toastrService.success(this.translationService.getValue('PROFILE_PHOTO_REMOVED_SUCCESSFULLY'));\r\n this.imgURL = \"\";\r\n this.securityService.updateUserProfile(user);\r\n });\r\n }\r\n\r\n createUserForm() {\r\n this.userForm = this.fb.group({\r\n id: [''],\r\n firstName: ['', [Validators.required]],\r\n lastName: ['', [Validators.required]],\r\n email: ['', [Validators.required, Validators.email]],\r\n phoneNumber: ['', [Validators.required]],\r\n address: ['']\r\n });\r\n }\r\n\r\n updateProfile() {\r\n if (this.userForm.valid) {\r\n const user = this.createBuildObject();\r\n this.sub$.sink = this.userService.updateUserProfile(user)\r\n .subscribe((user: User) => {\r\n this.toastrService.success(this.translationService.getValue('PROFILE_UPDATED_SUCCESSFULLY'));\r\n this.securityService.updateUserProfile(user);\r\n });\r\n } else {\r\n this.toastrService.error(this.translationService.getValue('PLEASE_ENTER_PROPER_DATA'))\r\n }\r\n }\r\n\r\n createBuildObject(): User {\r\n const user: User = {\r\n id: this.userForm.get('id').value,\r\n firstName: this.userForm.get('firstName').value,\r\n lastName: this.userForm.get('lastName').value,\r\n email: this.userForm.get('email').value,\r\n phoneNumber: this.userForm.get('phoneNumber').value,\r\n userName: this.userForm.get('email').value,\r\n address: this.userForm.get('address').value\r\n }\r\n return user;\r\n }\r\n\r\n changePassword(): void {\r\n this.dialog.open(ChangePasswordComponent, {\r\n width: '350px',\r\n data: Object.assign({}, this.user)\r\n });\r\n }\r\n}\r\n","\r\n
\r\n\r\n","import { Injectable } from '@angular/core';\r\nimport { HttpClient, HttpParams, HttpResponse } from '@angular/common/http';\r\nimport { CommonHttpErrorService } from '@core/error-handler/common-http-error.service';\r\nimport { User } from '@core/domain-classes/user';\r\nimport { Observable } from 'rxjs';\r\nimport { CommonError } from '@core/error-handler/common-error';\r\nimport { catchError } from 'rxjs/operators';\r\nimport { UserClaim } from '@core/domain-classes/user-claim';\r\nimport { UserResource } from '@core/domain-classes/user-resource';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class UserService {\r\n\r\n constructor(\r\n private httpClient: HttpClient,\r\n private commonHttpErrorService: CommonHttpErrorService) { }\r\n\r\n updateUser(user: User): Observable\r\n
\r\n \r\n
\r\n {{'PROFILE' | translate}}
\r\n\r\n
\r\n