D-Net

// Work around for https://github.com/angular/angular-cli/issues/7200

const path = require('path');

const webpack = require('webpack');

module.exports = {

  entry: {

    // This is our Express server for Dynamic universal

    server: './server.ts',

    // This is an example of Static prerendering (generative)

    prerender: './prerender.ts'

  },

  target: 'node',

  resolve: { extensions: ['.ts', '.js'] },

  // Make sure we include all node_modules etc

  externals: [/(node_modules|main\..*\.js)/,],

  output: {

    // Puts the output at the root of the dist folder

    path: path.join(__dirname, 'dist'),

    filename: '[name].js'

  },

  module: {

    rules: [

      { test: /\.ts$/, loader: 'ts-loader' }

    ]

  },

  plugins: [

    new webpack.ContextReplacementPlugin(

      // fixes WARNING Critical dependency: the request of a dependency is an expression

      /(.+)?angular(\\|\/)core(.+)?/,

      path.join(__dirname, 'src'), // location of your src

      {} // a map of your routes

    ),

    new webpack.ContextReplacementPlugin(

      // fixes WARNING Critical dependency: the request of a dependency is an expression

      /(.+)?express(\\|\/)(.+)?/,

      path.join(__dirname, 'src'),

      {}

    )

  ]

}

import { NgModule } from '@angular/core';

import { RouterModule } from '@angular/router';

import{AdvancedSearchDatasetsComponent} from './advancedSearchDatasets.component';

import {FreeGuard} from'../../login/freeGuard.guard';

import {PreviousRouteRecorder} from '../../utils/piwik/previousRouteRecorder.guard';

import {IsRouteEnabled} from '../../error/isRouteEnabled.guard';

