D-Net

import {Component, Input,Output, EventEmitter} from '@angular/core';

import {ClaimResult} from '../../../utils/entities/claimEntities.class';

@Component({

    selector: 'claim-selected-results',

    template: `

      <!-- Results -->

        <div *ngIf=" !(inline && (hideType == 'publication' || hideType == 'dataset' )) && (datasets.length > 0 || publications.length > 0)"  class="publications" >

          <ul class="uk-list">

            <li class="list-group-item panel-footer "> Research Results ({{(datasets.length+publications.length)}})

               <span *ngIf=" !inline  && linkToResults "  title="Add More Research Results" (click)="showType('result')" aria-hidden="true" class="glyphicon glyphicon-plus "  style="float:right;cursor: pointer;"></span>

            </li>

            <li *ngIf="publications && datasets && publications.length == 0 && datasets.length == 0"  class="list-group-item">There are no Research Results </li>

            <li  *ngIf="(publications &&  publications.length > 0) ||(datasets &&  datasets.length > 0 ) "  class="list-group-item  list-group-item-warning ">{{publications. length }} Selected Publications:

               <span  *ngIf=" !inline && linkToResults " title="Add More Publications" (click)="showType('result')" aria-hidden="true" class="glyphicon glyphicon-plus "  style="float:right;cursor: pointer;"></span>

            </li>

             <claim-selected-publications    [publications]="publications"    [showAccessRights]="showAccessRights"

               [linkToResults]="(bulkMode)?false:true" >

               </claim-selected-publications>

            <li *ngIf="publications.length > 0 || datasets.length > 0" class="list-group-item  list-group-item-warning "> {{datasets.length}} Selected Research Data:

              <span  *ngIf=" !inline  && linkToResults " title="Add More  Research Data" (click)="showType('result')" aria-hidden="true" class="glyphicon glyphicon-plus "  style="float:right;cursor: pointer;"></span>

            </li>

            <claim-selected-datasets    [datasets]="datasets"    [showAccessRights]="showAccessRights"

                 [linkToResults]="(bulkMode)?false:true" >

                </claim-selected-datasets>

          </ul>

          </div>

          `

})

export class ClaimSelectedResultsComponent {

   ngOnInit() {

     var myDate = new Date();

     this.todayDate=( myDate.getFullYear()+ "-" +myDate.getMonth() + 1) + "-" + myDate.getDate() ;

     this.nextDate= ( (myDate.getFullYear()+100)+ "-" +myDate.getMonth() + 1) + "-" + myDate.getDate() ;

     //2015-05-01

}

  @Input() publications:ClaimResult[];

  @Input() datasets:ClaimResult[];

  @Input() showAccessRights:boolean = false;

  @Input() show='home';

  @Input() inline:boolean = false;

  @Input() hideType;

  @Input() bulkMode:boolean = false;

  @Input() linkToResults:boolean = true;

   @Output() showChange = new EventEmitter();

  todayDate = '';

  nextDate = '';

  showType(type){

   if(type != this.show){

     this.show = type;

     this.showChange.emit({

       value: this.show

     });

   }

  }

  showChanged($event) {

    this.show=$event.value;

      this.showChange.emit({

       value: this.show

     });

  }

}