PaymentDetailsComponent

reference

3 min readUpdated 2026-08-11

Kind: Class

Source: Pams/Web/Pams.Web/Client/app/components/payments/payment-details/payment-details.component.ts (line 55)

Part of: Pams

PaymentDetailsComponent manages the payment-details view in the PAMS web client. It loads payment records, currencies, authorization state, and opened tabs, then prepares table data and edit controls for the user interface.

Implements: OnInit, ComponentCanDeactivate

Methods

Method	Signature	Returns
`GetAuthorizationAccess`	`GetAuthorizationAccess(url: string)`	`void`
`checkAllowedToEdit`	`checkAllowedToEdit()`	`void`
`ngOnInit`	`ngOnInit()`	`void`
`getRecord`	`getRecord()`	`void`
`getOpenedTabs`	`getOpenedTabs()`	`void`
`reset`	`reset()`	`void`
`openLibrary`	`openLibrary()`	`void`
`getCurrencies`	`getCurrencies()`	`void`
`fillTableView`	`fillTableView()`	`void`
`disablingAllocatedAmount`	`disablingAllocatedAmount()`	`void`
`fillColumns`	`fillColumns()`	`void`
`cellUpdated_Handler`	`cellUpdated_Handler(e: InvoicesForPayment)`	`void`
`ifInOwnCurrency`	`ifInOwnCurrency(dataField: undefined)`	`boolean`
`displayFormattedCurrency`	`displayFormattedCurrency(value: undefined, dataField: undefined, rowData: undefined)`	`void`
`formatCells`	`formatCells(e: undefined)`	`void`
`getClients`	`getClients()`	`void`
`getPrinciples`	`getPrinciples()`	`void`
`getReceivingMethod`	`getReceivingMethod()`	`void`
`selectText`	`selectText(e: undefined)`	`void`
`applyFilter`	`applyFilter()`	`void`
`onKeyDown`	`onKeyDown(e: KeyboardEvent)`	`void`
`getPaymentByPaymentID`	`getPaymentByPaymentID()`	`void`
`changeTabs`	`changeTabs(targetTab: undefined)`	`void`
`savePayment`	`savePayment(SaveAndLeave: undefined)`	`void`
`ValidatePayment`	`ValidatePayment()`	`boolean`
`SelectAccount`	`SelectAccount(ID: undefined)`	`void`
`DeSelectAccount`	`DeSelectAccount(ID: undefined)`	`void`
`GetInvoicesbyAccountID`	`GetInvoicesbyAccountID(withoutNewAllocated: boolean)`	`void`
`AutomaticAmountDivision`	`AutomaticAmountDivision()`	`void`
`display`	`display(data: undefined)`	`void`
`DataChanged`	`DataChanged()`	`void`
`gridItem_KeyPress_Number`	`gridItem_KeyPress_Number(event: undefined)`	`void`
`chanegRecievingMethod`	`chanegRecievingMethod(e: undefined)`	`void`
`getCurrencyRate`	`getCurrencyRate(currency: CurrencyRate)`	`void`
`currencyChanged`	`currencyChanged(e: undefined)`	`void`
`enteringAmount`	`enteringAmount(e: undefined)`	`void`
`ngOnDestroy`	`ngOnDestroy()`	`void`
`openPopup`	`openPopup(n: string, t: string, i: string, btnTxt: string)`	`void`
`OnOpenedPopup`	`OnOpenedPopup()`	`void`
`savePopup`	`savePopup()`	`void`
`check`	`check()`	`void`
`closePopup`	`closePopup()`	`void`
`saveAndClose`	`saveAndClose()`	`void`
`close`	`close()`	`void`
`leavePage`	`leavePage()`	`void`
`ClosewithDonotSave`	`ClosewithDonotSave()`	`void`
`canDeactivate`	`canDeactivate()`	`void`
`changeRateAssistantList`	`changeRateAssistantList(e: undefined, index: number)`	`void`
`selectNumber`	`selectNumber(e: undefined, input: undefined)`	`void`
`disSelectNumber`	`disSelectNumber(e: undefined, input: undefined)`	`void`

Properties

