import {Component, ViewChild, Input} from '@angular/core';
import {Location} from '@angular/common';
import {Observable}       from 'rxjs/Observable';
import { Meta} from '../../sharedComponents/metaService';

@Component({
    selector: 'claims-admin',
    template: `

    <div id="tm-main" [class]="((isConnect)?'':'uk-section') +' uk-margin-small-top tm-middle'"   >
      <div uk-grid uk-grid>
       <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">
          <div class="uk-container">
            <div class="uk-article-title custom-article-title">
                Claims Administrator
            </div>
            <div>
              <div class="uk-text-right">
              <a  *ngIf="!fetchBy || fetchBy != 'Context'" routerLink="/participate/claim">Add more Links?</a>
              <a  *ngIf="isConnect && fetchBy && fetchBy == 'Context' && fetchId" [href]="'https://beta.'+fetchId+'.openaire.eu/participate/claim'"  target="_blank">Add more Links?</a>
              </div>
              <displayClaims [enableDelete]=true [myClaims]=false [isAdmin]=true [fetchBy]= fetchBy [fetchId]=fetchId
              [communityId]="(fetchBy && fetchBy == 'Context')?fetchId:null"></displayClaims>
            </div>
          </div>
        </div>
      </div>
    </div>

    `,

})
export class ClaimsAdminComponent {
  @Input() fetchBy:string;
  @Input() fetchId:string;
  @Input() isConnect:boolean = false;

  constructor ( private _meta: Meta ) {
    if(this.isConnect){
      this._meta.setTitle("OpenAIRE Connect | Claims Administrator");

    }else{
      this._meta.setTitle("OpenAIRE | Claims Administrator");
    }


  }
  ngOnInit() {
  }
}