D-Net

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

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

//import { DOCUMENT } from '@angular/platform-browser';

import { FetchPublications } from '../../utils/fetchEntitiesClasses/fetchPublications.class';

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

import { FetchDatasets } from '../../utils/fetchEntitiesClasses/fetchDatasets.class';

import { SearchDatasetsService } from '../../services/searchDatasets.service';

import { FetchProjects } from '../../utils/fetchEntitiesClasses/fetchProjects.class';

import { SearchProjectsService } from '../../services/searchProjects.service';

import { FetchDataproviders } from '../../utils/fetchEntitiesClasses/fetchDataproviders.class';

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

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

import {RouterHelper} from '../../utils/routerHelper.class';

@Component({

    selector: 'tabs',

    template: `

        <ul *ngIf="tabs != undefined" class="uk-tab" data-uk-switcher="{connect:'#tab-content'}">

            <li *ngIf="tabs.length>0" class="uk-active" id="{{tabs[0].content}}">

                <a>

                    {{tabs[0].name}}

                    <i *ngIf="tabs[0].content == 'metricsTab'" class="uk-icon-line-chart"></i>

                    <i *ngIf="tabs[0].content == 'statisticsTab'" class="uk-icon-pie-chart"></i>

                    <span class="uk-badge uk-badge-notification" *ngIf="tabs[0].content=='publicationsTab'">

                        {{fetchPublications.searchUtils.totalResults}}

                    </span>

                    <span class="uk-badge uk-badge-notification" *ngIf="tabs[0].content=='datasetsTab'">

                        {{fetchDatasets.searchUtils.totalResults}}

                    </span>

                    <span class="uk-badge uk-badge-notification" *ngIf="tabs[0].content=='projectsTab'">

                        {{fetchProjects.searchUtils.totalResults}}

                    </span>

                    <span class="uk-badge uk-badge-notification" *ngIf="tabs[0].content=='datasourcesTab'">

                        {{fetchDataproviders.searchUtils.totalResults}}

                    </span>

                    <span class="uk-badge uk-badge-notification" *ngIf="tabs[0].content=='organizationsTab'">

                        {{organizations.length}}

                    </span>

                </a>

            </li>

            <li *ngFor="let tab of tabs; let i=index">

                <a *ngIf="i>0"

                    (click)="search(tab.content, 1, 10)">

                        {{tab.name}}

                        <i *ngIf="tab.content == 'metricsTab'" class="uk-icon-line-chart"></i>

                        <i *ngIf="tab.content == 'statisticsTab'" class="uk-icon-pie-chart"></i>

                        <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='publicationsTab'">

                            {{fetchPublications.searchUtils.totalResults}}

                        </span>

                        <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasetsTab'">

                            {{fetchDatasets.searchUtils.totalResults}}

                        </span>

                        <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='projectsTab'">

                            {{fetchProjects.searchUtils.totalResults}}

                        </span>

                        <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasourcesTab'">

                            {{fetchDataproviders.searchUtils.totalResults}}

                        </span>

                        <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='organizationsTab'">

                            {{organizations.length}}

                        </span>

                </a>

            </li>

        </ul>

        <ul *ngIf="tabs != undefined" id="tab-content" class="uk-switcher uk-margin custom-tab-content">

            <li class="uk-animation-fade" id="firstTab-content" *ngIf="tabs.length>0">

                <publicationsTab *ngIf="tabs[0].content=='publicationsTab'"

                                 [paramsForSearchLink]="paramsForSearchLink"

                                 [fetchPublications]="fetchPublications">

                </publicationsTab>

                <datasetsTab *ngIf="tabs[0].content=='datasetsTab'"

                             [paramsForSearchLink]="paramsForSearchLink"

                             [fetchDatasets]="fetchDatasets">

                </datasetsTab>

                <projectsTab *ngIf="tabs[0].content=='projectsTab'"

                             [paramsForSearchLink]="paramsForSearchLink"

                             [fetchProjects]="fetchProjects">

                </projectsTab>

                <datasourcesTab *ngIf="tabs[0].content=='datasourcesTab'"

                                [paramsForSearchLink]="paramsForSearchLink"

                                [fetchDataproviders]="fetchDataproviders">

                </datasourcesTab>

                <organizationsTab *ngIf="tabs[0].content=='organizationsTab'"

                                  [organizations]="organizations">

                </organizationsTab>

                <relatedDatasourcesTab *ngIf="tabs[0].content=='relatedDatasourcesTab'"

                    [fetchResults]="fetchResultsAggregators"

                    [type]="relatedDataprovidersResultsType">

                </relatedDatasourcesTab>

                <div *ngIf="tabs[0].content=='statisticsTab' && statsClicked">

                  <div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">

                      There are no statistics

                  </div>

                  <div *ngIf="(fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">

                    <p>

                      The results below are discovered through our pilot algorithms.

                      <a href="mailto:feedback@openaire.eu">Let us know how we are doing!</a>

                    </p>

                    <p class="uk-text-bold">Latest Documents Timeline</p>

                    <i-frame  [url]=docsTimelineUrl width="800" height="350"></i-frame>

                    <p class="uk-text-bold">Documents Types</p>

                    <i-frame [url]=docsTypesUrl width="800" height="350"></i-frame>

                  </div>

                  <div *ngIf="(fetchPublications.searchUtils.totalResults > 0)">

                      <div>

                        <p class="uk-text-bold">Funders in Data Providers Publications</p>

                        <i-frame  [url]=pubsFunderUrl width="800" height="350"></i-frame>

                        <p class="uk-text-bold">Projects with most Publications</p>

                        <i-frame [url]=pubsProjectsUrl width="800" height="350"></i-frame>

                  </div>

                  <div *ngIf="(fetchDatasets.searchUtils.totalResults > 0)">

                      <div>

                        <p class="uk-text-bold">Projects with most Research Data</p>

                        <i-frame  [url]=dataProjectsUrl width="800" height="350"></i-frame>

                        </div>

                     </div>

                  </div>

                 </div>

                <!--projectsTab *ngIf="tabs[0].content=='projectsTab'"

                             [paramsForSearchLink]="paramsForSearchLink"

                             [fetchProjects]="fetchProjects">

                </projectsTab>

                <datasourcesTab *ngIf="tabs[0].content=='datasourcesTab'"

                                [paramsForSearchLink]="paramsForSearchLink"

                                [fetchDataproviders]="fetchDataproviders">

                </datasourcesTab>

                <organizationsTab *ngIf="tabs[0].content=='organizationsTab'"

                                  [organizations]="organizations">

                </organizationsTab>

                <relatedDatasourcesTab *ngIf="tabs[0].content=='relatedDatasourcesTab'"

                    [fetchPublications]="fetchPublicationsAggregators">

                </relatedDatasourcesTab-->

                <!--div *ngIf="tabs[0].content=='metricsTab' && metrics == undefined" class = "uk-alert uk-alert-warning">

                    Metrics are currently unavailable

                </div>

                <div *ngIf="tabs[0].content=='metricsTab' && metrics != undefined" class="uk-panel uk-panel-box">

                        <b>Views: </b>{{metrics}}

                </div-->

                <metrics *ngIf="tabs[0].content=='metricsTab' && metricsClicked"

                    [id]="id" [type]="'datasources'" [name]="name" (metricsResults)="metricsResults($event)">

                </metrics>

                <i-frame *ngIf="tabs[0].content=='metricsTab' && metricsClicked && totalViews > 0"

                    [url]=viewsFrameUrl width="100%" height="250">

                </i-frame>

                <i-frame *ngIf="tabs[0].content=='metricsTab' && metricsClicked && totalDownloads > 0"

                    [url]=downloadsFrameUrl width="100%" height="250">

                </i-frame>

            </li>

            <li class="uk-animation-fade" *ngFor="let tab of tabs; let i=index">

                <publicationsTab *ngIf="i>0 && tab.content=='publicationsTab'"

                                 [paramsForSearchLink]="paramsForSearchLink"

                                 [fetchPublications] = "fetchPublications">

                </publicationsTab>

                <datasetsTab *ngIf="i>0 && tab.content=='datasetsTab'"

                             [paramsForSearchLink]="paramsForSearchLink"

                             [fetchDatasets]="fetchDatasets">

                </datasetsTab>

                <projectsTab *ngIf="i>0 && tab.content=='projectsTab'"

                             [paramsForSearchLink]="paramsForSearchLink"

                             [fetchProjects]="fetchProjects">

                </projectsTab>

                <datasourcesTab *ngIf="i>0 && tab.content=='datasourcesTab'"

                                [paramsForSearchLink]="paramsForSearchLink"

                                [fetchDataproviders]="fetchDataproviders">

                </datasourcesTab>

                <organizationsTab *ngIf="i>0 && tab.content=='organizationsTab'"

                                  [organizations]="organizations">

                </organizationsTab>

                <relatedDatasourcesTab *ngIf="i>0 && tab.content=='relatedDatasourcesTab'"

                    [dataproviderId]="id"

                    [fetchResults]="fetchResultsAggregators"

                    [type]="relatedDataprovidersResultsType">

                </relatedDatasourcesTab>

                <!--statisticsTab *ngIf="i>0 && tab.content=='statisticsTab'"

                [fetchPublications] = "fetchPublications"

                [fetchDatasets]="fetchDatasets" [id]="id">

                </statisticsTab-->

                <div *ngIf="i>0 && tab.content=='statisticsTab' && statsClicked">

                  <div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">

                      There are no statistics

                  </div>

                  <div *ngIf="(fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">

                    <p>

                      The results below are discovered through our pilot algorithms.

                      <a href="mailto:feedback@openaire.eu">Let us know how we are doing!</a>

                    </p>

                    <p class="uk-text-bold">Latest Documents Timeline</p>

                    <i-frame  [url]=docsTimelineUrl width="800" height="350"></i-frame>

                    <p class="uk-text-bold">Documents Types</p>

                    <i-frame [url]=docsTypesUrl width="800" height="350"></i-frame>

                  </div>

                  <div *ngIf="(fetchPublications.searchUtils.totalResults > 0)">

                      <div>

                        <p class="uk-text-bold">Funders in Data Providers Publications</p>

                        <i-frame  [url]=pubsFunderUrl width="800" height="350"></i-frame>

                        <p class="uk-text-bold">Projects with most Publications</p>

                        <i-frame [url]=pubsProjectsUrl width="800" height="350"></i-frame>

                      </div>

                      <div *ngIf="(fetchDatasets.searchUtils.totalResults > 0)">

                        <div>

                            <p class="uk-text-bold">Projects with most Research Data</p>

                            <i-frame  [url]=dataProjectsUrl width="800" height="350"></i-frame>

                        </div>

                      </div>

                  </div>

                </div>

                <metrics *ngIf="i>0 && tab.content=='metricsTab' && metricsClicked"

                    [id]="id" [type]="'datasources'" [name]="name" (metricsResults)="metricsResults($event)">

                </metrics>

                <i-frame *ngIf="i>0 && tab.content=='metricsTab' && metricsClicked && totalViews > 0"

                    [url]=viewsFrameUrl width="100%" height="250">

                </i-frame>

                <i-frame *ngIf="i>0 && tab.content=='metricsTab' && metricsClicked && totalDownloads > 0"

                    [url]=downloadsFrameUrl width="100%" height="250">

                </i-frame>

            </li>

        </ul>

    `

})

