import { Component, Output, Inject, forwardRef, EventEmitter, Input } from '@angular/core';
import { RdComponent } from '../../base/rdComponent';
import { RdLib } from '../../base/rdLib';
import { Portlet } from './portlet';
import { PortletRibbon } from './portletRibbon';

@Component({
  selector: "rd-tool:[rd-type=refresh]",
  template: `
    <span style="cursor:pointer">
      <rd-icon rd-class="fas fa-sync-alt" [rd-color]="color" rd-size="porletIconSize" rd-animate="animate-rotate-clockwise" [rd-activate-on-hover]="true" [rd-tooltip]="tooltip" (click)="click($event)"></rd-icon>
    </span>
  `
})
export class PortletToolRefresh extends RdComponent {
  constructor(@Inject(forwardRef(() => Portlet)) private portlet: Portlet, @Inject(forwardRef(() => PortletRibbon)) public portletRibbon: PortletRibbon) {
    super();
  }

  @Input("rd-color") color: string = "white";
  @Output("rd-click") clickEvent: EventEmitter<any> = new EventEmitter<any>();

  tooltip = RdLib.localization.translateEn("Refresh");

  click(event) {
    event.stopPropagation();
    this.portlet.refresh();
    this.portletRibbon.refresh();
    this.clickEvent.emit(null);
  }
}