D-Net

export class StaticAutocomplete2Component {

    @Input() placeHolderMessage = "Search for entries";

    @Input() title = "Autocomplete";

    @Output() selectedValueChanged = new EventEmitter(); // when changed  a method for filtering will be called

    @Output() listUpdated = new EventEmitter(); // when changed  a method for filtering will be called

    @Input() public list = []; // the entries resulted after filtering function

    @Input() public keywordlimit = 3; // the minimum length of keyword

    @Input() public showSelected = true; // the minimum length of keyword

    @Input() public multipleSelections:boolean = true;

    @Input() public selectedValue:string = '';

    @Input() public vocabularyId:string ;

    @Input() public fieldName:string ;

      }

    }

    ngOnInit () {

      if(this.list == undefined || this.list.length == 0){

       if(this.vocabularyId){

        this.list = this._vocabulariesService.getVocabularyByType(this.vocabularyId, this.entityName);

        this.afterListFetchedActions();

        );

      }

    }else{

      this.afterListFetchedActions();

    }

    }

    private afterListFetchedActions(){

      this.getSelectedNameFromGivenId();

      this.listUpdated.emit({

          value: this.list

      });

      if(this.list == null || this.list.length == 0 ){

      }

      this.done = true;

      if(this.keyword != ""){

        this.filter();

      }

    }

    filter() {

      if(this.done){

        this.selectedValueChanged.emit({

            value: this.selectedValue

        });

      }

    }

    select(item:any){

        if(this.multipleSelections){

          var index:number =this.checkIfExists(item,this.selected);

              this.keyword = "";

              this.filtered.splice(0, this.filtered.length);

              return;

              this.selected.push(item);

              this.keyword = "";

              this.filtered.splice(0, this.filtered.length);

          }

      }else{

        this.selected.splice(0, this.selected.length);

        });

      }

    }

    private checkIfExists(item:any,list):number{

import {Observable}     from 'rxjs/Observable';

import {Claim}           from '../utils/entities/claim';

import {OpenaireProperties} from '../utils/properties/openaireProperties';

@Injectable()

export class ContextsService {

    let url= this.baseUrl  + 'categories/' + categoryId+ "/concepts";

      return this.http.get( url)

                    .map(request => <any> request.json().data)

                    .catch(this.handleError);

  }

  private handleError (error: Response) {

    // in a real world app, we may send the error to some remote logging infrastructure

    // instead of just logging it to the console

import {Observable}       from 'rxjs/Observable';

import {ContextsService} from '../../services/contexts.service';

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

@Component({

    selector: 'claim-contexts',

    template: `

                </ul>

              </div>

          </div>

        <div class="panel-body"   *ngIf=" inline && showComponent ">

          <div class=" form-horizontal">

          <div    class=" form-group ">

              </ul>

            </div>

          </div>

        </div>

     <div *ngIf="warningMessage.length > 0" class="alert alert-warning" role="alert">{{warningMessage}}</div>

     <div *ngIf="infoMessage.length > 0" class="alert alert-info" role="alert">{{infoMessage}}</div>

@Input() public selectedCategoryId:string ="0";

@Output() cselectedCommunityChange = new EventEmitter();

@Output() selectedCategoryChange = new EventEmitter();

public query = '';

public filteredList = [];

public categories:string[];

private selectedCategoryLabel:string ="Category:";

public warningMessage = "";

public infoMessage = "";

    this.elementRef = myElement;

}

    var context: ClaimContext= { community: this.selectedCommunityLabel, category: this.selectedCategoryLabel, concept: item };

    var found:boolean = false;

    this.warningMessage = "";

    for (var _i = 0; _i < this.selectedList.length; _i++) {

        let item = this.selectedList[_i];

        if(item.concept.id == context.concept.id){

              found=true;

        }

     }

    if (!found) {

    }

}

getCommunities ()  {

  this._contextService.getCommunities().subscribe(

    data => {

         if (this.query !== ""){

           var event = {value: ""};

           event.value = this.query;

         }

        },

    if(this.selectedCategoryId != '0'){

      this._contextService.getConcepts(this.selectedCategoryId, "").subscribe(

        data => {

          if (this.query !== ""){

            var event = {value: ""};

            event.value = this.query;

           }

         },

        err => console.error(err)

  communityChanged(communityId:string, communityLabel:string){

    this.warningMessage = "";

    this.infoMessage = "";

  }

  categoryChanged(categoryId:string, categoryLabel:string){

    this.warningMessage = "";

    this.infoMessage = "";

  }

     }

     private searchOpenaire (term: string, size : number, page : number) {

                   data => {

                       if(data != null) {

                           this.openairePage=page;

  }

  private searchOpenaire(term: string, size : number, page : number)  {

          this.openaireStatus = this.errorCodes.LOADING;

            data => {

                if(data != null) {

                    this.openairePage=page;

  private searchOrganizationsComponent: SearchOrganizationsComponent;

  private searchPeopleComponent: SearchPeopleComponent;

  constructor ( private route: ActivatedRoute,

      private _searchPublicationsService: SearchPublicationsService,

      private _searchDataprovidersService: SearchDataprovidersService,

  private ngOnDestroy() {

    this.sub.unsubscribe();

    if(this.keyword !=null && this.keyword.length > 0){

        this.subPublicationsCount.unsubscribe();

        this.subDatasetsCount.unsubscribe();

        this.subProjectsCount.unsubscribe();

   private keywordChanged($event){

    this.keyword = $event.value;

    console.info("Search Find: search with keyword \"" +  this.keyword + "\"" );

    //unsubscribeSearch();

   private count() {

       this.subPublicationsCount = this.route.queryParams.subscribe(params => {

             data => {

                 this.searchPublicationsComponent.totalResults = data;

             },

       })

       this.subDatasetsCount = this.route.queryParams.subscribe(params => {

             data => {

                 this.searchDatasetsComponent.totalResults = data;

             },

       })

       this.subProjectsCount = this.route.queryParams.subscribe(params => {

             data => {

                 this.searchProjectsComponent.totalResults = data;

             },

       this.searchDataProvidersComponent.getNumForSearch(this.keyword);

       this.subOrganizationsCount = this.route.queryParams.subscribe(params => {

             data => {

                 this.searchOrganizationsComponent.totalResults = data;

             },

       })

       this.subPeopleCount = this.route.queryParams.subscribe(params => {

             data => {

                 this.searchPeopleComponent.totalResults = data;

             },

                <div class="text-justify" [innerHTML]="datasetInfo.description"></div>

            </blockquote>

            	<button (click)=" toggleClaimResult()" class = "btn btn-primary   btn-xs" >Add Research Results</button>

            </div>

            <inline-claim-result inlineType ="dataset" [inlineEntity]="result"  (datasetAdded)="resultsAdded($event,false)"  (publicationAdded)="resultsAdded($event,true)"   ></inline-claim-result>

                        </a>

                    </dd>

                </dl>

                <ul class="nav nav-tabs">

                    <li class="active">

                            [filename]="'publications.csv'">

                        </export>

                    </li>

                        <div class="text-center">

                            <a class="btn btn-primary" href="/linking">

                                Link Research Results

                            </a>

                        </div>

                    <li class="list-group-item">

                        <div class="text-center">

                            <a class="btn btn-primary" href="/deposit">

    this.errorMessage=""

    if(this.articleId==null || this.articleId==''){

      this.warningMessage="No valid publication id";

        data => {

            this.publicationInfo = data;

                    let bioentitiesNum = 0;

                    if(this.publicationInfo.bioentities != undefined) {

                <blockquote *ngIf="publicationInfo.description != ''">

                    <div class="text-justify" [innerHTML]="publicationInfo.description"></div>

                </blockquote>

                <ul class="nav nav-tabs">

                    <li class="active">