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 {Component, Input, ViewChild} from '@angular/core';

@Component({

    selector: 'openaire-advanced-search-dataprovider',

    template: `

    <advanced-search-dataprovider>

    </advanced-search-dataprovider>

    `

 })

export class OpenaireAdvancedSearchDataProvidersComponent { 

}

{

  "name": "openaire-connect",

  "version": "1.0.0",

  "license": "Openaire",

  "contributors": [

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

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

  ],

  "scripts": {

    "ng": "ng",

    "start": "PORT=5000 ng serve --disable-host-check --host 0.0.0.0",

    "start:dynamic": "PORT=5000 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",

    "angular-datatables": "^4.4.0",

    "citation-js": "^0.3.4",

    "clipboard": "^1.5.16",

    "core-js": "^2.4.1",

    "datatables.net": "^1.10.16",

    "datatables.net-dt": "^1.10.16",

    "jquery": "^3.2.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/datatables.net": "^1.10.8",

    "@types/jquery": "^3.2.17",

    "@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{ AdvancedSearchOrganizationsRoutingModule} from './advancedSearchOrganizations-routing.module';

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

 import {AdvancedSearchOrganizationsModule, FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    AdvancedSearchOrganizationsModule,

   AdvancedSearchOrganizationsRoutingModule

  ],

  declarations: [

    OpenaireAdvancedSearchOrganizationsComponent

   ],

  providers:[FreeGuard, IsRouteEnabled],

  exports: [

    OpenaireAdvancedSearchOrganizationsComponent

     ]

})

export class LibAdvancedSearchOrganizationsModule { }

{

    "$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",

            "../node_modules/datatables.net-dt/css/jquery.dataTables.css"

        ],

        "scripts": [

          "../node_modules/jquery/dist/jquery.js",

          "../node_modules/datatables.net/js/jquery.dataTables.js"

        ],

        "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

      }

    }

  }

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

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

import{SearchJournalsTableComponent} from './journalsTable.component';

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

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

          redirect: '/error'

        } , canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class JournalsTableRoutingModule { }

{

  "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"

    ]

  }

}

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

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

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

import{ JournalsRoutingModule} from './journals-routing.module';

import{OpenaireSearchJournalsComponent} from './journals.component';

import { FreeGuard,PreviousRouteRecorder, IsRouteEnabled, JournalsModule} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule, JournalsRoutingModule, JournalsModule

  ],

  declarations: [

    OpenaireSearchJournalsComponent

   ],

  providers:[FreeGuard, IsRouteEnabled],

  exports: [

    OpenaireSearchJournalsComponent

     ]

})

export class LibJournalsModule { }

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

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

import{CommunityComponent} from './community.component';

import {FreeGuard,PreviousRouteRecorder} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

     	{ path: '', component: CommunityComponent, canActivate: [FreeGuard], canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class CommunityRoutingModule { }

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

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

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

import{SearchJournalsTableComponent} from './journalsTable.component';

import {SearchPageTableViewModule} from '../searchUtils/searchPageTableView.module';

import {JournalsTableRoutingModule} from './journalsTable-routing.module';

import { FreeGuard,PreviousRouteRecorder, IsRouteEnabled, SearchFormModule, DataProvidersServiceModule} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    DataProvidersServiceModule,

     SearchFormModule, SearchPageTableViewModule, JournalsTableRoutingModule

  ],  providers:[FreeGuard, IsRouteEnabled],

  declarations: [

    SearchJournalsTableComponent

   ],

  exports: [

    SearchJournalsTableComponent

     ]

})

export class JournalsTableModule { }

<div class=" uk-section  uk-margin-small-top tm-middle uk-container" id="tm-main">

  <div >Community goes here..</div>

</div>

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

import {Observable}       from 'rxjs/Observable';

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

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

import "rxjs/add/observable/zip";

import { Meta, MetaDefinition, ConfigurationService} from 'ng-openaire-library';

import { ErrorCodes, RouterHelper, PiwikService} from 'ng-openaire-library';

import {Properties} from '../utils/properties';

@Component({

    selector: 'community',

    templateUrl: 'community.component.html',

})

export class CommunityComponent {

  public piwiksub: any;

  public subfunders: any;

  public pageTitle = "OpenAIRE"

