import { Component } from "@angular/core";
import { Subject, ReplaySubject } from "rxjs";
import { WidgetframeService } from "../../widgetframe/widgetframe.service";
import {
  WidgetConfiguration,
  WidgetId,
  WidgetConfigure,
  WidgetComponent,
} from "../../widget.metadata";
import { WidgetConfig } from "../../widget.configuration";
import { TranslateService } from "@ngx-translate/core";

declare var contextPath: string;

/**
 * Used in App ipim-mobile.
 * Surrounded by widgetframe
 * Displays text about  ipim-mobile app
 */
@WidgetComponent("nm-ipim-mobile")
@Component({
  selector: "nm-ipim-mobile",
  templateUrl: "./ipim-mobile.component.html",
  styleUrls: ["./ipim-mobile.component.scss"],
})
export class IpimMobileComponent {
  public title: string;
  public header: string;

  @WidgetConfiguration()
  private configuration: WidgetConfig;

  @WidgetId()
  public _id: string;
  public href: Subject<string> = new ReplaySubject<string>(1);

  constructor(
    private _widgetframeService: WidgetframeService,
    private translateService: TranslateService
  ) {}

  @WidgetConfigure()
  protected configureWidget(configuration: WidgetConfig) {
    this.title = this.configuration.configuration["title"];
    this.header = this.configuration.configuration["header"];
  }
}