export class TabsComponent {

    @Input() id: string;

    @Input() name: string;

    @Input() resultsBy: string;

    @Input() tabs: {"name": string, "content": string}[];

    //@Input() publications;

    //@Input() datasets;

    @Input() statistics;

    //@Input() projects;

    //@Input() datasources;

    @Input() organizations: {"name": string, "url": string}[];

    @Input() _dataproviderService;

    public relatedDataprovidersResultsType: string;

    public paramsForSearchLink = {};//: string = "";

    public reloadPublications: boolean = true;

    public reloadDatasets: boolean = true;

    public reloadProjects: boolean = true;

    public reloadDataproviders: boolean = true;

	public reloadRelatedDatasources: boolean = true;

    public metricsClicked: boolean;

    private viewsFrameUrl: string;

    private downloadsFrameUrl: string;

    private totalViews: number;

    private totalDownloads: number;

    public statsClicked: boolean = false;

    private  docsTimelineUrl: string;

    private  docsTypesUrl:string;

    private  pubsFunderUrl:string;

    private  dataProjectsUrl:string ;

    private  pubsProjectsUrl:string;

    public fetchPublications : FetchPublications;

    public fetchDatasets: FetchDatasets;

    public fetchProjects: FetchProjects;

    public fetchDataproviders: FetchDataproviders;