@NgModule({

  imports: [

    RouterModule.forChild([

     	{ path: '', component: AdvancedSearchDatasetsComponent, canActivate: [FreeGuard, IsRouteEnabled], data: {

          redirect: '/error'

        }, canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class AdvancedSearchDatasetsRoutingModule { }

{

  "name": "openaire-search",

  "version": "1.0.0",

  "license": "Openaire",

  "contributors": [

    "Argiro Kokogiannaki <argirok@di.uoa.gr>",

    "Konstantina Galouni <kgalouni@di.uoa.gr>"

  ],

  "scripts": {

    "ng": "ng",

    "start": "ng serve --disable-host-check",

    "start:dynamic": "npm run build:dynamic && npm run serve:dynamic",

    "start:static": "npm run build:static && npm run serve:static",

    "build": "ng build",

    "build:client-and-server-bundles": "ng build --prod -sm --stats-json && ng build --prod --app 1 --output-hashing=false",

    "build:static": "npm run build:client-and-server-bundles && npm run webpack:server && npm run generate:static",

    "build:dynamic": "npm run build:client-and-server-bundles  && npm run webpack:server",

    "generate:static": "cd dist && node prerender",

    "webpack:server": "webpack --config webpack.server.config.js --progress --colors",

    "serve:static": "cd dist/browser && http-server",

    "serve:dynamic": "node dist/server"

  },

  "private": true,

  "dependencies": {

    "@angular/animations": "^4.2.4",

    "@angular/common": "^4.2.4",

    "@angular/compiler": "^4.2.4",

    "@angular/core": "^4.2.4",

    "@angular/forms": "^4.2.4",

    "@angular/http": "^4.2.4",

    "@angular/platform-browser": "^4.2.4",

    "@angular/platform-browser-dynamic": "^4.2.4",

    "@angular/platform-server": "^4.2.4",

    "@angular/router": "^4.2.4",

    "@nguniversal/express-engine": "^1.0.0-beta.3",

    "@nguniversal/module-map-ngfactory-loader": "^1.0.0-beta.3",

    "angular2-datatable": "^0.6.0",

    "citation-js": "^0.3.4",

    "clipboard": "^1.5.16",

    "core-js": "^2.4.1",

    "rxjs": "^5.4.2",

    "ts-md5": "^1.2.0",

    "wikidata-sdk": "^5.2.9",

    "zone.js": "^0.8.14"

  },

  "devDependencies": {

    "@angular/cli": "^1.3.0",

    "@angular/compiler-cli": "^4.2.4",

    "@angular/language-service": "^4.2.4",

    "@types/node": "^8.0.30",

    "cpy-cli": "^1.0.1",

    "http-server": "^0.10.0",

    "reflect-metadata": "^0.1.10",

    "ts-loader": "^2.3.7",

    "typescript": "~2.3.3"

  }

}

import { NgModule}            from '@angular/core';

import { CommonModule }        from '@angular/common';

import { FormsModule }         from '@angular/forms';

import{ AdvancedSearchDataProvidersRoutingModule} from './advancedSearchDataProviders-routing.module';

import{AdvancedSearchDataProvidersComponent} from './advancedSearchDataProviders.component';

import {DataProvidersServiceModule} from '../../services/dataProvidersService.module';

 import {AdvancedSearchPageModule} from '../searchUtils/advancedSearchPage.module';

 import {FreeGuard} from'../../login/freeGuard.guard';

 import {IsRouteEnabled} from '../../error/isRouteEnabled.guard';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    DataProvidersServiceModule,

    AdvancedSearchDataProvidersRoutingModule, AdvancedSearchPageModule

  ],

  declarations: [

    AdvancedSearchDataProvidersComponent

   ],

  providers:[FreeGuard, IsRouteEnabled],

  exports: [

    AdvancedSearchDataProvidersComponent

     ]

})

export class AdvancedSearchDataProvidersModule { }

import {Injectable} from '@angular/core';

import {Http, Response} from '@angular/http';

import {Observable}     from 'rxjs/Observable';

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

import {SearchResult}     from '../utils/entities/searchResult';

import {RefineResultsUtils} from './servicesUtils/refineResults.class';

import 'rxjs/add/observable/of';

import 'rxjs/add/operator/do';

import 'rxjs/add/operator/share';

import {   } from '../shared/cache.service';

@Injectable()

export class SearchSoftwareService {

    private sizeOfDescription: number = 270;

    constructor(private http: Http ) {}

    searchSoftware (params: string, refineParams:string, page: number, size: number, refineFields:string[] ):any {

        let link = OpenaireProperties.getSearchAPIURLLast()+"software";

        let url = link+"?";

        if(params!= null && params != ''  ) {

            url += params;

        }

        if(refineParams!= null && refineParams != ''  ) {

            url += refineParams;

        }

        url += "&page="+ (page-1) +"&size="+size+"&format=json";

        return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url)

                    .map(res => <any> res.json())

                    //.do(res => console.info(res))

                    .map(res => [res['meta'].total, this.parseResults(res['results']),RefineResultsUtils.parse(res['refineResults'],refineFields, "software")]);

    }

    searchSoftwareById (id: string ):any {

        let url = OpenaireProperties.getSearchAPIURLLast()+"software/"+id+"?format=json";

        return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url)

                    .map(res => <any> res.json())

                    .map(res => this.parseResults(res));

    }

    searchAggregators (id: string, params: string, refineParams:string, page: number, size: number ):any {

        let link = OpenaireProperties.getSearchAPIURLLast()+"software";

        let url = link+"?"+"&format=json";

        if(params!= null && params != ''  ) {

            url += params;

        }

        if(refineParams!= null && refineParams != ''  ) {

            url += refineParams;

        }

        url += "&page="+(page-1)+"&size="+size;

        return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url)

                    .map(res => <any> res.json())

                    .map(res => this.parseRefineResults(id, res['refineResults']))

    }

    searchSoftwareByDois (DOIs: string[], refineParams:string, page: number, size: number, refineFields:string[] ):any {

        let link = OpenaireProperties.getSearchAPIURLLast()+"software";

        let url = link+"?";

        var doisParams = "";

        for(var i =0 ;i < DOIs.length; i++){

          doisParams+=(doisParams.length > 0?"&":"")+'doi="'+ DOIs[i]+'"';

        }

        if(doisParams.length > 0){

          url += "&"+doisParams;

        }

        if(refineParams!= null && refineParams != ''  ) {

            url += refineParams;

        }

        url += "&page="+ (page-1) +"&size="+size+"&format=json";

        return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url)

                    .map(res => <any> res.json())

                    //.do(res => console.info(res))

                    .map(res => [res['meta'].total, this.parseResults(res['results']),RefineResultsUtils.parse(res['refineResults'],refineFields, "software")]);

    }

    advancedSearchSoftware (params: string, page: number, size: number ):any {

      let url = OpenaireProperties.getSearchResourcesAPIURL();

      var basicQuery = "(oaftype exact result) and (resulttypeid exact software)  "

      url += "?query=";

      if(params!= null && params != ''  ) {

        url +=" ( "+basicQuery+ " ) " +" and (" + params + ")";

      }else{

        url +=" ( "+basicQuery+ " ) ";

      }

      url += "&page="+(page-1)+"&size="+size;

      url += "&format=json";

      return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url)

      .map(res => <any> res.json())

      //.do(res => console.info(res))

      .map(res => [res['meta'].total, this.parseResults(res['results'])]);

    }

    searchSoftwareForEntity (params: string, page: number, size: number):any {

        let link = OpenaireProperties.getSearchAPIURLLast();

        let url = link+params+"/software"+"?format=json";

        return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url)

                    .map(res => <any> res.json())

                    .map(res => [res['meta'].total, this.parseResults(res['results'])]);

    }

    searchSoftwareForDataproviders(params: string, page: number, size: number):any {

        let link = OpenaireProperties.getSearchAPIURLLast();

        let url = link+params+ "&page="+(page-1)+"&size="+size + "&format=json";

        return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url)

                    .map(res => <any> res.json())

                    .map(res => [res['meta'].total, this.parseResults(res['results'])]);

    }

    parseResults(data: any): SearchResult[] {

        let results: SearchResult[] = [];

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

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

            let resData = Array.isArray(data) ? data[i]['result']['metadata']['oaf:entity']['oaf:result'] : data['result']['metadata']['oaf:entity']['oaf:result'];

            var result: SearchResult = new SearchResult();

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

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

                result['title'].name = resData['title'][0].content;

            } else {

                result['title'].name = resData['title'].content;

            }

            //result['title'].url = OpenaireProperties.getsearchLinkToSoftware();

            //result['title'].url += Array.isArray(data) ? data[i]['result']['header']['dri:objIdentifier'] : data['result']['header']['dri:objIdentifier'];

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

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

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

            }

            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 == "hasAuthor") {

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

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

                          }

                          result['authors'].push({"name": relation.fullname, "id": relation['to'].content});

                        } else */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<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;

                result.authors[author.rank-1] = author.content;

              }

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

                return (item != 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;

            } else {

                result.description = resData.description[0];

            }

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

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

            }

            result.embargoEndDate = 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);

        }

        return results;

    }

    parseProjects(projects: { "id": string, "acronym": string, "title": string,

                              "funderShortname": string, "funderName": string,

                              "code": string }[], relation: any ) :  {

                              "id": string, "acronym": string, "title": string,

                              "funderShortname": string, "funderName": string,

                              "code": string }[] {

      if(projects == undefined) {

          projects = new Array<

              { "id": string, "acronym": string, "title": string,

                "funderShortname": string, "funderName": string,

                "code": string

              }>();

      }

      let countProjects = projects.length;

      projects[countProjects] = {

          "id": "", "acronym": "", "title": "",

          "funderShortname": "", "funderName": "",

          "code": ""

      }

      if(relation.title != 'unidentified') {

          projects[countProjects]['id'] =

              /*OpenaireProperties.getsearchLinkToProject() + */relation['to'].content;

          projects[countProjects]['acronym'] = relation.acronym;

          projects[countProjects]['title'] = relation.title;

          projects[countProjects]['code'] = relation.code;

      } else {

          projects[countProjects]['id'] = "";

          projects[countProjects]['acronym'] = "";

          projects[countProjects]['title'] = "";

          projects[countProjects]['code'] = "";

      }

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

          let fundingLength = Array.isArray(relation['funding']) ? relation['funding'].length : 1;

          for(let z=0; z<fundingLength; z++) {

              let fundingData = Array.isArray(relation['funding']) ? relation['funding'][z] : relation['funding'];

              if(fundingData.hasOwnProperty("funder")) {

                  projects[countProjects]['funderShortname'] = fundingData['funder'].shortname;

                  projects[countProjects]['funderName'] = fundingData['funder'].name;

              }

          }

      }

      return projects;

    }

    parseRefineResults(id: string, data: any): any {

        var results:any = [];

        if(data.hasOwnProperty("resulthostingdatasource")) {

            let length = Array.isArray(data['resulthostingdatasource']) ? data['resulthostingdatasource'].length : 1;

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

                let datasource = Array.isArray(data['resulthostingdatasource']) ? data['resulthostingdatasource'][i] : data['resulthostingdatasource'];

                let result: {"name": string, "id": string, "count": number} = {"name": "", "id": "", "count": 0};

                result['name'] = datasource.name;

                result['id'] = datasource.id.split("||")[0];

                //result['url'] = OpenaireProperties.getsearchLinkToDataProvider()+result['id'];

                result['count'] = datasource.count;

                if(result['id'] != id && result['name'] != "Unknown Repository") {

                    results.push(result);

                }

            }

        }

        return results;

    }

    numOfSoftware(url: string):any {

      return this.http.get((OpenaireProperties.isCacheEnabled())? (OpenaireProperties.getCacheUrl()+encodeURIComponent(url)): url)

                  .map(res => <any> res.json())

                  .map(res => res.total);

    }

    numOfEntitySoftware(id: string, entity: string):any {

        var parameters = "";

        if(entity == "project") {

          parameters = "projects/"+id+"/software/count";

        }

        let url = OpenaireProperties.getSearchAPIURLLast()+parameters+"?format=json";

        return this.numOfSoftware(url);

    }

    numOfSearchSoftware(params: string):any {

        let url = OpenaireProperties.getSearchAPIURLLast()+"software/count?format=json";

        if(params != "") {

          url += "&q=" + params;

        }

        return this.numOfSoftware(url);

    }

}

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