Property	Type
`alerts`	`AlertsComponent`
`sharedPopup`	`SharedPopupComponent`
`DataValidator`	`DxValidationGroupComponent`
`FileLibrary`	`FilesComponent`
`attachedDropdown`	`SharedAttachedDocsComponent`
`environment`	`any`
`RelatedToType`	`any`
`displayedInvoices`	`InvoicesForPayment[]`
`allocateddInvoices`	`InvoicesForPayment[]`
`checkChangesInvoices`	`InvoicesForPayment[]`
`allowedtoEdit`	`boolean`
`allowedtoNew`	`boolean`
`IsNewPayment`	`boolean`
`paymentID`	`number`
`_passIdAsInput`	`number`
`firstInitialized`	`boolean`
`EnableEditingMode`	`boolean`
`disabledNewAllocation`	`boolean`
`popup`	`any`
`receivingPaymentMethod`	`ReceivingMethod[]`
`recevingMethodsEnum`	`any`
`ModuleEnumId`	`any`
`LogModuleId`	`any`
`selectedDocs`	`FileData[]`
`payment`	`PaymentDetails`
`oldPayment`	`PaymentDetails`
`CompletelyAllocatedInvoices`	`string[]`
`dataSource`	`any`
`idColumnsName`	`any`
`selectedIDs`	`any[]`
`clientList`	`Client[]`
`principalList`	`Supplier[]`
`NoChange_CanLeave`	`boolean`
`Change_Saved_CanLeave`	`boolean`
`Change_NoSave_WantLeave`	`boolean`
`isLeaving`	`boolean`
`allowleave`	`boolean`
`Changed`	`boolean`
`DateDisplayFormat`	`any`
`salesInvoiceType`	`boolean`
`tabsSwitch`	`string`
`LodingPanalMessage`	`any`
`loadingVisible`	`any`
`subscription`	`Subscription`
`currencyRate`	`CurrencyRate`
`defaultCurrency`	`any`
`isProcessActiveBoolean`	`boolean`
`advColumns`	`AdvColumn[]`
`advColumnInvoiceNo`	`AdvColumn`
`advColumnInvoiceDate`	`AdvColumn`

Where it refuses work

PaymentDetailsComponent stops the work with an early return when this.allowedtoEdit.
PaymentDetailsComponent stops the work with an early return when this.allowedtoNew.
PaymentDetailsComponent stops the work with an early return when dataField == "TotalAmount" || dataField == "PaidAmount" || dataField == "DeductionAmount"….
PaymentDetailsComponent stops the work with an early return when !this.ValidatePayment().
PaymentDetailsComponent stops the work with an early return when this.NoChange_CanLeave.
PaymentDetailsComponent stops the work with an early return when this.Change_Saved_CanLeave.

Diagram

mermaid
graph LR
    A[PaymentDetailsComponent] --> B[ngOnInit]
    B --> C[GetAuthorizationAccess]
    B --> D[getRecord]
    B --> E[getOpenedTabs]
    B --> F[getCurrencies]
    D --> G[fillTableView]
    C --> H[checkAllowedToEdit]
    G --> I[disablingAllocatedAmount]
    A --> J[openLibrary]
    A --> K[reset]

Usage

ts
import { TestBed } from '@angular/core/testing';
import { PaymentDetailsComponent } from './payment-details.component';

const fixture = TestBed.createComponent(PaymentDetailsComponent);
const component = fixture.componentInstance;

// Runs component initialization and loads payment-related data.
fixture.detectChanges();

// Open the related library view when needed.
component.openLibrary();

// Reset the payment-details state.
component.reset();

AI Coding Instructions

Keep initialization work in ngOnInit() and preserve the existing loading order for authorization, records, tabs, and currencies.
Call checkAllowedToEdit() after authorization data is available before enabling payment-detail edits.
Update fillTableView() when changing the record shape or table columns so displayed payment data remains aligned with the source record.
Review disablingAllocatedAmount() when changing allocation rules or edit-state behavior.
Keep reset() and openLibrary() aligned with the navigation and state-management patterns used by surrounding payment components.

Used by

2 references from 2 files. Each is a place in this repository where the symbol is actually used — go read one rather than trusting an example.

Imported by (2)

AppRoutingModule — Pams/Web/Pams.Web/Client/app/app-routing.module.ts:1
TranslateHandler — Pams/Web/Pams.Web/Client/app/app.module.ts:1

Was this page helpful?

Download as PDF

ADocs generated by Atloria — from the code, always in sync →