  constructor (

    private route: ActivatedRoute,

      private _router: Router,

      private location: Location, private _meta: Meta,private _piwikService:PiwikService,

      private config: ConfigurationService

    ) {

          var description = "open access, research, scientific publication, European Commission, EC, FP7, ERC, Horizon 2020, H2020, search, projects ";

          var title = "OpenAIRE";

          var url = Properties.getBaseLink()+this._router.url;

          this._meta.setTitle(title);

          this._meta.updateMeta("description", description);

          this._meta.updateProperty("og:description", description);

          this._meta.updateProperty("og:title", title);

          this._meta.updateProperty("og:url", url);

          if(Properties.isPiwikTrackEnabled() && (typeof document !== 'undefined')){

            this.piwiksub = this._piwikService.trackView("OpenAIRE").subscribe();

          }

  }

  public ngOnInit() {

  }

  public ngOnDestroy() {

    if(this.piwiksub){

      this.piwiksub.unsubscribe();

    }

  }

}

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

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

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

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

import{CommunityRoutingModule} from './community-routing.module';

import{CommunityComponent} from './community.component';

import {PiwikService} from 'ng-openaire-library';

import {Meta, ConfigurationService, FreeGuard, PreviousRouteRecorder,} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule, RouterModule,

      CommunityRoutingModule

  ],

  declarations: [

    CommunityComponent

   ],

  providers:[

    FreeGuard, PreviousRouteRecorder, ConfigurationService, Meta, PiwikService

    ],

  exports: [

    CommunityComponent

     ]

})

export class CommunityModule { }

//import {MaterialModule} from '@angular/material';

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

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

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

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

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

import {MainSearchModule} from 'ng-openaire-library';

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

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

@NgModule({

  imports: [ MainSearchRoutingModule, MainSearchModule],

  declarations:[OpenaireSearchComponent],

  exports:[OpenaireSearchComponent]

})

export class LibMainSearchModule { }

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

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

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

import{ SearchOrganizationsRoutingModule} from './searchOrganizations-routing.module';

import{OpenaireSearchOrganizationsComponent} from './searchOrganizations.component';

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled, SearchOrganizationsModule} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,

      SearchOrganizationsRoutingModule, SearchOrganizationsModule

  ],

  declarations: [

    OpenaireSearchOrganizationsComponent

   ],

  providers:[FreeGuard,PreviousRouteRecorder, IsRouteEnabled],

  exports: [

    OpenaireSearchOrganizationsComponent

     ]

})

export class LibSearchOrganizationsModule { }

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

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

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

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

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

@NgModule({

  imports: [

    RouterModule.forChild([

      { path: '', component: OpenaireSearchComponent }

     // 	{ path: '', component: OpenaireSearchComponent, canActivate: [FreeGuard], canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class MainSearchRoutingModule { }

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

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

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

import{ SearchPublicationsRoutingModule} from './searchPublications-routing.module';

import{OpenaireSearchPublicationsComponent} from './searchPublications.component';

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled, SearchPublicationsModule} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule, SearchPublicationsModule,

      SearchPublicationsRoutingModule

  ],

  declarations: [

    OpenaireSearchPublicationsComponent

   ],

  providers:[FreeGuard,PreviousRouteRecorder, IsRouteEnabled],

  exports: [

    OpenaireSearchPublicationsComponent

     ]

})

export class LibSearchPublicationsModule { }

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

@Component({

    selector: 'openaire-search-find',

    template: ` 

    <search-find></search-find>

    `,

 })

export class OpenaireSearchComponent{

  constructor (  ) {

  }

  ngOnInit() {

}

}

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

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

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

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

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

 import {AdvancedSearchSoftwareModule, FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    AdvancedSearchSoftwareModule,

    AdvancedSearchSoftwareRoutingModule

  ],

  declarations: [

    OpenaireAdvancedSearchSoftwareComponent

   ],

  providers:[FreeGuard

    ],

  exports: [

    OpenaireAdvancedSearchSoftwareComponent

     ]

})

export class LibAdvancedSearchSoftwareModule { }

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

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

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

