import { map } from "rxjs/operators";
import { Component } from "@angular/core";
import { WidgetConfig } from "../../widget.configuration";
import {
  WidgetComponent,
  WidgetId,
  WidgetConfiguration,
  WidgetConfigure,
  WidgetInput,
  WidgetOutput,
} from "../../widget.metadata";
import { Subject } from "rxjs";
import { WidgetframeService } from "../../widgetframe/widgetframe.service";
import { AppdataStore } from "../../../components/appdata/appdata.store";

declare var contextPath: string;
declare var $;

/**
 * Used in iPIM Analytics.
 * Surrounded by Widgetframe.
 *
 * Displays a link to the kibana admin dashboard
 */
@WidgetComponent("nm-kibana-admin")
@Component({
  selector: "nm-kibana-admin",
  templateUrl: "./kibana-admin.component.html",
})
export class KibanaAdminWidgetComponent {
  public administrationLink: string;
  constructor(private _appdataStore: AppdataStore) {}

  @WidgetConfiguration()
  public configuration: WidgetConfig;

  @WidgetConfigure()
  protected configureWidget(configuration: WidgetConfig) {
    this._appdataStore
      .getAppdata()
      .pipe(map((data) => data["analytics"]._links["kibana:admin"].href))
      .subscribe((link) => {
        this.administrationLink = link;
      });
  }
}