D-Net

    private sizeOfDescription: number = 270;

            if(!Array.isArray(resData['description'])) {

              result.description = (resData['description']) ? String(resData['description']) : "";

            } else {

              result.description = (resData['description'][0]) ? String(resData['description'][0]) : "";

            }

            if (result.description && result.description.length > this.sizeOfDescription) {

              result.description = result.description.substring(0, this.sizeOfDescription) + "...";

            }

            if(resData['country'] && resData['country'] != null) {

              result.countriesForResults = new Array<string>();

              if(!Array.isArray(resData['country'])) {

                if(resData['country'].classname != "Undetermined" && resData['country'].classname) {

                  result.countriesForResults.push(resData['country'].classname);

                }

              } else {

                for(let i=0; i<resData['country'].length; i++) {

                  if(resData['country'][i].classname != "Undetermined" && resData['country'][i].classname) {

                    result.countriesForResults.push(resData['country'][i].classname);

                  }

                }

              }

            }

            result['title'] = {"name": '', "accessMode": '', "sc39": ''};

            if(Array.isArray(resData['title'])) {

                result['title'].name = (resData['title'][0] && resData['title'][0].content) ? String(resData['title'][0].content) : "";

            } else {

                result['title'].name = (resData['title'] && resData['title'].content) ? String(resData['title'].content) : "";

            }

            result['id'] = Array.isArray(data) ? data[i]['result']['header']['dri:objIdentifier'] : data['result']['header']['dri:objIdentifier'];

            if(resData['bestaccessright'] && resData['bestaccessright'].hasOwnProperty("classname")) {

                result['title'].accessMode = resData['bestaccessright'].classname;

            }

            if(resData['rels'].hasOwnProperty("rel")) {

                let relLength = Array.isArray(resData['rels']['rel']) ? resData['rels']['rel'].length : 1;

                for(let j=0; j<relLength; j++) {

                    let relation = Array.isArray(resData['rels']['rel']) ? resData['rels']['rel'][j] : resData['rels']['rel'];

                    if(relation.hasOwnProperty("to")) {

                        if(relation['to'].class == "isProducedBy") {

                            result['projects'] = this.parseProjects(result['projects'], relation);

                        }

                    }

                }

            }

            if(resData.hasOwnProperty("creator") && resData['creator'] != null) {

              if(result['authors'] == undefined) {

                result['authors'] = new Array<{"fullName": string, "orcid": string}>();

              }

              let authors = resData['creator'];

              let length = Array.isArray(authors) ? authors.length : 1;

              for(let i=0; i<length; i++) {

                let author = Array.isArray(authors) ? authors[i] : authors;

                if(author) {

                  result['authors'][author.rank] = {"fullName": author.content, "orcid": author.ORCID};

                }

              }

              result.authors = result.authors.filter(function (item) {

                return (item != undefined && item.fullName != undefined);

              });

            }

            var date:string = (resData.dateofacceptance)+""; // transform to string in case it is an integer

            result.year = (date && (date).indexOf('-') !== -1)?date.split('-')[0]:date;

            if(!Array.isArray(resData.description)) {

                result.description = (resData.description) ? String(resData.description) : "";

            } else {

                result.description = (resData.description[0]) ? String(resData.description[0]) : "";

            }

            if(result.description && result.description.length > this.sizeOfDescription) {

                result.description = result.description.substring(0, this.sizeOfDescription) + "...";

            }

            if(resData.embargoenddate && resData.embargoenddate != '') {

              result.embargoEndDate = new Date(resData.embargoenddate);

            }

            if(!Array.isArray(resData.publisher)) {

              result.publisher = resData.publisher;

            } else {

              for(let i=0; i<resData.publisher.length; i++) {

                if(result.publisher != undefined){

                  result.publisher += ', '+resData['publisher'][i];

                } else {

                  result.publisher = resData['publisher'][i];

                }

              }

            }

            results.push(result);

            if(!Array.isArray(resData['summary'])) {

              result.description = (resData['summary']) ? String(resData['summary']) : "";

            } else {

              result.description = (resData['summary'][0]) ? String(resData['summary'][0]) : "";

            }

            if (result.description && result.description.length > this.sizeOfDescription) {

              result.description = result.description.substring(0, this.sizeOfDescription) + "...";

            }

