Web SDK documentation
  1. Components
  2. AutoRefreshControlComponent

File

core/dashboard/widget-auto-refresh-context/auto-refresh-control.component.ts

Implements

AfterViewInit OnDestroy ControlValueAccessor

Metadata

providers )
selector c8y-auto-refresh-control
standalone true
imports TooltipModule CountdownIntervalComponent IconDirective C8yTranslatePipe AsyncPipe
templateUrl ./auto-refresh-control.component.html

Index

Properties
Methods
Outputs

Outputs

loading
Type : EventEmitter

Methods

ngAfterViewInit
ngAfterViewInit()
Returns : void
ngOnDestroy
ngOnDestroy()
Returns : void
registerOnChange
registerOnChange(fn: any)
Parameters :
Name Type Optional
fn any No
Returns : void
registerOnTouched
registerOnTouched(fn: any)
Parameters :
Name Type Optional
fn any No
Returns : void
toggleIntervalRefresh
toggleIntervalRefresh()
Returns : void
writeValue
writeValue(showIntervalRefresh: boolean)
Parameters :
Name Type Optional
showIntervalRefresh boolean No
Returns : void

Properties

autoRefreshSeconds$
Type : BehaviorSubject<number>
countdownIntervalComponent
Type : CountdownIntervalComponent
Decorators :
@ViewChild(CountdownIntervalComponent)
Readonly DEFAULT_INTERVAL_VALUE
Type : unknown
Default value : DEFAULT_INTERVAL_VALUE
Readonly DISABLE_AUTO_REFRESH
Type : unknown
Default value : gettext('Disable auto refresh')
Readonly ENABLE_AUTO_REFRESH
Type : unknown
Default value : gettext('Enable auto refresh')
isBtnDisabled$
Type : unknown
Default value : this.isBtnDisabledSubject.asObservable()
onChange
Type : function
onTouched
Type : unknown
Default value : () => {...}
showIntervalRefresh$
Type : BehaviorSubject<boolean>
Default value : new BehaviorSubject<boolean>( this.widgetGlobalAutoRefresh.autoRefreshSettings.isEnabled$.getValue() ) 
@let showIntervalRefresh = showIntervalRefresh$ | async;
@let autoRefreshSeconds = autoRefreshSeconds$ | async;
@let isBtnDisabled = isBtnDisabled$ | async;
@let tooltipText = (showIntervalRefresh ? DISABLE_AUTO_REFRESH : ENABLE_AUTO_REFRESH) | translate;

<button
  class="toggle-countdown"
  [attr.aria-label]="tooltipText"
  [tooltip]="tooltipText"
  placement="top"
  container="body"
  (click)="toggleIntervalRefresh()"
  [adaptivePosition]="false"
  mode
  [delay]="500"
  [disabled]="isBtnDisabled"
>
  @if (showIntervalRefresh) {
    <c8y-countdown-interval
      [countdownInterval]="autoRefreshSeconds ?? DEFAULT_INTERVAL_VALUE"
    ></c8y-countdown-interval>
  } @else {
    <i c8yIcon="pause"></i>
  }
</button>

results matching ""

    No results matching ""