import{ AdvancedSearchPublicationsRoutingModule} from './advancedSearchPublications-routing.module';

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

 import {AdvancedSearchPublicationsModule, FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    AdvancedSearchPublicationsModule,

   AdvancedSearchPublicationsRoutingModule

  ],

  declarations: [

    OpenaireAdvancedSearchPublicationsComponent

   ],

  providers:[FreeGuard, IsRouteEnabled],

  exports: [

    OpenaireAdvancedSearchPublicationsComponent

     ]

})

export class LibAdvancedSearchPublicationsModule { }

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

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

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

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

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

          redirect: '/error'

        }, canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class AdvancedSearchDataProvidersRoutingModule { }

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

@Component({

    selector: 'openaire-search-software',

    template: `

    <search-software>

    </search-software>

    `

})

export class OpenaireSearchSoftwareComponent {

}

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

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

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

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

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

          redirect: '/error'

        }, canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class AdvancedSearchDatasetsRoutingModule { }

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

@Component({

    selector: 'openaire-advanced-search-organizations',

    template: `

    <advanced-search-organizations>

    </advanced-search-organizations>

    `

 })

export class OpenaireAdvancedSearchOrganizationsComponent {

}

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

@Component({

    selector: 'openaire-advanced-search-projects',

    template: `

    <advanced-search-projects>

    </advanced-search-projects>

    `

 })

export class OpenaireAdvancedSearchProjectsComponent { 

}

<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]="'uk-background-norepeat uk-background-cover uk-section uk-flex uk-flex-middle '+searchFormClass" >

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

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

            <search-form [isDisabled]="disableForms" [(keyword)]="searchUtils.keyword" (keywordChange)="keywordChanged($event)"  [placeholderText]="formPlaceholderText"></search-form>

          </div>

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

            <div *ngIf="isFiltered()" class = "uk-container uk-text-center ">

              <span *ngIf = "searchUtils.keyword.length > 0">Keywords: <span>{{searchUtils.keyword}}<a (click) = "clearKeywords() " [class]="(disableForms)?'uk-icon-button uk-disabled':'uk-icon-button'"><span class=" clickable " aria-hidden="true"><span class="uk-icon">

                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="1"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>

                </span></span></a></span>

              </span>

              <span *ngFor="let filter of filters " >

                <span *ngIf = "filter.countSelectedValues > 0"> {{filter.title}}:

                  <span *ngFor="let value of getSelectedValues(filter); let i = index;  let end = last; " >{{value.name}}<a (click) = "removeFilter(value, filter) " [class]="(disableForms)?'uk-icon-button uk-disabled':'uk-icon-button'"><span class=" clickable" aria-hidden="true"><span class="uk-icon">

                    <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="close" ratio="1"><path fill="none" stroke="#000" stroke-width="1.06" d="M16,16 L4,4"></path><path fill="none" stroke="#000" stroke-width="1.06" d="M16,4 L4,16"></path></svg>

                    </span></span></a>

                    <span *ngIf="!end">, </span>

                  </span>

                </span>

              </span>

              <a (click)="clearFilters()" [class]="(disableForms)?'uk-disabled uk-link-muted':''">

                Clear All

              </a>

            </div>

          </div>

        </div>

      </div>

      <div  class="uk-container">

        <helper position="top"></helper>

        <div  class="uk-width-2-3@m  uk-width-2-3@l  uk-width-1-1@s">

          <div class="uk-offcanvas-content uk-hidden@m">

            <a href="#offcanvas-usage" uk-toggle><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="6" y="4" width="12" height="1"></rect><rect x="6" y="9" width="12" height="1"></rect><rect x="6" y="14" width="12" height="1"></rect><rect x="2" y="4" width="2" height="1"></rect><rect x="2" y="9" width="2" height="1"></rect><rect x="2" y="14" width="2" height="1"></rect></svg></a>

            <div id="offcanvas-usage" uk-offcanvas>

              <div class="uk-offcanvas-bar">

                <button class="uk-offcanvas-close" type="button" uk-close></button>

                <div class="uk-text-large">Filter By:</div>

                <search-filter  *ngFor="let filter of filters " [addShowMore]=false [isDisabled]="disableForms" [filter]="filter"  [showResultCount]=showResultCount (change)="filterChanged($event)" (toggleModal)="toggleModal($event)"></search-filter>

              </div>

            </div>

          </div>

        </div>

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

          <div class="helper-left-right search-filters uk-width-1-6@m  uk-visible@m">

            <helper position="left"></helper>

            <search-filter  *ngFor="let filter of filters " [isDisabled]="disableForms" [filter]="filter"  [showResultCount]=showResultCount (change)="filterChanged($event)" (toggleModal)="toggleModal($event)"></search-filter>

          </div>

          <div class="uk-width-expand@m uk-width-1-1@s uk-first-column custom-dataTable-content" >

            <div *ngIf="searchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">

              <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">

                <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">

                  {{searchUtils.totalResults}}  content providers, page {{searchUtils.page}} of {{(totalPages())}}

                </span>

                <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">

                  <paging-no-load [currentPage]="searchUtils.page" [totalResults]="searchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value, false)"></paging-no-load>

                </span>

              </div>

            </div>

            <div *ngIf="searchViewLink" class="uk-width-1-1@s uk-hidden@m">

              <p>

                <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>

                <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=searchViewLink >

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

                </a>

              </p>

            </div>

            <div *ngIf="searchUtils.totalResults <= 0" class="errors-in-searchTableView">

              <errorMessages [status]="[searchUtils.status]" [type]="'results'"></errorMessages>

            </div>

            <div class="uk-overflow-container ">

              <!--  #mf="mfDataTable" [mfRowsOnPage]="rowsOnPage"

                      [mfData]="results | contentProvidersDatatable : [searchUtils, filters, triggerPipe, cd]"