import { MatSelectModule } from "@angular/material";

    RefineFieldResultsServiceModule, RouterModule,

    MatSelectModule

    <mat-select class="uk-select uk-width-auto uk-text-bold matSelection" id="form-horizontal-select" name="select_results_per_page"

                [(ngModel)]="size" (ngModelChange)="sizeChanged()"

                [disableOptionCentering]="true"

                panelClass="matSelectionPanel">

      <mat-option [value]="5" > 5</mat-option>

      <mat-option [value]="10">10</mat-option>

      <mat-option [value]="20">20</mat-option>

      <mat-option [value]="50">50</mat-option>

    </mat-select>

import {MatSelectModule} from "@angular/material";

    CommonModule, FormsModule, ModalModule, MatSelectModule

import {MatSelectModule} from "@angular/material";

    CommonModule, FormsModule, RouterModule, MatSelectModule

            <mat-select   [(ngModel)]="sortBy"      class="uk-select  uk-margin-small-bottom uk-width-1-2 uk-padding-remove matSelection"

                          name="select_order"

                          [disableOptionCentering]="true"

                          panelClass="matSelectionPanel">

              <mat-option  value="num"  >Sort by results number</mat-option>

              <mat-option  value="name"  >Sort by name</mat-option>

            </mat-select>

import {SearchResultsPerPageComponent} from './searchResultsPerPage.component';

import {MatSelectModule} from "@angular/material";

    CommonModule, FormsModule, RouterModule, MatSelectModule

                <mat-select [(ngModel)]="sortBy"

                        class="uk-select uk-width-3-4@m uk-width-auto matSelection"

                        id="form-horizontal-select" name="select_order"

                        [disableOptionCentering]="true" panelClass="matSelectionPanel">

                  <mat-option  value="num">Results number</mat-option>

                  <mat-option  value="name">Name</mat-option>

                </mat-select>

  @Input() showSubjects: boolean = true;

      <mat-select *ngIf="(entityType != 'community' && entityType != 'funder' )" 

              class="uk-select uk-width-auto uk-text-bold matSelection" 

              [disableOptionCentering]="true"

              panelClass="matSelectionPanel"

              <mat-option value="">Relevance</mat-option>

              <mat-option value="resultdateofacceptance,descending">Date (most recent)</mat-option>

              <mat-option value="resultdateofacceptance,ascending">Date (least recent)</mat-option>

      </mat-select>

      <mat-select *ngIf="(entityType == 'community' || entityType == 'funder')" 

              class="uk-select uk-width-auto uk-text-bold matSelection" 

              [(ngModel)]="sortBy" (ngModelChange)="sortByChanged()"

              [disableOptionCentering]="true"

              panelClass="matSelectionPanel">

              <mat-option value="">Title</mat-option>

              <mat-option value="creationdate,descending">Creation Date (most recent)</mat-option>

              <mat-option value="creationdate,ascending">Creation Date (least recent)</mat-option>

      </mat-select>

        <mat-select class="select matSelection" id="citations" name="citeselect" [(ngModel)]="selectedStyle" (ngModelChange)="styleChanged()"

                    [disableOptionCentering]="true"

                    panelClass="matSelectionPanel">

          <mat-option   value="0">select a citation style</mat-option>

          <mat-option *ngFor=" let  style of this.citation.templates let i = index" [value]="style">{{style}}</mat-option>

        </mat-select>

import {MatSelectModule} from "@angular/material";

    CommonModule, FormsModule, MatSelectModule

        //this.resultLandingInfo.description = String(data[0].description);

        this.resultLandingInfo.description = (data[0] && data[0].description) ? String(data[0].description) : "";

        //this.resultLandingInfo.description = String(data[0].description[0]);

        this.resultLandingInfo.description = (data[0] && data[0].description[0]) ? String(data[0].description[0]) : "";

  updateUrlWithType(){

    this.type = this.resultLandingInfo.resultType;

    if(this.type == "publication") {

      this._location.go("test");

      this.linkToLandingPage = this.properties.searchLinkToPublication;

      this.linkToSearchPage = this.properties.searchLinkToPublications;

    } else if(this.type == "dataset") {

      this.linkToLandingPage = this.properties.searchLinkToDataset;

      this.linkToSearchPage = this.properties.searchLinkToDatasets;

    } else if(this.type == "software") {

      this.linkToLandingPage = this.properties.searchLinkToSoftware;

      this.linkToSearchPage = this.properties.searchLinkToSoftwareLanding;

    } else if(this.type == "other") {

      this.type="orp";

      this.linkToLandingPage = this.properties.searchLinkToOrp;

      this.linkToSearchPage = this.properties.searchLinkToOrps;

    }

    this._location.go(this.linkToLandingPage + this.id);

  }

  //publications & datasets & orp & software & projects & dataproviders:

  description: string;

      entity.result.accessRights = (item.title && item.title.accessMode) ? String(item.title.accessMode) : "";

          <mat-select *ngIf="resultsNum>10" class="uk-width-1-5 uk-select matSelection" [(ngModel)]="size" name="select_size"

                  (ngModelChange)="changeSize()" [disabled]="pageLoading"

                  [disableOptionCentering]="true"

                  panelClass="matSelectionPanel">

            <mat-option *ngFor="let size of sizes" [value]="size">{{size}}</mat-option>

          </mat-select>

