Web SDK documentation
  1. Components
  2. GlobalContextWidgetConfigComponent
global-context/core/global-context-widget-config.component.ts

Description

Widget configuration component for time context settings.

Allows widgets to either sync with dashboard-level time settings (dashboard mode) or use independent time controls (widget mode). When in widget mode, displays additional configuration controls for time range, aggregation, and refresh settings.

Implements

OnInit

Example

Metadata

changeDetection ChangeDetectionStrategy.OnPush
selector c8y-global-context-widget-config
standalone true
imports
C8yTranslatePipe
PopoverModule
template 
<form [formGroup]="form">
  <fieldset class="c8y-fieldset">
    <legend>
      {{ 'Time context' | translate }}
      <button
        class="btn-help btn-help--sm"
        [attr.aria-label]="'Help' | translate"
        [popover]="
          'Sync with dashboard settings or set independent time controls for this widget.'
            | translate
        "
        placement="right"
        triggers="focus"
        container="body"
        type="button"
        [adaptivePosition]="true"
      ></button>
    </legend>
    <c8y-config-context-selector formControlName="displayMode"></c8y-config-context-selector>
  </fieldset>
</form>

@if (configInput()?.displayMode !== GLOBAL_CONTEXT_DISPLAY_MODE.DASHBOARD) {
  <fieldset class="c8y-fieldset p-l-0 p-r-0 p-t-16">
    <legend class="m-l-16">{{ 'Widget time context' | translate }}</legend>
    <c8y-global-context-config
      [config]="_latestConfig()"
      [widgetControls]="widgetControlsInput()"
      [isLoading]="isLoadingInput()"
      [liveSnapshot]="liveSnapshot"
      [historySnapshot]="historySnapshot"
      (refresh)="refresh.emit()"
      (globalContextChange)="onGlobalContextChange($event)"
    ></c8y-global-context-config>
  </fieldset>
}

Relationships

Used by

Depends on

results matching ""

    No results matching ""