dtInstance="dtInstanceCallback"

                    -->

              <table  datatable class="uk-table uk-table-striped divider-table" [dtOptions]="dtOptions" id="dpTable" [dtTrigger]="dtTrigger" >

                <thead >

                  <tr>

                    <!-- Name	Type	Country	Institution	Compatibility -->

                    <th class="uk-text-left">Name

                      <!--svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">

                        <polygon fill="#767779" points="4 1 1 6 7 6"></polygon>

                        <polygon fill="#767779" points="4 13 1 8 7 8"></polygon>

                      </svg-->

                    </th>

                    <th class="uk-text-center"> Type

                    </th>

                    <th class="uk-text-center"> Country

                    </th>

                    <th class="uk-text-center"> Institution

                    </th>

                    <th class="uk-text-center"> Compatibility

                    </th>

                  </tr>

                </thead>

                <tbody>

                  <tr class="uk-table-middle" *ngFor="let dataprovider of results">

                    <td  class="uk-width-1-5 uk-text-left">

                      <a [queryParams]="{datasourceId: dataprovider.id}" routerLinkActive="router-link-active" routerLink="/search/dataprovider">

                        <span *ngIf="dataprovider.title.name"

                              [innerHTML]="dataprovider.title.name">

                        </span>

                        <span *ngIf="!dataprovider.title.name">

                          [no title available]

                        </span>

                      </a>

                    </td>

                    <td class="uk-width-1-5 uk-text-center">

                      <span *ngIf="dataprovider.type">{{dataprovider.type}}</span>

                      <span *ngIf="!dataprovider.type">-</span>

                    </td>

                    <td class="uk-width-1-5 uk-text-center">

                      <span *ngFor="let country of dataprovider['countries'].slice(0,5) let i = index">{{country}}{{(i < ( dataprovider['countries'].slice(0,5).length-1))?", ":""}}{{(i ==  dataprovider['countries'].slice(0,5).length-1 &&  dataprovider['countries'].length > 5)?"...":""}}</span>

                      <span *ngIf="dataprovider.countries.length == 0">-</span>

                    </td>

                    <td class="uk-width-1-5 uk-text-center">

                      <span *ngFor="let org of dataprovider['organizations'].slice(0,5) let i = index">

                        <a *ngIf="org.id" [queryParams]="{organizationId: org.id}" routerLinkActive="router-link-active" routerLink="/search/organization">{{org.name}}</a><span *ngIf="!org.id">{{org.name}}</span>{{(i < ( dataprovider['organizations'].slice(0,5).length-1))?", ":""}}{{(i ==  dataprovider['organizations'].slice(0,5).length-1 &&  dataprovider['organizations'].length > 5)?"...":""}}

                      </span>

                      <span *ngIf="dataprovider.organizations.length == 0">-</span>

                    </td>

                    <td  class="uk-width-1-5 uk-text-center">

                      <span *ngIf="dataprovider.compatibility">{{dataprovider.compatibility}}</span>

                      <span *ngIf="!dataprovider.compatibility">-</span>

                    </td>

                  </tr>

                </tbody>

                <!-- <thead *ngIf="searchUtils.totalResults > 0">

                  <tr><td colspan="5" class="uk-padding-remove-horizontal">

                    <span class="uk-h6">

                      {{searchUtils.totalResults}} content providers, page {{searchUtils.page}} of {{(totalPages())}}

                    </span>

                    <paging-no-load class="uk-float-right" [currentPage]="searchUtils.page" [totalResults]="searchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value, false)"></paging-no-load>

                  </td></tr>

                </thead> -->

              </table>

            </div>

            <div *ngIf="searchUtils.totalResults > 0" class="uk-align-center uk-margin-remove-bottom">

              <div class="searchPaging uk-panel uk-margin-top uk-grid uk-margin-bottom">

                <span class="uk-h6 uk-width-1-1@s uk-width-1-2@m">

                  {{searchUtils.totalResults}} content providers, page {{searchUtils.page}} of {{(totalPages())}}

                </span>

                <span class="float-children-right-at-medium margin-small-top-at-small uk-width-1-1@s uk-width-1-2@m">

                  <paging-no-load [currentPage]="searchUtils.page" [totalResults]="searchUtils.totalResults" [size]="rowsOnPage" (pageChange)="goTo($event.value, false)"></paging-no-load>

                </span>

              </div>

            </div>

            <helper class="uk-hidden@m" position="left" styleName="uk-width-1-1@s"></helper>

            <helper class="uk-hidden@m" position="right" styleName="uk-width-1-1@s"></helper>

          </div>

          <div *ngIf="searchViewLink" class="helper-left-right uk-width-1-6@m uk-visible@m">

            <p>

              <span class="uk-margin-small-right uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" ratio="1"><rect x="2" y="2" width="3" height="3"></rect><rect x="8" y="2" width="3" height="3"></rect><rect x="14" y="2" width="3" height="3"></rect><rect x="2" y="8" width="3" height="3"></rect><rect x="8" y="8" width="3" height="3"></rect><rect x="14" y="8" width="3" height="3"></rect><rect x="2" y="14" width="3" height="3"></rect><rect x="8" y="14" width="3" height="3"></rect><rect x="14" y="14" width="3" height="3"></rect></svg></span>

              <a routerLinkActive="router-link-active" [class]="(disableForms)?'uk-disabled uk-link-muted':''" [routerLink]=searchViewLink >

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

              </a>

            </p>

            <helper position="right"></helper>

          </div>

        </div>

        <helper position="bottom"></helper>

      </div>

      <modal-search-filter [filter]="currentFilter" [showResultCount]=showResultCount (modalChange)="filterChanged($event)"></modal-search-filter>

    </div>

  </div>