import { MatSelectModule } from "@angular/material";

    IndexInfoServiceModule, MatSelectModule

            <mat-select [(ngModel)]="selectAuthorId" name="select_author"

                    (ngModelChange)="getOrcidResultsById(selectAuthorId)" class="uk-select matSelection"

                    [disableOptionCentering]="true"

                    panelClass="matSelectionPanel">

              <mat-option [value]="0">Choose another one:</mat-option>

              <mat-option *ngFor=" let item of authors let i = index"

                      [value]="authors[i].id">{{authors[i].authorGivenName}} {{authors[i].authorFamilyName}} : {{authors[i].id}} </mat-option>

            </mat-select>

import { MatSelectModule } from "@angular/material";

    SearchDataciteServiceModule, HelperModule, SearchFilterModule, ClaimResultsModule, MatSelectModule],

import { MatSelectModule } from "@angular/material";

    PiwikServiceModule,

    MatSelectModule

                             <mat-select [(ngModel)]="showOptions.show" class="uk-select uk-width-auto  uk-text-bold matSelection"

                                     *ngIf="showOptions.linkToEntities.length > 1"

                                     [disableOptionCentering]="true"

                                     panelClass="matSelectionPanel">

                               <mat-option *ngIf="showOptions.linkToEntities.indexOf('project')!=-1 "

                                       value="project">PROJECTS</mat-option>

                               <mat-option *ngIf="showOptions.linkToEntities.indexOf('result')!=-1 " value="result">RESEARCH

                                 RESULTS</mat-option>

                               <mat-option *ngIf="showOptions.linkToEntities.indexOf('context')!=-1 " value="context">COMMUNITIES

                               </mat-option>

                             </mat-select>

                            <mat-select [(ngModel)]="entity.type" name="{{'select_type_'+entity.id}}"

                                    class="uk-select uk-width-small matSelection"

                                    [disableOptionCentering]="true"

                                    panelClass="entitiesSelectionPanel">

                              <mat-option [value]="'publication'"

                              </mat-option>

                              <mat-option [value]="'dataset'"

                              </mat-option>

                              <mat-option [value]="'software'" (click)="onTypeChanged('software',entity, false)">Software

                              </mat-option>

                              <mat-option [value]="'other'"

                              </mat-option>

                            </mat-select>

                              <mat-select [(ngModel)]="entity.result.accessRights" name="{{'select_rights_'+entity.id}}"

                                      class="uk-select uk-width-small uk-padding-remove-left uk-margin-left matSelection"

                                      [disableOptionCentering]="true"

                                      panelClass="matSelectionPanel">

                                <mat-option *ngFor="let type of accessTypes" [value]="type"

                                        (click)="accessRightsTypeChanged(type,entity, false)">{{type}}</mat-option>

                              </mat-select>

                            <mat-select [(ngModel)]="entity.type" name="{{'select_type_'+entity.id}}"

                                    class="uk-select uk-width-small matSelection"

                                    [disableOptionCentering]="true"

                                    panelClass="matSelectionPanel">

                              <mat-option [value]="'publication'"

                              </mat-option>

                              <mat-option [value]="'dataset'"

                              </mat-option>

                              <mat-option [value]="'software'" (click)="onTypeChanged('software',entity, false)">Software

                              </mat-option>

                              <mat-option [value]="'other'"

                              </mat-option>

                            </mat-select>

                              <mat-select [(ngModel)]="entity.result.accessRights" name="{{'select_rights_'+entity.id}}"

                                      class="uk-select uk-width-small uk-padding-remove-left uk-margin-left matSelection"

                                      [disableOptionCentering]="true"

                                      panelClass="matSelectionPanel">

                                <mat-option *ngFor="let type of accessTypes" [value]="type"

                                        (click)="accessRightsTypeChanged(type,entity, true)">{{type}}</mat-option>

                              </mat-select>

import { MatDatepickerModule, MatNativeDateModule, MatFormFieldModule, MatInputModule, MatSelectModule} from '@angular/material';

    MatDatepickerModule,   MatNativeDateModule, MatFormFieldModule, MatInputModule, MatSelectModule,

    HelperModule