import {Observable}       from 'rxjs/Observable';

import { Router, ActivatedRoute} from '@angular/router';

import {Filter, Value,AdvancedField} from '../searchUtils/searchHelperClasses.class';

import {SearchPublicationsService} from '../../services/searchPublications.service';

import {SearchResult}     from '../../utils/entities/searchResult';

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

import {AdvancedSearchPageComponent} from '../searchUtils/advancedSearchPage.component';

import {SearchFields} from '../../utils/properties/searchFields';

import {SearchUtilsClass } from '../searchUtils/searchUtils.class';

@Component({

    selector: 'advanced-search-publications',

    template: `

    <advanced-search-page pageTitle="Advanced Search for Publications" entityType="publication"

                 type="publications"

                 [(results)] = "results"

                 [(searchUtils)] = "searchUtils"

                 [(fieldIds)]="fieldIds" [(fieldIdsMap)]="fieldIdsMap"   [(selectedFields)]="selectedFields"

                 (queryChange)="queryChanged($event)"

                 [csvParams]="csvParams" csvPath="resources" simpleSearchLink="/search/find/publications"

                 [disableForms]="disableForms"

                 [loadPaging]="loadPaging"

                 [oldTotalResults]="oldTotalResults">

    </advanced-search-page>

    `

 })

export class AdvancedSearchPublicationsComponent {

  private errorCodes: ErrorCodes;

  public results =[];

  public filters =[];

  public searchUtils:SearchUtilsClass = new SearchUtilsClass();

  public searchFields:SearchFields = new SearchFields();

  public fieldIds:  string[] = this.searchFields.RESULT_ADVANCED_FIELDS;

  public fieldIdsMap= this.searchFields.RESULT_FIELDS;

  public selectedFields:AdvancedField[] =  [];

  public resourcesQuery = "((oaftype exact result) and (resulttypeid exact publication))";

  public csvParams: string;

  public disableForms: boolean = false;

  public loadPaging: boolean = true;

  public oldTotalResults: number = 0;

  @ViewChild (AdvancedSearchPageComponent) searchPage : AdvancedSearchPageComponent ;

  constructor (private route: ActivatedRoute, private _searchPublicationsService: SearchPublicationsService ) {

    this.results =[];

    this.errorCodes = new ErrorCodes();

    this.searchUtils.status = this.errorCodes.LOADING;

    this.searchUtils.baseUrl = OpenaireProperties.searchLinkToAdvancedPublications;

  }

  ngOnInit() {

    //var errorCodes:ErrorCodes = new ErrorCodes();

    this.searchUtils.status = this.errorCodes.LOADING;

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

      if(params['page'] && this.searchUtils.page != params['page']) {

        this.loadPaging = false;

        this.oldTotalResults = this.searchUtils.totalResults;

      }

      let page = (params['page']=== undefined)?1:+params['page'];

      this.searchUtils.page = ( page <= 0 ) ? 1 : page;

      this.searchPage.fieldIds = this.fieldIds;

      this.selectedFields =[];

      this.searchPage.selectedFields = this.selectedFields;

      this.searchPage.fieldIdsMap = this.fieldIdsMap;

      this.searchPage.getSelectedFiltersFromUrl(params);

      this.getResults(this.searchPage.createQueryParameters(),  this.searchUtils.page, this.searchUtils.size);

    });

  }

  ngOnDestroy() {

    this.sub.unsubscribe();

  }

  sub: any;

  public getResults(parameters:string, page: number, size: number){

      if(parameters!= null && parameters != ''  ) {

        this.csvParams ="&type=publications&query=("+this.resourcesQuery +" and (" + parameters + "))";

      }else{

        this.csvParams ="&type=publications&query="+this.resourcesQuery;

      }

    //var errorCodes:ErrorCodes = new ErrorCodes();

    this.searchUtils.status = this.errorCodes.LOADING;

    //this.searchPage.openLoading();

    this.disableForms = true;

    this.results = [];

    this.searchUtils.totalResults = 0;

    console.info("Advanced Search for Publications: Execute search query "+parameters);

     this._searchPublicationsService.advancedSearchPublications(parameters, page, size).subscribe(

        data => {

            this.searchUtils.totalResults = data[0];

            console.info("searchPubl total="+this.searchUtils.totalResults);

            this.results = data[1];

            this.searchPage.updateBaseUrlWithParameters();

            //var errorCodes:ErrorCodes = new ErrorCodes();

            this.searchUtils.status = this.errorCodes.DONE;

            if(this.searchUtils.totalResults == 0 ){

              this.searchUtils.status = this.errorCodes.NONE;

            }

            //this.searchPage.closeLoading();

            this.disableForms = false;

            if(this.searchUtils.status == this.errorCodes.DONE) {

              // Page out of limit!!!

              let totalPages:any = this.searchUtils.totalResults/(this.searchUtils.size);

              if(!(Number.isInteger(totalPages))) {

                  totalPages = (parseInt(totalPages, 10) + 1);

              }

              if(totalPages < page) {

                this.searchUtils.totalResults = 0;

                this.searchUtils.status = this.errorCodes.OUT_OF_BOUND;

              }

            }

        },

        err => {

            console.log(err);

            console.info("error");

            //TODO check erros (service not available, bad request)

            // if( ){

            //   this.searchUtils.status = ErrorCodes.ERROR;

            // }

            //var errorCodes:ErrorCodes = new ErrorCodes();

            //this.searchUtils.status = errorCodes.NOT_AVAILABLE;

            if(err.status == '404') {

              this.searchUtils.status = this.errorCodes.NOT_FOUND;

            } else if(err.status == '500') {

              this.searchUtils.status = this.errorCodes.ERROR;

            } else {

              this.searchUtils.status = this.errorCodes.NOT_AVAILABLE;

            }

            //this.searchPage.closeLoading();

            this.disableForms = false;

        }

    );

  }

  public queryChanged($event) {

    this.loadPaging = true;

    var parameters = $event.value;

    this.getResults(parameters, this.searchUtils.page,this.searchUtils.size);

    console.info("queryChanged: Execute search query "+parameters);

  }

}