</div>

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

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

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

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

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

import {AdvancedSearchDataProvidersModule,FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    AdvancedSearchDataProvidersRoutingModule,

    AdvancedSearchDataProvidersModule

  ],

  declarations: [

    OpenaireAdvancedSearchDataProvidersComponent

   ],

  providers:[FreeGuard, IsRouteEnabled],

  exports: [

    OpenaireAdvancedSearchDataProvidersComponent

     ]

})

export class LibAdvancedSearchDataProvidersModule { }

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

@Component({

    selector: 'openaire-advanced-search-software',

    template: `

    <advanced-search-software>

    </advanced-search-software>

    `

 })

export class OpenaireAdvancedSearchSoftwareComponent {

}

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

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

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

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

import{SearchPageTableViewComponent} from './searchPageTableView.component';

import{LoadingModalModule, ReportsServiceModule, ModalModule, PagingModule, HelperModule, ErrorMessagesModule} from 'ng-openaire-library';

import{PiwikServiceModule } from 'ng-openaire-library';

import {DataTablesModule} from 'angular-datatables';

import {Meta, PreviousRouteRecorder, SearchFormModule, SearchResultsModule, SearchPagingModule, SearchDownloadModule, SearchFilterModule} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,RouterModule,  SearchFormModule, SearchResultsModule,  LoadingModalModule,

    ReportsServiceModule, SearchPagingModule, SearchDownloadModule, ModalModule, PagingModule,

    DataTablesModule, SearchFilterModule, PiwikServiceModule, HelperModule, ErrorMessagesModule

  ],

  declarations: [

    SearchPageTableViewComponent

],

  providers:[

    PreviousRouteRecorder, Meta

  ],

  exports: [

    SearchPageTableViewComponent

    ]

})

