MrmCogsComponent

Kind: Class

Source: Pams/Web/Pams.Web/Client/app/components/dashboard/dashboard-libary/widgets/mrm-cogs/mrm-cogs.component.ts (line 84)

Part of: Pams

MrmCogsComponent is an Angular dashboard widget for displaying and managing MRM cost-of-goods-sold data. It checks authorization access, loads and saves dashboard data, aggregates values by year or month, and translates month names for display.

Methods

Properties

Where it refuses work

• MrmCogsComponent stops the work with an early return when month.MonthId == 12.
• MrmCogsComponent stops the work with an early return when month[propertyName] < this.data[bIndex].MrmCogsGroups[monthIndex - 1][propertyName].
• MrmCogsComponent stops the work with an early return when month[propertyName] < this.totalBookingMonths[index - 1][propertyName].
• MrmCogsComponent stops the work with an early return when this.allowedtoEnableEdting.
• MrmCogsComponent stops the work with an early return when this.allowedtoEdit.

Diagram

mermaid
graph LR
    A[Angular Lifecycle] --> B[GetAuthorizationAccess]
    A --> C[ngOnInit]
    A --> D[ngOnChanges]
    A --> E[ngOnDestroy]

    C --> F[getDashboardData]
    C --> G[initalizingData]
    D --> F

    F --> H[calculateSumByYear]
    F --> I[calculateSumByMonth]
    I --> J[translateMonthName]

    G --> K[saveDashboardData]

Usage

ts
import { Component, ViewChild } from '@angular/core';
import { MrmCogsComponent } from './mrm-cogs.component';

@Component({
  selector: 'app-dashboard-host',
  template: `
    <app-mrm-cogs #mrmCogs></app-mrm-cogs>

    <button type="button" (click)="refreshCogsData()">
      Refresh COGS data
    </button>
  `
})
export class DashboardHostComponent {
  @ViewChild('mrmCogs')
  mrmCogsComponent?: MrmCogsComponent;

  refreshCogsData(): void {
    this.mrmCogsComponent?.getDashboardData();
  }

  saveCogsData(): void {
    this.mrmCogsComponent?.saveDashboardData();
  }
}

AI Coding Instructions

• Keep data loading inside getDashboardData() and initialize widget state through initalizingData().
• Run authorization checks through GetAuthorizationAccess() before exposing or updating dashboard data.
• Preserve Angular lifecycle handling in ngOnInit(), ngOnChanges(), and ngOnDestroy() when adding subscriptions or input-driven refresh behavior.
• Use calculateSumByYear() and calculateSumByMonth() for aggregation rather than duplicating calculation logic in templates or parent components.
• Route month labels through translateMonthName() so displayed month names remain consistent with the component’s translation behavior.

Used by

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

Imported by (3)

• TranslateHandler — Pams/Web/Pams.Web/Client/app/app.module.ts:1
• DashboardTabComponent — Pams/Web/Pams.Web/Client/app/components/dashboard/dashboard-libary/dashboard-tab/dashboard-tab.component.ts:1
• ReportsTabComponent — Pams/Web/Pams.Web/Client/app/components/dashboard/reports-library/reports-tab/reports-tab.component.ts:1