import { NgModule}            from '@angular/core';

import { CommonModule }        from '@angular/common';

import { FormsModule }         from '@angular/forms';

import { RouterModule } from '@angular/router';

import{MainSearchRoutingModule} from './mainSearch-routing.module';

import{SearchComponent} from './search.component';

import {SearchResultsModule } from '../searchUtils/searchResults.module';

import {DataProvidersServiceModule} from '../../services/dataProvidersService.module';

import {DatasetsServiceModule} from '../../services/datasetsService.module';

import {SoftwareServiceModule} from '../../services/softwareService.module';

import {ProjectsServiceModule} from '../../services/projectsService.module';

import {PublicationsServiceModule} from '../../services/publicationsService.module';

import {OrganizationsServiceModule} from '../../services/organizationsService.module';

import {BrowseEntitiesModule} from '../searchUtils/browseEntities.module';

import {SearchFormModule} from  '../searchUtils/searchForm.module';

//import {SearchFilterModalModule} from '../searchUtils/searchFilterModal.module';

import {FreeGuard} from'../../login/freeGuard.guard';

import {PiwikServiceModule} from '../../utils/piwik/piwikService.module';

import {PreviousRouteRecorder} from '../../utils/piwik/previousRouteRecorder.guard';

@NgModule({

  imports: [

    CommonModule, FormsModule, RouterModule,

    DataProvidersServiceModule, DatasetsServiceModule, SoftwareServiceModule, ProjectsServiceModule,

    PublicationsServiceModule, OrganizationsServiceModule,

    BrowseEntitiesModule, SearchFormModule, SearchResultsModule, MainSearchRoutingModule, PiwikServiceModule

  ],

  declarations: [

    SearchComponent

   ],

  providers:[FreeGuard, PreviousRouteRecorder

    ],

  exports: [

    SearchComponent

     ]

})

export class MainSearchModule { }

{

    "$schema": "./node_modules/@angular/cli/lib/config/schema.json",

    "project": {

      "name": "ng-universal-demo"

    },

    "apps": [

      {

        "root": "src",

        "outDir": "dist/browser",

        "assets": [

          "assets",

          "favicon.ico"

        ],

        "index": "index.html",

        "main": "main.ts",

        "polyfills": "polyfills.ts",

        "test": "test.ts",

        "tsconfig": "tsconfig.app.json",

        "testTsconfig": "tsconfig.spec.json",

        "prefix": "app",

        "styles": [

          "styles.css"

        ],

        "scripts": [],

        "environmentSource": "environments/environment.ts",

        "environments": {

          "dev": "environments/environment.ts",

          "prod": "environments/environment.prod.ts"

        }

      },

      {

        "platform": "server",

        "root": "src",

        "outDir": "dist/server",

        "assets": [

          "assets",

          "favicon.ico"

        ],

        "index": "index.html",

        "main": "main.server.ts",

        "test": "test.ts",

        "tsconfig": "tsconfig.server.json",

        "testTsconfig": "tsconfig.spec.json",

        "prefix": "app",

        "styles": [

          "styles.css"

        ],

        "scripts": [],

        "environmentSource": "environments/environment.ts",

        "environments": {

          "dev": "environments/environment.ts",

          "prod": "environments/environment.prod.ts"

        }

      }

    ],

    "e2e": {

      "protractor": {

        "config": "./protractor.conf.js"

      }

    },

    "lint": [

      {

        "project": "src/tsconfig.app.json",

        "exclude": "**/node_modules/**"

      },

      {

        "project": "src/tsconfig.spec.json",

        "exclude": "**/node_modules/**"

      },

      {

        "project": "e2e/tsconfig.e2e.json",

        "exclude": "**/node_modules/**"

      }

    ],

    "test": {

      "karma": {

        "config": "./karma.conf.js"

      }

    },

    "defaults": {

      "styleExt": "css",

      "component": {

        "spec": false,

        "inlineStyle": true,

        "inlineTemplate": true

      },

      "directive": {

        "spec": false

      },

      "class": {

        "spec": false

      },

      "guard": {

        "spec": false

      },

      "module": {

        "spec": false

      },

      "pipe": {

        "spec": false

      },

      "service": {

        "spec": false

      }

    }

  }

{

  "compileOnSave": false,

  "compilerOptions": {

    "outDir": "./dist/out-tsc",

    "sourceMap": true,

    "declaration": false,

    "moduleResolution": "node",

    "emitDecoratorMetadata": true,

    "experimentalDecorators": true,

    "target": "es5",

    "typeRoots": [

      "node_modules/@types"

    ],

    "lib": [

      "es2017",

      "dom"

    ]

  }

}

