import { ChangeDetectionStrategy, Component } from "@angular/core";
import { WidgetComponent, WidgetConfigure } from "../../widget.metadata";
import { WidgetConfig, getOrDefault } from "../../widget.configuration";
import { CellWidget } from "../../../components/list-cell";
import { BaseConfiguration } from "../../widgetframe/widgetframe.component";

export interface ListCellStateIndicatorConfiguration extends BaseConfiguration {
  /**
   * Show the indicator color as a vertical line with the tooltip as a description next to it
   */
  verticalStateIndicator?: boolean;
}
@WidgetComponent("list-cell-state-indicator")
@Component({
  selector: "list-cell-state-indicator",
  templateUrl: "./list-cell-state-indicator-widget.component.html",
  styleUrls: ["./list-cell-state-indicator-widget.component.scss"],
})
export class ListCellStateIndicatorWidgetComponent implements CellWidget {
  public row: any;
  public value: any;
  public verticalStateIndicator: boolean;

  @WidgetConfigure()
  protected configureWidget(
    configuration: WidgetConfig<ListCellStateIndicatorConfiguration>
  ) {
    this.verticalStateIndicator = getOrDefault(
      configuration.configuration.verticalStateIndicator,
      false
    );
  }
}