widgets/implementations/datapoints-table/datapoints-table-view/datapoints-table-view.component.ts
OnInit
OnDestroy
| host | { |
| selector | c8y-datapoints-table-view |
| standalone | true |
| imports |
AsyncPipe
CommonModule
DatapointsExportSelectorComponent
DatapointsTableComponent
GlobalContextConnectorComponent
LocalControlsComponent
|
| templateUrl | ./datapoints-table-view.component.html |
constructor(alertService: AlertService, dashboardChild: DashboardChildComponent, datapointsTableViewService: DatapointsTableViewService, translateService: TranslateService, dashboardContextComponent: ContextDashboardComponent, widgetConfigMigrationService: WidgetConfigMigrationService)
|
|||||||||||||||||||||
|
Parameters :
|
| config |
Type : DatapointsTableConfig
|
|
Data points table widget config. |
| isInPreviewMode |
Type : boolean
|
Default value : false
|
|
Indicates whether the component is in widget preview mode. If true, the table will be displayed without the export selector button. |
| Async ngOnChanges |
ngOnChanges()
|
|
Returns :
Promise<void>
|
| ngOnDestroy |
ngOnDestroy()
|
|
Returns :
void
|
| Async ngOnInit |
ngOnInit()
|
|
Returns :
any
|
| onContextChange | ||||||
onContextChange(event: literal type)
|
||||||
|
Parameters :
Returns :
void
|
| Async onExportModalOpen | ||||||
onExportModalOpen(isOpened: boolean)
|
||||||
|
Parameters :
Returns :
Promise<void>
|
| onRefresh |
onRefresh()
|
|
Returns :
void
|
| onScrolling | ||||||
onScrolling(isScrolling: boolean)
|
||||||
|
Parameters :
Returns :
void
|
| activeDatapoints |
Type : KPIDetails[]
|
Default value : []
|
|
Represents the data points where __active property is set to true. |
| alerts |
Type : DynamicComponentAlertAggregator
|
| containerClass |
Type : string
|
|
Represents the custom CSS style for the export selector component. |
| contextConfig |
Type : unknown
|
Default value : signal<GlobalContextState>({})
|
| datapointsTableItems |
Type : GroupedDatapointTableItem[]
|
Default value : []
|
|
An array of |
| datapointsWithValues |
Type : DatapointWithValues[]
|
|
An array of objects representing datapoints with their corresponding values. Used to populate the CSV/Excel file with data. |
| devicesColumnHeaders |
Type : TableColumnHeader[]
|
| displayMode |
Type : unknown
|
Default value : signal<DisplayMode>(GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD)
|
| exportConfig |
Type : ExportConfig
|
|
Represents a configuration options used by a c8y-datapoints-export-selector. |
| Readonly GLOBAL_CONTEXT_DISPLAY_MODE |
Type : unknown
|
Default value : GLOBAL_CONTEXT_DISPLAY_MODE
|
| hasAnyActiveDatapoint |
Type : boolean
|
| hasMultipleDatapoints |
Type : boolean
|
|
Indicates whether there is more than one data point. If is true, then a column 'Device' will be displayed in the table. |
| isInitialRequest |
Type : unknown
|
Default value : true
|
|
Indicates whether the component is in the initial request state where data for a table structure is being prepared. |
| isLinkedToGlobal |
Type : unknown
|
Default value : signal<boolean | undefined>(undefined)
|
| isLoading$ |
Type : unknown
|
Default value : new BehaviorSubject<boolean>(true)
|
|
Current isLoading state. Indicates whether the data is being loaded. |
| isRefreshDisabled |
Type : unknown
|
Default value : false
|
|
Indicates whether refreshing should be enabled or disabled. It's 'true' when user is not allowed to view a measurements. |
| isScrolling |
Type : unknown
|
Default value : signal(false)
|
| seriesWithoutPermissionToRead |
Type : literal type[]
|
| widgetControls |
Type : unknown
|
Default value : signal<PresetName>(PRESET_NAME.DATA_TABLE)
|
@if (!isInPreviewMode) {
@if (displayMode() === GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD) {
<c8y-global-context-connector
[controls]="widgetControls()"
[config]="contextConfig()"
[isLoading]="isLoading$ | async"
[dashboardChild]="dashboardChild"
[linked]="isLinkedToGlobal()"
(configChange)="onContextChange($event)"
(refresh)="onRefresh()"
></c8y-global-context-connector>
} @else {
<c8y-local-controls
[controls]="widgetControls()"
[displayMode]="displayMode()"
[config]="contextConfig()"
[isLoading]="isLoading$ | async"
(configChange)="onContextChange($event)"
(refresh)="onRefresh()"
></c8y-local-controls>
}
<c8y-datapoints-export-selector
class="m-l-auto p-b-8"
[containerClass]="containerClass"
[exportConfig]="exportConfig"
(isOpen)="onExportModalOpen($event)"
></c8y-datapoints-export-selector>
}
@if (devicesColumnHeaders) {
<c8y-datapoints-table
[aggregationType]="config.aggregation"
[datapointsTableItems]="datapointsTableItems"
[decimalPlaces]="config.decimalPlaces"
[devicesColumnHeaders]="devicesColumnHeaders"
[hasMultipleDatapoints]="hasMultipleDatapoints"
[isLoading]="isLoading$ | async"
[seriesWithoutPermissionToReadCount]="seriesWithoutPermissionToRead?.length"
(isScrolling)="onScrolling($event)"
></c8y-datapoints-table>
}