export class SearchPageTableViewModule { }

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

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

import{SearchEntityRegistriesTableComponent} from './entityRegistriesTable.component';

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

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

          redirect: '/error'

        }, canDeactivate: [PreviousRouteRecorder]  }

    ])

  ]

})

export class EntityRegistriesTableRoutingModule { }

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

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

@Component({

    selector: 'openaire-search-journals',

    template: `

    <search-journals>

    </search-journals>

    `

})

export class OpenaireSearchJournalsComponent {

}

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

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

import{OpenaireSearchJournalsComponent} from './journals.component';

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

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

          redirect: '/error'

        }, canDeactivate: [PreviousRouteRecorder]  }

    ])

  ]

})

export class JournalsRoutingModule { }

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

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

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

import{SearchCompatibleDataprovidersTableComponent} from './compatibleDataProvidersTable.component';

import {SearchPageTableViewModule} from '../searchUtils/searchPageTableView.module';

import {CompatibleDataProvidersTableRoutingModule} from './compatibleDataProvidersTable-routing.module';

import { FreeGuard,PreviousRouteRecorder, IsRouteEnabled, SearchFormModule, DataProvidersServiceModule} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    DataProvidersServiceModule,

     SearchFormModule, SearchPageTableViewModule, CompatibleDataProvidersTableRoutingModule

  ],  providers:[FreeGuard, IsRouteEnabled],

  declarations: [

    SearchCompatibleDataprovidersTableComponent

   ],

  exports: [

    SearchCompatibleDataprovidersTableComponent

     ]

})

export class CompatibleDataProvidersTableModule { }

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

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

@Component({

    selector: 'openaire-search-content-providers',

    template: `

    <search-content-providers>

    </search-content-providers>

    `

})

export class OpenaireSearchCompatibleDataprovidersComponent {

}

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

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

import{OpenaireSearchOrganizationsComponent} from './searchOrganizations.component';

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

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

          redirect: '/error'

        }, canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class SearchOrganizationsRoutingModule { }

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

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

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

import{ AdvancedSearchDatasetsRoutingModule} from './advancedSearchDatasets-routing.module';

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

 import {AdvancedSearchDatasetsModule,FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    AdvancedSearchDatasetsModule,

   AdvancedSearchDatasetsRoutingModule

  ],

  declarations: [

    OpenaireAdvancedSearchDatasetsComponent

   ],

  providers:[FreeGuard, IsRouteEnabled],

  exports: [

    OpenaireAdvancedSearchDatasetsComponent

     ]

})

export class LibAdvancedSearchDatasetsModule { }

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

@Component({

    selector: 'openaire-advanced-search-publications',

    template: `

    <advanced-search-publications>

    </advanced-search-publications>

    `

 })

export class OpenaireAdvancedSearchPublicationsComponent { 

}

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

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

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

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

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

          redirect: '/error'

        },canDeactivate: [PreviousRouteRecorder]}

    ])

  ]

})

export class AdvancedSearchOrganizationsRoutingModule { }

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

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

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

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

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

          redirect: '/error'

        }, canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class AdvancedSearchProjectsRoutingModule { }

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

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

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

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

     	{ path: '', component: OpenaireAdvancedSearchSoftwareComponent, canActivate: [FreeGuard],canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class AdvancedSearchSoftwareRoutingModule { }

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

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

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

import {FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    RouterModule.forChild([

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

          redirect: '/error'

        }, canDeactivate: [PreviousRouteRecorder] }

    ])

  ]

})

export class AdvancedSearchPublicationsRoutingModule { }

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

@Component({

    selector: 'openaire-advanced-search-datasets',

    template: `

    <advanced-search-datasets>

    </advanced-search-datasets>

    `

 })

export class OpenaireAdvancedSearchDatasetsComponent { 

}

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

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

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

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

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

 import {AdvancedSearchProjectsModule, FreeGuard,PreviousRouteRecorder, IsRouteEnabled} from 'ng-openaire-library';