    public fetchResultsAggregators: any;

    private nativeElement : Node;

    public routerHelper:RouterHelper = new RouterHelper();

    private sub: any;

    constructor (private renderer : Renderer, private element : ElementRef,private  route: ActivatedRoute,

        private _searchPublicationsService: SearchPublicationsService,

        private _searchDatasetsService: SearchDatasetsService,

        private _searchProjectsService: SearchProjectsService,

        private _searchDataprovidersService: SearchDataprovidersService) {

            this.fetchPublications = new FetchPublications(this._searchPublicationsService);

            this.fetchDatasets = new FetchDatasets(this._searchDatasetsService);

            this.fetchProjects = new FetchProjects(this._searchProjectsService);

            this.fetchDataproviders = new FetchDataproviders(this._searchDataprovidersService);

    }

    ngOnInit() {

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

            if(this.tabs != undefined && this.tabs.length > 0) {

                this.reloadPublications = true;

                this.reloadDatasets = true;

                this.reloadProjects = true;

                this.reloadDataproviders = true;

            	this.reloadRelatedDatasources = true;

                this.statsClicked = false;

                this.search(this.tabs[0].content, 1, 10);

                this.count(1, 0);

                this.metricsClicked = false;

                this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"dtsrcOpenAIRETimeline", "dtsrcName":"'+this.id+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"OpenAIRE","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]},{"query":"dtsrcRepoTimeline", "dtsrcName":"'+this.id+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":[""],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column","column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true';

                this.downloadsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"dtsrcDownloadsTimeline","dtsrcName":"'+this.id+'","table":"","fields":[{"fld":"sum","agg":"sum","type":"chart","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[]}]&info_types=["spline"]&stacking=&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true';

                this.docsTimelineUrl ='https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcYear","dtsrcName":"'+this.id+'","table": "result", "fields": [{"fld": "number", "agg": "count", "type": "line", "yaxis":1, "c":true}], "xaxis":{"name": "year", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Documents"], "in": [{"f":0, "text": "Yearly"}], "filters": [{"name":"year","max":"2016","min":"1997"},{"name": "result_datasources-datasource-name", "values":[""], "to": "-1"}],"having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": "Year"}&w=600&h=250';

                this.docsTypesUrl = 'https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcPubs","dtsrcName":"'+this.id+'", "table": "result", "fields": [{"fld": "number", "agg": "count", "type": "pie", "yaxis":1, "c":false}], "xaxis":{"name": "result_classifications-type", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Documents"], "in": [], "filters": [{"name": "result_datasources-datasource-name", "values": [""], "to": "-1"}], "having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": ""}&w=600&h=250';

                this.pubsFunderUrl =' https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcPubsFund","dtsrcName":"'+this.id+'", "table": "result", "fields": [{"fld": "number", "agg": "count", "type": "pie", "yaxis":1, "c":false}], "xaxis":{"name": "result_classifications-type", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Documents"], "in": [], "filters": [{"name": "result_datasources-datasource-name", "values": [""], "to": "-1"}], "having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": ""}&w=600&h=250';

                this.dataProjectsUrl ='https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcProjData","dtsrcName":"'+this.id+'", "table": "result", "fields": [{"fld": "number", "agg": "count", "type": "bar", "yaxis":1, "c":false}], "xaxis":{"name": "result_classifications-type", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Datasets"], "in": [], "filters": [{"name": "result_datasources-datasource-name", "values": [""], "to": "-1"}], "having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": ""}&w=600&h=250';

                this.pubsProjectsUrl ='https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcProjPubs","dtsrcName":"'+this.id+'", "table": "result", "fields": [{"fld": "number", "agg": "count", "type": "bar", "yaxis":1, "c":false}], "xaxis":{"name": "result_classifications-type", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Publications"], "in": [], "filters": [{"name": "result_datasources-datasource-name", "values": [""], "to": "-1"}], "having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": ""}&w=600&h=250';

                //if({"name": "Publications", "content": "publicationsTab"} in this.tabs) {

                if(this.tabs.some(function (tab) {

                    return tab.name === 'Publications';

                })) {

                    this.relatedDataprovidersResultsType = 'publications';

                    this.fetchResultsAggregators = new FetchPublications(this._searchPublicationsService);

                } else {

                    this.relatedDataprovidersResultsType = 'datasets';

                    this.fetchResultsAggregators = new FetchDatasets(this._searchDatasetsService);

                }

            }

            if(this.resultsBy == "collectedFrom") {

                //this.paramsForSearchLink = "?collectedFrom="+this.id+"&co=and";

                this.paramsForSearchLink = this.routerHelper.createQueryParams(['collectedFrom', 'co'], [this.id, 'and']);

            } else if (this.resultsBy == "hostedBy") {

                //this.paramsForSearchLink = "?hostedBy="+this.id+"&ho=and";

                this.paramsForSearchLink = this.routerHelper.createQueryParams(['hostedBy', 'ho'], [this.id, 'and']);

            }

        });

    }

    ngOnDestroy() {

      //this.sub.unsubscribe();

    }

    // ngOnChanges() {

    //     console.info("on changes dataprovider tabs");

    //     if(this.tabs != undefined && this.tabs.length > 0) {

    //         /*if(typeof document !== undefined) {

    //             let element = document.getElementById(this.tabs[0].content);

    //             if(element != null) {

    //                 element.className = "uk-active";

    //                 element.setAttribute("aria-expanded", "true");

    //             }

    //

    //             let element2 = document.getElementById("firstTab-content");

    //             if(element2 != null) {

    //                 element2.className = "uk-active";

    //                 element2.setAttribute("aria-hidden", "false");

    //             }

    //         }*/

    //

    //         this.reloadPublications = true;

    //         this.reloadDatasets = true;

    //         this.reloadProjects = true;

    //         this.reloadDataproviders = true;

    //     	this.reloadRelatedDatasources = true;

    //         this.statsClicked = false;

    //

    //         this.search(this.tabs[0].content, 1, 10);

    //         this.count(1, 0);

    //

    //         this.metricsClicked = false;

    //         this.viewsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"dtsrcOpenAIRETimeline", "dtsrcName":"'+this.id+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"OpenAIRE","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]},{"query":"dtsrcRepoTimeline", "dtsrcName":"'+this.id+'", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":[""],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column","column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true';

    //         this.downloadsFrameUrl = OpenaireProperties.getFramesAPIURL()+'merge.php?com=query&data=[{"query":"dtsrcDownloadsTimeline","dtsrcName":"'+this.id+'","table":"","fields":[{"fld":"sum","agg":"sum","type":"chart","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":"","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[]}]&info_types=["spline"]&stacking=&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(124, 181, 236, 1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true';

    //

    //         this.docsTimelineUrl ='https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcYear","dtsrcName":"'+this.id+'","table": "result", "fields": [{"fld": "number", "agg": "count", "type": "line", "yaxis":1, "c":true}], "xaxis":{"name": "year", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Documents"], "in": [{"f":0, "text": "Yearly"}], "filters": [{"name":"year","max":"2016","min":"1997"},{"name": "result_datasources-datasource-name", "values":[""], "to": "-1"}],"having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": "Year"}&w=600&h=250';

    //         this.docsTypesUrl = 'https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcPubs","dtsrcName":"'+this.id+'", "table": "result", "fields": [{"fld": "number", "agg": "count", "type": "pie", "yaxis":1, "c":false}], "xaxis":{"name": "result_classifications-type", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Documents"], "in": [], "filters": [{"name": "result_datasources-datasource-name", "values": [""], "to": "-1"}], "having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": ""}&w=600&h=250';

    //         this.pubsFunderUrl =' https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcPubsFund","dtsrcName":"'+this.id+'", "table": "result", "fields": [{"fld": "number", "agg": "count", "type": "pie", "yaxis":1, "c":false}], "xaxis":{"name": "result_classifications-type", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Documents"], "in": [], "filters": [{"name": "result_datasources-datasource-name", "values": [""], "to": "-1"}], "having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": ""}&w=600&h=250';

    //         this.dataProjectsUrl ='https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcProjData","dtsrcName":"'+this.id+'", "table": "result", "fields": [{"fld": "number", "agg": "count", "type": "bar", "yaxis":1, "c":false}], "xaxis":{"name": "result_classifications-type", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Datasets"], "in": [], "filters": [{"name": "result_datasources-datasource-name", "values": [""], "to": "-1"}], "having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": ""}&w=600&h=250';

    //         this.pubsProjectsUrl ='https://beta.openaire.eu/stats/chart.php?com=query&persistent=false&data={"query":"dtsrcProjPubs","dtsrcName":"'+this.id+'", "table": "result", "fields": [{"fld": "number", "agg": "count", "type": "bar", "yaxis":1, "c":false}], "xaxis":{"name": "result_classifications-type", "agg": "avg"}, "group": "", "color": "", "type": "chart", "size":30, "sort": "xaxis", "xStyle":{"r": "-", "s": "-", "l": "-", "ft": "-", "wt": "-"}, "yaxisheaders": [""], "fieldsheaders": ["Publications"], "in": [], "filters": [{"name": "result_datasources-datasource-name", "values": [""], "to": "-1"}], "having": [], "incfilters": [], "inchaving": [], "title": "", "subtitle": "", "xaxistitle": ""}&w=600&h=250';

    //     }

    //

    //     if(this.resultsBy == "collectedFrom") {

    //         this.paramsForSearchLink = "?collectedFrom="+this.id+"&co=and";

    //     } else if (this.resultsBy == "hostedBy") {

    //         this.paramsForSearchLink = "?hostedBy="+this.id+"&ho=and";

    //     }

    // }

    private count(page: number, size: number) {

        console.info("number of tabs: "+this.tabs.length);

        for(let i=1; i<this.tabs.length; i++) {

            let content: string = this.tabs[i].content;

            if(content=='publicationsTab') {

                this.countPublications(page, size);

            } else if(content=='datasetsTab') {

                this.countDatasets(page, size);

            } else if(content=='projectsTab') {

                this.countProjects(page, size);

            } else if(content=='datasourcesTab') {

                this.countDatasources(page, size);

            }// else if(content=='relatedDatasourcesTab') {

            //    this.countRelatedDatasources(page, size);

            //}

        }

    }

    private search(content: string, page: number, size: number) {

        console.info(content);

        if(content=='publicationsTab') {

            this.searchPublications(page, size);

        } else if(content=='datasetsTab') {

            this.searchDatasets(page, size);

        } else if(content=='projectsTab') {

            this.searchProjects(page, size);

        } else if(content=='datasourcesTab') {

            this.searchDatasources(page, size);

        } else if(content=='relatedDatasourcesTab') {

            this.searchRelatedDatasources(1, 0);

        } else if(content=='metricsTab') {

            this.metricsClicked = true;

        } else if(content=='statisticsTab') {

            this.statsClicked = true;

        }

    }

    private searchPublications(page: number, size: number) {

        console.info("Search publications???");

        if(this.reloadPublications) {

            console.info("Search publications!");

            this.fetchPublications.getResultsForDataproviders(this.id, this.resultsBy, page, size);

        }

        this.reloadPublications = false;

     }

     private countPublications(page: number, size: number) {

         this.fetchPublications.getResultsForDataproviders(this.id, this.resultsBy, page, size);

     }

     private searchDatasets(page: number, size: number) {

         if(this.reloadDatasets) {

             this.fetchDatasets.getResultsForDataproviders(this.id, this.resultsBy, page, size);

         }

         this.reloadDatasets = false;

     }

     private countDatasets(page: number, size: number) {

         this.fetchDatasets.getResultsForDataproviders(this.id, this.resultsBy, page, size);

     }

     private searchProjects(page: number, size: number) {

         if(this.reloadProjects) {

             this.fetchProjects.getResultsForDataproviders(this.id, page, size);

         }

         this.reloadProjects = false;

     }

     private countProjects(page: number, size: number) {

         this.fetchProjects.getResultsForDataproviders(this.id, page, size);

     }

     private searchDatasources(page: number, size: number) {

         console.info("search intro");

         if(this.reloadDataproviders) {

             this.fetchDataproviders.getResultsForDataproviders(this.id, page, size);

         }

         this.reloadDataproviders = false;

     }

     private countDatasources(page: number, size: number) {

         this.fetchDataproviders.getResultsForDataproviders(this.id, page, size);

     }

     private searchRelatedDatasources(page: number, size: number) {

         if(this.reloadRelatedDatasources) {

             console.info("my id is: "+this.id);

             this.fetchResultsAggregators.getAggregatorResults(this.id, page, size);

         }

         this.reloadRelatedDatasources = false;

     }

     private countRelatedDatasources(page: number, size: number) {

         this.fetchResultsAggregators.getAggregatorResults(this.id, page, size);

     }

     public metricsResults($event) {

       this.totalViews = $event.totalViews;

       this.totalDownloads = $event.totalDownloads;

     }

}