WidgetBookingSummaryTodayComponent

reference

1 min readUpdated 2026-08-11

Kind: Class

Source: Pams/Web/Pams.Web/Client/app/components/dashboard/dashboard-libary/widgets/widget-booking-summary-today/widget-booking-summary-today.component.ts (line 38)

Part of: Pams

WidgetBookingSummaryTodayComponent manages the dashboard widget that presents booking summary data for the current day. It loads and displays dashboard data, synchronizes branch-specific views, handles planned-visit chart interaction, formats price values, and releases resources during component destruction.

Implements: OnInit

Methods

Method	Signature	Returns
`ngOnInit`	`ngOnInit()`	`void`
`getDashboardData`	`getDashboardData()`	`void`
`displayDashboardData`	`displayDashboardData()`	`void`
`syncWithSeparateBranchesViews`	`syncWithSeparateBranchesViews()`	`void`
`getpriceFormatted`	`getpriceFormatted(x: undefined)`	`string`
`onChartInit`	`onChartInit(e: any)`	`void`
`onPlannedVisitsChartClick`	`onPlannedVisitsChartClick(e: undefined)`	`void`
`ngOnDestroy`	`ngOnDestroy()`	`void`
`setValue`	`setValue(value: number)`	`void`

Properties

Property	Type
`_widget`	`Widget`
`todayWidgetsEnum`	`any`
`subscription`	`Subscription`
`allData`	`MonthData[]`
`data`	`Data[]`
`tempData`	`Data`
`separateBranchesViews`	`boolean`
`initOpts`	`any`
`series`	`any[]`
`headerData`	`any`
`echartsIntance`	`any`
`options`	`any`
`TargetBooking`	`number`
`AchievedBooking`	`number`
`ForecastBooking`	`number`
`BlindForecastBooking`	`number`
`TargetBookingFormatted`	`any`
`AchievedBookingFormatted`	`any`
`ForecastBookingFormatted`	`any`
`BlindForecastFormatted`	`any`
`branchTendency`	`number`
`branchCurrency`	`any`

Diagram

mermaid
graph LR
  Dashboard[Dashboard] --> WidgetBookingSummaryTodayComponent
  WidgetBookingSummaryTodayComponent --> GetDashboardData[getDashboardData]
  GetDashboardData --> DisplayDashboardData[displayDashboardData]
  DisplayDashboardData --> BranchViews[syncWithSeparateBranchesViews]
  DisplayDashboardData --> PriceFormat[getpriceFormatted]
  WidgetBookingSummaryTodayComponent --> ChartInit[onChartInit]
  ChartInit --> PlannedVisitsClick[onPlannedVisitsChartClick]
  WidgetBookingSummaryTodayComponent --> Cleanup[ngOnDestroy]
  WidgetBookingSummaryTodayComponent --> SetValue[setValue]

Usage

ts
import { WidgetBookingSummaryTodayComponent } from './widget-booking-summary-today.component';

function refreshBookingWidget(
  widget: WidgetBookingSummaryTodayComponent,
): void {
  widget.getDashboardData();
  widget.displayDashboardData();

  const formattedPrice = widget.getpriceFormatted();
  console.log(formattedPrice);
}

// Angular calls lifecycle hooks when the component is created and destroyed.

AI Coding Instructions

Keep data loading in getDashboardData() and render-state updates in displayDashboardData().
Call syncWithSeparateBranchesViews() after dashboard data changes when branch-specific views must reflect the current state.
Initialize chart event handling through onChartInit() and route planned-visit interactions through onPlannedVisitsChartClick().
Preserve cleanup logic in ngOnDestroy() when adding subscriptions, timers, or chart listeners.

Used by

1 reference from 1 file. Each is a place in this repository where the symbol is actually used — go read one rather than trusting an example.

Imported by (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 →