@NgModule({

  imports: [

    CommonModule, FormsModule,

    AdvancedSearchProjectsModule,

   AdvancedSearchProjectsRoutingModule

  ],

  declarations: [

    OpenaireAdvancedSearchProjectsComponent

   ],

  providers:[FreeGuard, IsRouteEnabled],

  exports: [

    OpenaireAdvancedSearchProjectsComponent

     ]

})

export class LibAdvancedSearchProjectsModule { }

import {Component, Input, ViewChild, Output, EventEmitter, ViewEncapsulation, OnInit, AfterViewInit} from '@angular/core';

import {Observable}       from 'rxjs/Observable';

import { Subject } from 'rxjs/Subject';

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

import { DataTableDirective } from 'angular-datatables';

import {SearchFields, DOI, StringUtils,ModalLoading,ErrorCodes, PiwikService, SearchDataprovidersService} from 'ng-openaire-library';

import {Meta, SearchUtilsClass, Filter, Value, SearchFilterComponent, SearchFilterModalComponent } from 'ng-openaire-library';

import {Properties} from '../../utils/properties';

@Component({

    selector: 'search-page-table',

    templateUrl:'searchPageTableView.component.html',

    styles: [`

      #dpTable_info, #dpTable_paginate,  #dpTable_length,  #dpTable_filter{

        display: none;

      }

      `],

      encapsulation: ViewEncapsulation.None // this used in order styles to work

  })

export class SearchPageTableViewComponent  implements OnInit, AfterViewInit {

  @Input() pageTitle = "";

  @Input() results;

  @Input() filters = [];

  @Input() type:string = "";

  @Input() entityType: string = "";

  @Input() searchUtils:SearchUtilsClass;// = new SearchUtilsClass();

  //@Output() downloadClick = new EventEmitter();

  @Input() showResultCount:boolean = true;

  @Input() showRefine:boolean = true;

  @Input() refineFields = [];

  //@Input() csvParams: string;

  //@Input() csvPath: string;

  @Input() searchViewLink: string;

  @Input() disableForms: boolean = false;

  @Input() searchFormClass: string = "searchForm";

@Input() formPlaceholderText = "Type Keywords...";

  @ViewChild (ModalLoading) loading : ModalLoading ;

  private searchFieldsHelper:SearchFields = new SearchFields();

  private queryParameters: Map<string, string>  = new Map<string,string>();

  public countFilters= 0;

  public parameterNames:string[] =[];

  public parameterValues:string[] =[];

  public rowsOnPage:number  = 10;

  @ViewChild (SearchFilterModalComponent) searchFilterModal : SearchFilterModalComponent ;

  public currentFilter: Filter;

  public errorCodes:ErrorCodes = new ErrorCodes();

  piwiksub: any;

  dtOptions: DataTables.Settings = {};

  showTable = false; filteringAdded = false;

  @ViewChild(DataTableDirective) datatableElement: DataTableDirective;

    dtTrigger: Subject<any> = new Subject(); //necessary

   constructor (private location: Location , private _meta: Meta, private _piwikService:PiwikService, private _searchDataprovidersService: SearchDataprovidersService ) { }

  ngOnInit() {

        this.dtOptions = {

          "paging": true,

          "searching": false,

          "lengthChange": false,

          "pageLength": this.rowsOnPage

        };

        this.updateTitle(this.pageTitle);

        this.updateDescription("Openaire, search, repositories, open access, type, content provider, funder, project, " + this.type + "," +this.pageTitle);

        if(typeof window !== 'undefined') {

          this.updateUrl(Properties.getBaseLink()+location.pathname);

        }

        if(Properties.isPiwikTrackEnabled() && (typeof document !== 'undefined')){

          this.piwiksub = this._piwikService.trackView(this.pageTitle).subscribe();

        }

   }

  ngOnDestroy() {

     if(this.piwiksub){

        this.piwiksub.unsubscribe();

      }

  }

    ngAfterViewInit(): void {

       $.fn['dataTable'].ext.search.push((settings, data, dataIndex) => {

          if (this.filterData(data, this.searchUtils.keyword, this.filters)) {

            return true;

          }

          return false;

        });