<div id="tm-main" class=" 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="">

    <div class="uk-width-1-1  ">

      <div    class="uk-background-norepeat uk-background-cover uk-section uk-flex uk-flex-middle generalSearchForm">

       <div   class="uk-width-1-1">

          <search-form [(keyword)]=keyword (keywordChange)="keywordChanged($event)" placeholderText="Search for research results, software, projects, content providers, organizations in OpenAIRE information space"></search-form>

        </div>

      </div>

    </div>

    <div  class=" uk-margin-small-top uk-container">

      <div class="uk-grid uk-margin-top">

        <ul class=" uk-tab uk-tab-left uk-width-1-5 uk-visible@m" uk-tab="animation: uk-animation-fade">

                <li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''">

                   <a>

                       Publications

                       <span   [class]="(fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? fetchPublications.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''">

                   <a>

                       Research Data

                       <span   [class]="(fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? fetchDatasets.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''">

                   <a>

                       Software

                       <span   [class]="(fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? fetchSoftware.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''">

                   <a>

                       Projects

                       <span   [class]="(fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchProjects.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? fetchProjects.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''">

                   <a>

                       Content Providers

                       <span   [class]="(fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? fetchDataproviders.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''">

                   <a>

                       Organizations

                       <span   [class]="(fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)?'uk-badge uk-badge-notification':''"> {{((fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0)? fetchOrganizations.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

            </ul>

            <div class="uk-hidden@m uk-clearfix uk-width-1-1 uk-margin-bottom">

            <button class="uk-button uk-button-default uk-hidden@m " type="button">

              <span uk-navbar-toggle-icon></span> <span class="uk-margin-small-left">{{activeTab}}</span>

            </button>

            <ul id="toggle-small-tabs" class="uk-subnav uk-subnav-pill uk-dropdown uk-hidden@m" uk-switcher="connect: #searchtabs; animation: uk-animation-fade" uk-dropdown="mode: click" uk-toggle="target: #toggle-small-tabs">

                <li *ngIf="showPublications" (click)="searchPublications()" [class]="activeTab == 'publications'?'uk-active':''">

                   <a>

                       Publications

                       <span *ngIf = "fetchPublications.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>

                       <span *ngIf = "fetchPublications.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification">{{((keyword.length > 0)? fetchPublications.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li *ngIf="showDatasets" (click)="searchDatasets()" [class]="activeTab == 'research data'?'uk-active':''">

                   <a>

                       Research Data

                       <span *ngIf = "fetchDatasets.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>

                       <span *ngIf = "fetchDatasets.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchDatasets.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li *ngIf="showSoftware" (click)="searchSoftware()" [class]="activeTab == 'software'?'uk-active':''">

                   <a>

                       Software

                       <span *ngIf = "fetchSoftware.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>

                       <span *ngIf = "fetchSoftware.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchSoftware.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li *ngIf="showProjects" (click)="searchProjects()" [class]="activeTab == 'projects'?'uk-active':''">

                   <a>

                       Projects

                       <span *ngIf = "fetchProjects.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>

                       <span *ngIf = "fetchProjects.searchUtils.status != errorCodes.LOADING  && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchProjects.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li *ngIf="showDataProviders" (click)="searchDataProviders()" [class]="activeTab == 'content providers'?'uk-active':''">

                   <a>

                       Content Providers

                       <span *ngIf = "fetchDataproviders.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>

                       <span *ngIf = "fetchDataproviders.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchDataproviders.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

               <li  *ngIf="showOrganizations" (click)="searchOrganizations()" [class]="activeTab == 'organizations'?'uk-active':''">

                   <a>

                       Organizations

                       <span *ngIf = "fetchOrganizations.searchUtils.status == errorCodes.LOADING && keyword.length > 0" class="uk-icon-spinner uk-icon-spin"></span>

                       <span *ngIf = "fetchOrganizations.searchUtils.status != errorCodes.LOADING && keyword.length > 0"  class="uk-badge uk-badge-notification"> {{((keyword.length > 0)? fetchOrganizations.searchUtils.totalResults :'')}}</span>

                   </a>

               </li>

            </ul>

            </div>

            <!--ul id="searchtabs" class="uk-switcher  uk-width-1-1 uk-margin-top custom-tab-content-large">

                 <li-->

            <div  class="uk-width-expand  custom-tab-content-large">

              <div *ngIf = "activeTab=='publications' && showPublications">

                  <div *ngIf = "keyword.length > 0  && activeTab=='publications'" class ="uk-animation-fade">

                    <div class = "uk-text-right" *ngIf = "fetchPublications.searchUtils.totalResults> 10">

                        <!--a [href] = "linkToSearchPublications"-->

                          <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"

                                            routerLinkActive="router-link-active" [routerLink]="linkToSearchPublications" class="uk-button uk-button-text">

                            View all {{fetchPublications.searchUtils.totalResults}} results

                          </a>

                        </div>

                    <search-result  [(results)]="fetchPublications.results"

                                    [(status)]= "fetchPublications.searchUtils.status" showLoading = true

                                    type="publication" urlParam="articleId">

                    </search-result>

                  </div>

                  <div *ngIf = "keyword.length == 0 && activeTab=='publications'" class ="uk-animation-fade" >

                          <browse-entities entityName="publication" baseUrl="/search/find/publications" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>

                  </div>

                <!--/li>

                <li-->

                </div>

                <div *ngIf = "activeTab=='research data' && showDatasets" >

                  <div *ngIf = "keyword.length > 0  && activeTab=='research data'" class ="uk-animation-fade">

                    <div class = "uk-text-right" *ngIf = "fetchDatasets.searchUtils.totalResults> 10">

                      <!--a [href] = "linkToSearchDatasets"-->

                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"

                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchDatasets" class="uk-button uk-button-text">

                        View all {{fetchDatasets.searchUtils.totalResults}} results

                      </a>

                    </div>

                    <search-result  [(results)]="fetchDatasets.results"

                                    [(status)]= "fetchDatasets.searchUtils.status" showLoading = true

                                    type="dataset" urlParam="datasetId">

                    </search-result>

                    </div>

                    <div *ngIf = "keyword.length == 0 && activeTab=='research data'" class ="uk-animation-fade">

                            <browse-entities entityName="dataset" baseUrl="/search/find/datasets" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>

                    </div>

                <!--/li>

                <li-->

                </div>

                <div *ngIf = "activeTab=='software' && showSoftware" >

                  <div *ngIf = "keyword.length > 0  && activeTab=='software'" class ="uk-animation-fade">

                    <div class = "uk-text-right" *ngIf = "fetchSoftware.searchUtils.totalResults> 10">

                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"

                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchSoftware" class="uk-button uk-button-text">

                        View all {{fetchSoftware.searchUtils.totalResults}} results

                      </a>

                    </div>

                    <search-result  [(results)]="fetchSoftware.results"

                                    [(status)]= "fetchSoftware.searchUtils.status" showLoading = true

                                    type="software" urlParam="softwareId">

                    </search-result>

                    </div>

                    <div *ngIf = "keyword.length == 0 && activeTab=='software'" class ="uk-animation-fade">

                            <browse-entities entityName="software" baseUrl="/search/find/software" [refineFields]=searchFields.RESULT_REFINE_FIELDS></browse-entities>

                    </div>

                <!--/li>

                <li-->

                </div>

                <div  *ngIf = "activeTab=='projects' && showProjects">

                  <div *ngIf = "keyword.length > 0 && activeTab=='projects'" class ="uk-animation-fade">

                    <div class = "uk-text-right" *ngIf = "fetchProjects.searchUtils.totalResults> 10">

                      <!--a [href] = "linkToSearchProjects"-->

                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"

                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchProjects" class="uk-button uk-button-text">

                        View all {{fetchProjects.searchUtils.totalResults}} results

                      </a>

                    </div>

                    <search-result  [(results)]="fetchProjects.results"

                                    [(status)]= "fetchProjects.searchUtils.status" showLoading = true

                                    type="project" urlParam="projectId">

                    </search-result>

                  </div>

                  <div *ngIf = "keyword.length == 0 && activeTab=='projects'" class ="uk-animation-fade">

                          <browse-entities entityName="project" baseUrl="/search/find/projects" [refineFields]=searchFields.PROJECT_REFINE_FIELDS></browse-entities>

                  </div>

                  <!--/li>

                  <li-->

                  </div>

                  <div  *ngIf = "activeTab=='content providers' && showDataProviders">

                  <div *ngIf = "keyword.length > 0 && activeTab=='content providers'" class ="uk-animation-fade">

                    <div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults> 10">

                      <!--a [href] = "linkToSearchDataproviders"-->

                      <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"

                                        routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders" class="uk-button uk-button-text">

                        View all {{fetchDataproviders.searchUtils.totalResults}} results

                      </a>

                    </div>

                    <search-result  [(results)]="fetchDataproviders.results"

                                    [(status)]= "fetchDataproviders.searchUtils.status" showLoading = true

                                    type="dataprovider" urlParam="datasourceId">

                    </search-result>

                  </div>

                  <div *ngIf = "keyword.length == 0 && activeTab=='content providers'" class ="uk-animation-fade" >

                          <browse-entities entityName="dataprovider" baseUrl="/search/find/dataproviders" [refineFields]=searchFields.DATASOURCE_REFINE_FIELDS></browse-entities>

                  </div>

                  <!--/li>

                  <li-->

                  </div>

                  <div *ngIf = "activeTab=='organizations' && showOrganizations">

                  <div *ngIf = "keyword.length > 0" class ="uk-animation-fade">

                    <div class = "uk-text-right" *ngIf = "fetchOrganizations.searchUtils.totalResults> 10">

          <!--a [href] = "linkToSearchOrganizations"-->

                        <a  [queryParams]="routerHelper.createQueryParam('keyword', keyword)"

                            routerLinkActive="router-link-active" [routerLink]="linkToSearchOrganizations" class="uk-button uk-button-text">

                              View all {{fetchOrganizations.searchUtils.totalResults}} results

                    </a>

                   </div>

                    <search-result  [(results)]="fetchOrganizations.results"

                                    [(status)]= "fetchOrganizations.searchUtils.status" showLoading = true

                                    type="organization" urlParam="organizationId">

                    </search-result>

                  </div>

                  <div *ngIf = "keyword.length == 0" class ="uk-animation-fade">

                          <browse-entities entityName="organization" baseUrl="/search/find/organizations" [refineFields]=searchFields.ORGANIZATION_REFINE_FIELDS></browse-entities>

                  </div>

              </div>

            </div>

        </div>

                <!--/li>

            </ul-->

    </div>

  </div>

</div>

</div>

import { NgModule } from '@angular/core';

import { RouterModule } from '@angular/router';

import{AdvancedSearchOrganizationsComponent} from './advancedSearchOrganizations.component';

import {FreeGuard} from'../../login/freeGuard.guard';

import {PreviousRouteRecorder} from '../../utils/piwik/previousRouteRecorder.guard';

import {IsRouteEnabled} from '../../error/isRouteEnabled.guard';

@NgModule({

  imports: [

    RouterModule.forChild([

     	{ path: '', component: AdvancedSearchOrganizationsComponent , canActivate: [FreeGuard, IsRouteEnabled], data: {

          redirect: '/error'

        },canDeactivate: [PreviousRouteRecorder]}

    ])

  ]

})

export class AdvancedSearchOrganizationsRoutingModule { }

import { NgModule } from '@angular/core';

import { RouterModule } from '@angular/router';

import{AdvancedSearchPublicationsComponent} from './advancedSearchPublications.component';

import {FreeGuard} from'../../login/freeGuard.guard';

import {PreviousRouteRecorder} from '../../utils/piwik/previousRouteRecorder.guard';

import {IsRouteEnabled} from '../../error/isRouteEnabled.guard';

@NgModule({

  imports: [

    RouterModule.forChild([

     	{ path: '', component: AdvancedSearchPublicationsComponent, canActivate: [FreeGuard, IsRouteEnabled], data: {

          redirect: '/error'

        }, canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class AdvancedSearchPublicationsRoutingModule { }

import {Component, ElementRef} from '@angular/core';

import { Subject } from 'rxjs/Subject';

import {Observable}       from 'rxjs/Observable';

import {SearchFields} from '../utils/properties/searchFields';

@Component({

    selector: 'test',

    template: `

`

})

export class TestComponent {

  constructor() {

   }

  ngOnInit() {

    }

  test(){

    var  sf:SearchFields  = new SearchFields();

    console.info("~~~RESULT");

    this.checktables(sf.RESULT_REFINE_FIELDS,sf.RESULT_FIELDS,sf.RESULT_FIELDS);

    this.checktables(sf.RESULT_ADVANCED_FIELDS,sf.RESULT_FIELDS,sf.RESULT_FIELDS);

    console.info("~~~PR");

    this.checktables(sf.PROJECT_REFINE_FIELDS,sf.PROJECT_FIELDS,sf.PROJECT_FIELDS);

    this.checktables(sf.PROJECT_ADVANCED_FIELDS,sf.PROJECT_FIELDS,sf.PROJECT_FIELDS);

    console.info("~~~DATAPR");

    this.checktables(sf.DATASOURCE_REFINE_FIELDS,sf.DATASOURCE_FIELDS,sf.DATASOURCE_FIELDS);

    this.checktables(sf.DATASOURCE_ADVANCED_FIELDS,sf.DATASOURCE_FIELDS,sf.DATASOURCE_FIELDS);

    console.info("~~~ORG");

    this.checktables(sf.ORGANIZATION_REFINE_FIELDS,sf.ORGANIZATION_FIELDS,sf.ORGANIZATION_FIELDS);

    this.checktables(sf.ORGANIZATION_ADVANCED_FIELDS,sf.ORGANIZATION_FIELDS,sf.ORGANIZATION_FIELDS);

    console.info("~~~PERSON");

 }

  checktables(fields,fieldsDetails,fieldsParam){

 for(var i =0; i < fields.length; i++){

   if(!fieldsDetails[fields[i]]){

     console.info("!!!!"+fields[i]+ "field has to details");

   }

   }

 }

}

import { NgModule } from '@angular/core';

import { SharedModule } from '../shared/shared.module';

import { TestComponent } from './test.component';

import { TestRoutingModule } from './test-routing.module';

@NgModule({

  imports: [

    SharedModule,

    TestRoutingModule,

  ],

  declarations: [

    TestComponent

  ]

})

export class TestModule { }

import { NgModule } from '@angular/core';

import { RouterModule } from '@angular/router';

import { TestComponent } from './test.component';

@NgModule({

  imports: [

    RouterModule.forChild([

      { path: '', component: TestComponent},

    ])

  ]

})

export class TestRoutingModule { }

import { NgModule}            from '@angular/core';

import { CommonModule }        from '@angular/common';

import { FormsModule }         from '@angular/forms';

import{ AdvancedSearchSoftwareRoutingModule} from './advancedSearchSoftware-routing.module';

import{AdvancedSearchSoftwareComponent} from './advancedSearchSoftware.component';

import {SoftwareServiceModule} from '../../services/softwareService.module';

 import {AdvancedSearchPageModule} from '../searchUtils/advancedSearchPage.module';

 import {FreeGuard} from'../../login/freeGuard.guard';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    SoftwareServiceModule,

    AdvancedSearchSoftwareRoutingModule, AdvancedSearchPageModule

  ],

  declarations: [

    AdvancedSearchSoftwareComponent

   ],

  providers:[FreeGuard

    ],

  exports: [

    AdvancedSearchSoftwareComponent

     ]

})

export class AdvancedSearchSoftwareModule { }

import { NgModule}            from '@angular/core';

import { CommonModule }        from '@angular/common';

import { FormsModule }         from '@angular/forms';

import{ AdvancedSearchProjectsRoutingModule} from './advancedSearchProjects-routing.module';

import{AdvancedSearchProjectsComponent} from './advancedSearchProjects.component';

import {ProjectsServiceModule} from '../../services/projectsService.module';

 import {AdvancedSearchPageModule} from '../searchUtils/advancedSearchPage.module';

 import {FreeGuard} from'../../login/freeGuard.guard';

 import {IsRouteEnabled} from '../../error/isRouteEnabled.guard';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    ProjectsServiceModule,

   AdvancedSearchProjectsRoutingModule, AdvancedSearchPageModule

  ],

  declarations: [

    AdvancedSearchProjectsComponent

   ],

  providers:[FreeGuard, IsRouteEnabled],

  exports: [

    AdvancedSearchProjectsComponent

     ]

})

export class AdvancedSearchProjectsModule { }

    <form [class]="(isDisabled )?'uk-disabled advancedSearchForm uk-tile  uk-tile-muted':'advancedSearchForm uk-tile  uk-tile-muted'">

    <table  class=" uk-table uk-table-responsive" >

        <tr *ngFor="let selectedField of selectedFields; let i = index" class="-row  ">

                <td *ngIf ="i==0 " class="">Search for:</td>

                <td *ngIf = "i != 0" class=""><select [(ngModel)]="selectedField.operatorId" name="selectOp_{{i}}" >

                      <option *ngFor="let op of operators" (change)="fieldOperatorChanged(i, op.id, op.id)" (click)="fieldOperatorChanged(i, op.id, op.id)" [value]="op.id">{{op.id}}</option>

                </select></td>

                <td ><select [(ngModel)]="selectedField.id" name="selectField_{{i}}"  (ngModelChange)="fieldIdsChanged(i,selectedField.id)" ><!--(click)="fieldIdsChanged(i)"  -->

                  <option *ngFor="let id of fieldIds"  [value]="id" >{{fieldIdsMap[id].name}} </option>

                </select> </td>

                <td *ngIf = "selectedField.type == 'keyword'"  ><input  type="text" class="form-control" placeholder="Type keywords..."

                    [(ngModel)]="selectedField.value" name="value[{{i}}]"></td>

                <td *ngIf = "selectedField.type == 'date'" >

                <date-filter [(dateValue)]=selectedField.dateValue ></date-filter>

                </td>

                <td *ngIf = " selectedField.id && selectedField.type == 'vocabulary'"  >

                  <static-autocomplete *ngIf = " selectedField.id" [(vocabularyId)] = selectedField.param [fieldId]=selectedField.id

                    [(list)] = this.fieldList[selectedField.id]  [entityName] = "entityType" [selectedValue]=selectedField.value [showSelected]=true

                     [placeHolderMessage] = "'Search for '+selectedField.name" [title] = "selectedField.name"   [multipleSelections]=false

                     (selectedValueChanged)="valueChanged($event,i)" (listUpdated) = "listUpdated($event,selectedField.id)"></static-autocomplete>

                </td>

                <td  *ngIf = "  selectedField.id &&  selectedField.type == 'refine'" >

                  <static-autocomplete [(list)] = this.fieldList[selectedField.id] [fieldId]=selectedField.id [entityName] = "entityType" [fieldName] = [selectedField.id] [selectedValue]=selectedField.value [showSelected]=true [placeHolderMessage] = "'Search for '+selectedField.name" [title] = "selectedField.name"  [multipleSelections]=false (selectedValueChanged)="valueChanged($event,i)" (listUpdated) = "listUpdated($event,selectedField.id)"></static-autocomplete></td>

                <td  *ngIf = "selectedField.type == 'entity'"  ><entities-autocomplete  [fieldId]=selectedField.id [entityType]=selectedField.param   [selectedValue]=selectedField.value [showSelected]=true

                   [placeHolderMessage] = "'Search for '+selectedField.name" [title] = "selectedField.name"  [multipleSelections]=false

                    (selectedValueChanged)="valueChanged($event,i)" (listUpdated) = "listUpdated($event,selectedField.id)" >

                </entities-autocomplete></td>

                <td *ngIf = "selectedField.type == 'boolean'" class="input-group"  >

                   <span class="input-group-addon">

                      <input type="radio" [(ngModel)]="selectedField.value"  [name]=selectedField.param value="true">Yes<br>

                  </span>

                  <span class="input-group-addon">

                    <input type="radio" [(ngModel)]="selectedField.value"  [name]=selectedField.param value="false">No<br>

                  </span>

              </td>

              <td class=" " >

                <span *ngIf="selectedFields.length > 1" type="button" class="uk-icon-button" (click)="removeField(i)">

                  <span class=""><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="minus" ratio="1"><rect height="1" width="18" y="9" x="1"></rect></svg></span>

                </span>

                <span *ngIf="selectedFields.length == 1" type="button" class="uk-icon-button"  disabled>

                  <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="minus" ratio="1"><rect height="1" width="18" y="9" x="1"></rect></svg></span>

                </span>

              </td>

              <td *ngIf="i == selectedFields.length-1 " class=" "><span type="button" class="uk-icon-button" (click)="addField()">

                  <span><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="plus" ratio="1"><rect x="9" y="1" width="1" height="17"></rect><rect x="1" y="9" width="17" height="1"></rect></svg></span>

              </span></td>

        </tr>

        </table>

        <div  class="-row uk-text-right">

          <button (click)="queryChanged()"  type="submit" class="uk-button uk-button-primary">Search</button>

        </div>

    </form>

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

import {Observable}       from 'rxjs/Observable';

import { Router, ActivatedRoute} from '@angular/router';

import {Filter, Value,AdvancedField} from '../searchUtils/searchHelperClasses.class';

import {SearchDataprovidersService} from '../../services/searchDataproviders.service';

import {SearchResult}     from '../../utils/entities/searchResult';

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

import {AdvancedSearchPageComponent} from '../searchUtils/advancedSearchPage.component';

import {SearchFields} from '../../utils/properties/searchFields';

import {SearchUtilsClass } from '../searchUtils/searchUtils.class';

@Component({

    selector: 'advanced-search-dataprovider',

    template: `

    <advanced-search-page pageTitle="Advanced Search for Content Providers" entityType="dataprovider"

                 type = "content providers"

                 [(results)] = "results"

                 [(fieldIds)]="fieldIds" [(fieldIdsMap)]="fieldIdsMap"   [(selectedFields)]="selectedFields"

                  [(searchUtils)] = "searchUtils"

                 (queryChange)="queryChanged($event)"

                 [csvParams]="csvParams" csvPath="resources" simpleSearchLink="/search/find/dataproviders"

                 [disableForms]="disableForms"

                 [loadPaging]="loadPaging"

                 [oldTotalResults]="oldTotalResults">

    </advanced-search-page>

    `

 })

export class AdvancedSearchDataProvidersComponent {

  private errorCodes: ErrorCodes;

  public results =[];

  public filters =[];

  public searchUtils:SearchUtilsClass = new SearchUtilsClass();

  public searchFields:SearchFields = new SearchFields();

  public fieldIds:  string[] = this.searchFields.DATASOURCE_ADVANCED_FIELDS;

  public fieldIdsMap= this.searchFields.DATASOURCE_FIELDS;

  public selectedFields:AdvancedField[] =  [];

  @ViewChild (AdvancedSearchPageComponent) searchPage : AdvancedSearchPageComponent ;

  public resourcesQuery = "(oaftype exact datasource)";

  public csvParams: string;

  public disableForms: boolean = false;

  public loadPaging: boolean = true;

  public oldTotalResults: number = 0;

  constructor (private route: ActivatedRoute, private _searchDataProvidersService: SearchDataprovidersService ) {

    this.results =[];

    this.errorCodes = new ErrorCodes();

    this.searchUtils.status = this.errorCodes.LOADING;

    this.searchUtils.baseUrl = OpenaireProperties.searchLinkToAdvancedDataProviders;

    console.info("Con -base url:"+this.searchUtils.baseUrl );

  }

  ngOnInit() {

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

     if(params['page'] && this.searchUtils.page != params['page']) {

       this.loadPaging = false;

       this.oldTotalResults = this.searchUtils.totalResults;

     }

    let page = (params['page']=== undefined)?0:+params['page'];

    this.searchUtils.page = ( page < 1 ) ? 1 : page;

    this.searchPage.fieldIds = this.fieldIds;

    this.selectedFields =[];

    this.searchPage.selectedFields = this.selectedFields;

    this.searchPage.fieldIdsMap = this.fieldIdsMap;

    this.searchPage.getSelectedFiltersFromUrl(params);

    this.getResults(this.searchPage.createQueryParameters(),  this.searchUtils.page, this.searchUtils.size);

    });

  }

  ngOnDestroy() {

    this.sub.unsubscribe();

  }

  sub: any;

  public getResults(parameters:string, page: number, size: number){

      if(parameters!= null && parameters != ''  ) {

        this.csvParams ="&type=datasources&query=( "+this.resourcesQuery + "and (" + parameters + "))";

      }else{

        this.csvParams ="&type=datasources&query="+this.resourcesQuery;

      }

    //var errorCodes:ErrorCodes = new ErrorCodes();

    this.searchUtils.status = this.errorCodes.LOADING;

    //this.searchPage.openLoading();

    this.disableForms = true;

    this.results = [];

    this.searchUtils.totalResults = 0;

    console.info("Advanced Search for Content Providers: Execute search query "+parameters);

     this._searchDataProvidersService.advancedSearchDataproviders(parameters,  page, size).subscribe(

        data => {

            this.searchUtils.totalResults = data[0];

            console.info("Adv Search Content Providers total="+this.searchUtils.totalResults);

            this.results = data[1];

            this.searchPage.updateBaseUrlWithParameters();

            //var errorCodes:ErrorCodes = new ErrorCodes();

            this.searchUtils.status = this.errorCodes.DONE;

            if(this.searchUtils.totalResults == 0 ){

              this.searchUtils.status = this.errorCodes.NONE;

            }

            //this.searchPage.closeLoading();

            this.disableForms = false;

            if(this.searchUtils.status == this.errorCodes.DONE) {

              // Page out of limit

              let totalPages:any = this.searchUtils.totalResults/(this.searchUtils.size);

              if(!(Number.isInteger(totalPages))) {

                  totalPages = (parseInt(totalPages, 10) + 1);

              }

              if(totalPages < page) {

                this.searchUtils.totalResults = 0;

                this.searchUtils.status = this.errorCodes.OUT_OF_BOUND;

              }

            }

        },

        err => {

            console.log(err);

            console.info("error");

            //TODO check erros (service not available, bad request)

            // if( ){

            //   this.searchUtils.status = errorCodes.ERROR;

            // }

            //var errorCodes:ErrorCodes = new ErrorCodes();

            //this.searchUtils.status = errorCodes.NOT_AVAILABLE;