D-Net

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

import {HttpClient} from "@angular/common/http";

import {BehaviorSubject, Observable} from "rxjs";

import {HelperFunctions} from "../openaireLibrary/utils/HelperFunctions.class";

import {map} from "rxjs/operators";

@Injectable({

  providedIn: "root"

})

  }

  getStakeholder(url: string, alias:string): Observable<Stakeholder> {

  }

  getAllStakeholders(url: string, type: string = null): Observable<Stakeholder[]> {

    return this.http.get<Stakeholder[]>(url + '/stakeholder/all' + (type)?('?type=' + type):'').pipe(map(stakeholders => {

    }));

  }

  getStakeholders(url: string, type: string = null): Observable<Stakeholder[]> {

    return this.http.get<Stakeholder[]>(url + '/stakeholder' + (type)?('?type=' + type):'').pipe(map(stakeholders => {

    }));

  }

  getDefaultStakeholders(url: string, type: string = null): Observable<Stakeholder[]> {

    return this.http.get<Stakeholder[]>(url + '/stakeholder/default' + (type)?('?type=' + type):'').pipe(map(stakeholders => {

    }));

  }

  saveStakeholder(url: string, stakeholder: Stakeholder): Observable<Stakeholder> {

    return this.http.post<Stakeholder>(url + '/stakeholder/save', stakeholder).pipe(map(stakeholder => {

    }));

  }

    path = HelperFunctions.encodeArray(path);

  }

  deleteElement(url: string, path: string[]): Observable<any> {

    path = HelperFunctions.encodeArray(path);

  }

  getStakeholderAsObservable(): Observable<Stakeholder> {

    return this.stakeholderSubject.asObservable();

  }

    this.stakeholderSubject.next(stakeholder);

  }

  }

}

  </div>

  <dashboard-sidebar *ngIf="sideBar && stakeholder" [items]="sideBar.items" [name]="stakeholder.index_name"></dashboard-sidebar>

  <div *ngIf="activeSubCategory"

    <div id="page_content_inner">

<!--      <div>

        Filters

    </ul>

  </div>

</aside>

  <div id="page_content_inner">

    <h4 class="uk-text-bold">

      Customise your Monitor Dashboard!

  }

  public ngOnDestroy() {

        value.unsubscribe();

      }

    });

  }

  public saveTopicOpen(element, index = -1) {

      this.hide(element);

    } else {

      if (index === -1) {

  }

  public saveTopic(element, index = -1) {

        this.copyTopic.alias = this.copyTopic.name.toLowerCase().trim();

      }

        this.save('Topic has been successfully created', element);

      } else {

      }

    } else {

      this.valid = false;

    this.deleteTopicModal.open();

  }

      UIkit.notification(message, {

        status: 'success',

        timeout: 3000,

  deleteTopic() {

    let path = [

    ];

      UIkit.notification('Topic has been successfully deleted', {

        status: 'success',

        timeout: 3000,

export class IndicatorUtils {

    ['pie', 'pie_chart'],

    ['table', 'table_chart'],

    ['line', 'show_chart'],

    ['column', 'bar_chart'],

    ['bar', 'bar_chart'],

  ]);

  isPublicIcon: Map<boolean, string> = new Map([

  ignoredParameters = ['funder_name'];

    let replacedUrl = indicatorPath.chartObject;

    if (indicatorPath.parameters) {

        }

        }

        replacedUrl = replacedUrl.replace(ChartHelper.prefix + key + ChartHelper.suffix, replacedValue);

      });

    }

        let newJsonObject = JSON.parse(replacedUrl);

            queries["query"]["filters"] = [];

          }

          //TODO check how it works if the query already has a filter

        }

        replacedUrl = JSON.stringify(newJsonObject);

      }

    }

    return indicatorPath.url + encodeURIComponent(replacedUrl);

  }

  generateIndicatorByChartUrl(source: string, url: string, type: string = null): IndicatorPath {

    let indicatorPath = new IndicatorPath("", source, "", "", []);

    if (source === 'stats-tool') {

      this.extractStartYear(chart, indicatorPath);

      this.extractEndYear(chart, indicatorPath);

      indicatorPath.chartObject = JSON.stringify(chart);

    } else if (source === 'old') {

      indicatorPath.url = url.split("data=")[0].split("/stats/")[1] + "data=";

      indicatorPath.chartObject = decodeURIComponent(url.split("data=")[1].split("&")[0]);

      let chart = JSON.parse(indicatorPath.chartObject);

      indicatorPath.chartObject = JSON.stringify(chart);

    } else {

      indicatorPath.url = url;

      type = defaultTypes [0];

    } else {

      obj["chartDescription"]["queries"][0]["type"] = ChartHelper.prefix + "type" + ChartHelper.suffix;

    }

    return type;

  }

  private extractFunder(obj, indicatorPath: IndicatorPath) {

    let funderName;

    for (let query of obj["chartDescription"]["queries"]) {

        return;

      }

      for (let filter of query["query"]["filters"]) {

        if (filter["groupFilters"][0]["field"].indexOf(".funder") != -1) {

          funderName = filter["groupFilters"][0]["values"][0];

          filter["groupFilters"][0]["values"][0] = ChartHelper.prefix + "funder_name" + ChartHelper.suffix;

        }

      }

    }

  private extractStartYear(obj, indicatorPath: IndicatorPath) {

    let start_year;

    for (let query of obj["chartDescription"]["queries"]) {

        return;

      }

      for (let filter of query["query"]["filters"]) {

          if (gfilter["field"].indexOf(".year") != -1 && gfilter["type"].indexOf(">") != -1) {

            start_year = gfilter["values"][0];

            gfilter["values"][0] = ChartHelper.prefix + "start_year" + ChartHelper.suffix;

          }

        }

      }

  private extractEndYear(obj, indicatorPath: IndicatorPath) {

    let end_year;

    for (let query of obj["chartDescription"]["queries"]) {

        return;

      }

      for (let filter of query["query"]["filters"]) {

          if (gfilter["field"].indexOf(".year") != -1 && gfilter["type"].indexOf("<") != -1) {

            end_year = gfilter["values"][0];

            gfilter["values"][0] = ChartHelper.prefix + "end_year" + ChartHelper.suffix;

          }

        }

      }

    if (obj["chartDescription"]["title"]) {

      title = obj["chartDescription"]["title"]["text"];

      obj["chartDescription"]["title"]["text"] = ChartHelper.prefix + "title" + ChartHelper.suffix;

    }

  }

    if (obj["chartDescription"]["xAxis"]["title"]) {

      title = obj["chartDescription"]["xAxis"]["title"]["text"];

      obj["chartDescription"]["xAxis"]["title"]["text"] = ChartHelper.prefix + "xAxisTitle" + ChartHelper.suffix;

    }

  }

    if (obj["chartDescription"]["yAxis"]["title"]) {

      title = obj["chartDescription"]["yAxis"]["title"]["text"];

      obj["chartDescription"]["yAxis"]["title"]["text"] = ChartHelper.prefix + "yAxisTitle" + ChartHelper.suffix;

    }

  }

  private addResultFilters(obj, indicatorPath: IndicatorPath) {

    for (let query of obj["chartDescription"]["queries"]) {

      if (!query["query"]["select"]) {

        return;

      }

      for (let select of query["query"]["select"]) {

            index = i;

          }

        }

      }

    }

      indicatorPath.filters = IndicatorPath.createResultFilters(resultTypes[index]);

    }

  }

    if (obj["title"]) {

      title = obj["title"];

      obj["title"] = ChartHelper.prefix + "title" + ChartHelper.suffix;

    }

  }

    if (obj["xaxistitle"]) {

      title = obj["xaxistitle"];

      obj["xaxistitle"] = ChartHelper.prefix + "xAxisTitle" + ChartHelper.suffix;

    }

  }

  private extractOldToolYTitle(obj, indicatorPath: IndicatorPath) {

    let title = "";

      title = obj["fieldsheaders"];

    }

  }

}

/*

custom query

http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Publications%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22monitor.ec.publications.datasources%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Publication%20content%20provider%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22Publications%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22Content%20provider%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Atrue%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D

            this.chartSources.set('stats-tool', properties.statisticsFrameNewAPIURL);

            this.chartSources.set('old', properties.statisticsFrameAPIURL);

            this.chartSources.set('metrics', properties.metricsAPIURL);

        })

    }

    }

    getChartSource(url: string): string {

        this.chartSources.forEach((value, key) => {

            if(value !== '' && url.indexOf(value) !== -1) {

                source = key;

import {SafeResourceUrl} from "@angular/platform-browser";

import {IndicatorUtils} from "../indicator-utils";

};

export class Stakeholder {

  type: string;

  index_id;

  index_name: string;

  alias: string;

  isDefaultProfile: boolean;

  isActive: boolean;

  creationDate: string;

  updateDate: string;

  managers: string[];

  }

    this.type = type;

    this.index_id = index_id;

    this.index_name = index_name;

    this.isActive = isActive;

    this.isPublic = isPublic;

  }

    //  new Stakeholder('wt','funder','wt__________::WT','Wellcome Trust','WT',false, 'wt',true,true);

    ec.topics.push(ec.createOSTopic(ec));

    ec.topics.push(ec.createImpactTopic());

    ec.topics.push(ec.createCollaborationTopic());

    return ec;

  }

    topic.categories.push(pubCategory);

    pubCategory.subCategories.push(pubDefSub);

    topic.categories.push(dataCategory);

    dataCategory.subCategories.push(dataDefSub);

    topic.categories.push(softwareCategory);

    softwareCategory.subCategories.push(softDefSub);

    topic.categories.push(otherCategory);

    otherCategory.subCategories.push(otherDefSub);

    topic.categories.push(projectCategory);

    projectCategory.subCategories.push(projectDefSub);

    //Numbers

    /*overviewDefSub.numbers.push(n_total_pubs);

    overviewDefSub.numbers.push(n_open_pubs);

    //Charts

    pubDefSub.charts.push(c_pubs_per_project);

//TO check

       true, [new IndicatorPath("bar", "stats-tool", "chart?json="+encodeURIComponent('{"library":"HighCharts","chartDescription":{"colors":["#42a5f5","#26a69a","#90ed7d","#607d8b","#00838f","#689f38","#e4d354","#2b908f","#546e7a","#01579"],"queries":[{"name":"Open Access","type":"bar","query":{"select":[{"field":"result","aggregate":"count"},{"field":"result.project.funding level 1","aggregate":null}],"filters":[{"groupFilters":[{"field":"result.project.funder","type":"=","values":["'+ChartHelper.prefix+'funder_name'+ChartHelper.suffix+'"]},{"field":"result.project.funding level 0","type":"=","values":["H2020"]},{"field":"result.type","type":"=","values":["publication"]},{"field":"result.access mode","type":"=","values":["Open Access"]}],"op":"AND"}],"entity":"result","profile":"OpenAIRE original","limit":"0"}},{"name":"Total","type":"bar","query":{"select":[{"field":"result","aggregate":"count"},{"field":"result.project.funding level 1","aggregate":null}],"filters":[{"groupFilters":[{"field":"result.project.funder","type":"=","values":["'+ChartHelper.prefix+'funder_name'+ChartHelper.suffix+'"]},{"field":"result.type","type":"=","values":["publication"]}],"op":"AND"}],"entity":"result","profile":"OpenAIRE original","limit":"0"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Publications"},"subtitle":{"text":"by funding scheme"},"yAxis":{"title":{"text":"Publications"}},"xAxis":{"title":{"text":"Funding scheme"}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}'), null)]);

     pubDefSub.charts.push(c_pubs_funding_scheme);

*/

    /* let c_pubs_open = new Indicator("Open Access publications timeline",null, "chart","small",true, true,

       [new IndicatorPath("column", "stats-tool", "chart?json="+encodeURIComponent('{"library":"HighCharts","chartDescription":{"queries":[{"name":"OA publications","type":"column","query":{"select":[{"field":"publication","aggregate":"count"},{"field":"publication.year","aggregate":null}],"filters":[{"groupFilters":[{"field":"publication.access mode","type":"=","values":["Open Access"]}],"op":"AND"},{"groupFilters":[{"field":"publication.year","type":">=","values":["2000"]},{"field":"publication.year","type":"<=","values":["2019"]}],"op":"AND"},{"groupFilters":[{"field":"publication.project.funder","type":"=","values":["'+ChartHelper.prefix+'funder_name'+ChartHelper.suffix+'"]}],"op":"AND"}],"entity":"publication","profile":"OpenAIRE All-inclusive","limit":"30"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"Open Access Publications"},"subtitle":{},"yAxis":{"title":{"text":"publications"}},"xAxis":{"title":{"text":"year"}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":false},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}'), null)]);

    return topic;

  }

    topic.categories.push(pubCategory);

    pubCategory.subCategories.push(pubDefSub);

    topic.categories.push(dataCategory);

    dataCategory.subCategories.push(dataDefSub);

    topic.categories.push(softwareCategory);

    softwareCategory.subCategories.push(softDefSub);

    return topic;

  }

    topic.categories.push(category1);

    category1.subCategories.push(subCat1);

    category1.subCategories.push(subCat2);

    topic.categories.push(category2);

    category2.subCategories.push(defSub);

    let chart1 = new Indicator(

    subCat1.charts.push(chart1);

    subCat2.charts.push(chart2);

    defSub.charts.push(chart2);

    let utils = new IndicatorUtils();

    let url = "https://beta.openaire.eu/stats/chart.php?com=query&data={%22table%22:%22result%22,%22fields%22:[{%22fld%22:%22number%22,%22agg%22:%22count%22,%22type%22:%22bar%22,%22yaxis%22:1,%22c%22:false}],%22xaxis%22:{%22name%22:%22result_datasources-datasource-name%22,%22agg%22:%22avg%22},%22group%22:%22%22,%22color%22:%22%22,%22type%22:%22chart%22,%22size%22:%2220%22,%22sort%22:%22count-number%22,%22yaxisheaders%22:[%22%22],%22fieldsheaders%22:[%22publications%22],%22in%22:[],%22filters%22:[{%22name%22:%22result_projects-project-funding_lvl0%22,%22values%22:[%22H2020%22],%22to%22:%22-1%22},{%22name%22:%22type%22,%22values%22:[%22publication%22],%22to%22:%22-1%22},{%22name%22:%22result_datasources-datasource-type%22,%22exvalues%22:[%22Publication%20Catalogue%22]}],%22having%22:[],%22xStyle%22:{%22r%22:%22-%22,%22s%22:%22-%22,%22l%22:%22-%22,%22ft%22:%22-%22,%22wt%22:%22-%22},%22title%22:%22H2020%20Publications%20by%20datasource%20%28top%2020%29%22,%22subtitle%22:%22%22,%22xaxistitle%22:%22datasource%22,%22order%22:%22d%22}&w=90%";

    url = "http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Research%20data%22%2C%22type%22%3A%22column%22%2C%22query%22%3A%7B%22select%22%3A%5B%7B%22field%22%3A%22dataset%22%2C%22aggregate%22%3A%22count%22%7D%2C%7B%22field%22%3A%22dataset.year%22%2C%22aggregate%22%3Anull%7D%5D%2C%22filters%22%3A%5B%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22dataset.project.funder%22%2C%22type%22%3A%22%3D%22%2C%22values%22%3A%5B%22European%20Commission%22%5D%7D%5D%2C%22op%22%3A%22AND%22%7D%2C%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22dataset.year%22%2C%22type%22%3A%22%3E%3D%22%2C%22values%22%3A%5B%222008%22%5D%7D%2C%7B%22field%22%3A%22dataset.year%22%2C%22type%22%3A%22%3C%3D%22%2C%22values%22%3A%5B%222020%22%5D%7D%5D%2C%22op%22%3A%22AND%22%7D%5D%2C%22entity%22%3A%22dataset%22%2C%22profile%22%3A%22OpenAIRE%20All-inclusive%22%2C%22limit%22%3A%220%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Research%20data%20timeline%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22Research%20data%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22Year%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Atrue%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D";

    return topic;

  }

}

export class Topic {

  name: string;

  alias: string;

  description: string;

  isPublic: boolean;

  isDefault: boolean;

  categories: Category[];

    this.description = description;

    this.alias = alias;

    this.isActive = isActive;

    this.categories = [];

  }

}

export class Category {

  name: string;

  alias: string;

  description: string;

  isOverview: boolean;

  isDefault: boolean;

  subCategories: SubCategory[];

    this.description = description;

    this.alias = alias;

    this.isActive = isActive;

}

export class SubCategory {

  name: string;

  alias: string;

  description: string;

  isDefault: boolean;

  charts: Indicator[];

  numbers: Indicator[];

    this.description = description;

    this.alias = alias;

    this.isActive = isActive;

  }

}

export class Indicator {

  name: string;

  description: string;

  isActive: boolean;

  isPublic: boolean;

  isDefault: boolean;

    this.description = description;

    this.width = width;

    this.isActive = isActive;

    this.isPublic = isPublic;

export class IndicatorPath {

  type: string;  // for charts is type of chart {table, bar, column, etc}

  url: string;

  safeResourceUrl: SafeResourceUrl; // initialize on front end

    this.url = url;

    this.source = source;

    this.jsonPath = jsonPath;

  }

  }

  }

}

          for (let indicator of subCategory.charts) {

            for (let indicatorPath of indicator.indicatorPaths) {

              if(indicatorPath.parameters) {

                  }

                });

              }

    let n_total = new Indicator("Total "+typePlural,null, "number","small",true, true, [new IndicatorPath(null, "search",

      "/"+dbTypePlural+"/count?fq="+(encodeURIComponent("relfunderid exact "+stakeholder.index_id))+"&format=json", null,["total"])]);

    pubDefSub.numbers.push(n_total);

    if( dbType != "publication") {

    let res_timeline = new Indicator("",null, "chart","small",true, true,[new IndicatorPath("column", "stats-tool", "chart?json=", '{"library":"HighCharts","chartDescription":{"queries":[{"name":"'+typePlural+'","type":"'+ChartHelper.prefix+'type'+ChartHelper.suffix+'","query":{"select":[{"field":"'+dbType+'","aggregate":"count"},{"field":"'+dbType+'.year","aggregate":null}],"filters":[{"groupFilters":[{"field":"'+dbType+'.project.funder","type":"=","values":["'+ChartHelper.prefix+'funder_name'+ChartHelper.suffix+'"]}],"op":"AND"},{"groupFilters":[{"field":"'+dbType+'.year","type":">=","values":["'+ChartHelper.prefix+'start_year'+ChartHelper.suffix+'"]},{"field":"'+dbType+'.year","type":"<=","values":["'+ChartHelper.prefix+'end_year'+ChartHelper.suffix+'"]}],"op":"AND"}],"entity":"'+dbType+'","profile":"OpenAIRE All-inclusive","limit":"0"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"'+ChartHelper.prefix+'title'+ChartHelper.suffix+'"},"subtitle":{},"yAxis":{"title":{"text":"'+typePlural+'"}},"xAxis":{"title":{"text":"Year"}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}', null)]);

    res_timeline.indicatorPaths[0].parameters = IndicatorPath.createParameters(stakeholder.index_name,typePlural+" timeline","column");

    res_timeline.indicatorPaths[0].filters = IndicatorPath.createResultFilters(dbType);

    pubDefSub.charts.push(res_timeline);

    let datasource = new Indicator("",null, "chart","small",true, true,[new IndicatorPath("bar", "stats-tool", "chart?json=",

      '{"library":"HighCharts","chartDescription":{"queries":[{"name":"'+typePlural+'","type":"'+ChartHelper.prefix+'type'+ChartHelper.suffix+'","query":{"name":"monitor.'+ChartHelper.prefix+'id'+ChartHelper.suffix+'.'+dbTypePlural+'.datasources"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"'+ChartHelper.prefix+'title'+ChartHelper.suffix+'"},"subtitle":{},"yAxis":{"title":{"text":"'+typePlural+'"}},"xAxis":{"title":{"text":"Content provider"}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}', null)]);

    datasource.indicatorPaths[0].parameters = IndicatorPath.createParameters(stakeholder.index_name,typeSingl+" content provider","bar");

    pubDefSub.charts.push(datasource);

    if(dbType == "publication") {

      let journal = new Indicator("", null, "chart", "small", true, true, [new IndicatorPath("bar", "stats-tool", "chart?json=",

        '{"library":"HighCharts","chartDescription":{"queries":[{"name":"' + typePlural + '","type":"' + ChartHelper.prefix + 'type' + ChartHelper.suffix + '","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix + '.' + dbTypePlural + '.journals"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"' + ChartHelper.prefix + 'title' + ChartHelper.suffix + '"},"subtitle":{},"yAxis":{"title":{"text":"' + typePlural + '"}},"xAxis":{"title":{"text":"Journal"}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}', null)]);

      journal.indicatorPaths[0].parameters = IndicatorPath.createParameters(stakeholder.index_name, typeSingl + " journal", "bar");

      pubDefSub.charts.push(journal);

      let repo = new Indicator("", null, "chart", "small", true, true, [new IndicatorPath("bar", "stats-tool", "chart?json=",

        '{"library":"HighCharts","chartDescription":{"queries":[{"name":"' + typePlural + '","type":"' + ChartHelper.prefix + 'type' + ChartHelper.suffix + '","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix + '.' + dbTypePlural + '.repositories"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"' + ChartHelper.prefix + 'title' + ChartHelper.suffix + '"},"subtitle":{},"yAxis":{"title":{"text":"' + typePlural + '"}},"xAxis":{"title":{"text":"Repositories"}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}', null)]);

      repo.indicatorPaths[0].parameters = IndicatorPath.createParameters(stakeholder.index_name, typeSingl + " repositories", "bar");

      pubDefSub.charts.push(repo);

    }

    if(dbType == "dataset") {

      let repo = new Indicator("", null, "chart", "small", true, true, [new IndicatorPath("bar", "stats-tool", "chart?json=",

        '{"library":"HighCharts","chartDescription":{"queries":[{"name":"' + typePlural + '","type":"' + ChartHelper.prefix + 'type' + ChartHelper.suffix + '","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix + '.' + dbTypePlural + '.drepositories"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"' + ChartHelper.prefix + 'title' + ChartHelper.suffix + '"},"subtitle":{},"yAxis":{"title":{"text":"' + typePlural + '"}},"xAxis":{"title":{"text":"Data Repositories"}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}', null)]);

      repo.indicatorPaths[0].parameters = IndicatorPath.createParameters(stakeholder.index_name, typeSingl + " repositories", "bar");

      pubDefSub.charts.push(repo);

      let irepo = new Indicator("", null, "chart", "small", true, true, [new IndicatorPath("bar", "stats-tool", "chart?json=",

        '{"library":"HighCharts","chartDescription":{"queries":[{"name":"' + typePlural + '","type":"' + ChartHelper.prefix + 'type' + ChartHelper.suffix + '","query":{"name":"monitor.' + ChartHelper.prefix + 'id' + ChartHelper.suffix + '.' + dbTypePlural + '.irepositories"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"' + ChartHelper.prefix + 'title' + ChartHelper.suffix + '"},"subtitle":{},"yAxis":{"title":{"text":"' + typePlural + '"}},"xAxis":{"title":{"text":"Institutional repositories"}},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}', null)]);

      irepo.indicatorPaths[0].parameters = IndicatorPath.createParameters(stakeholder.index_name, typeSingl + " institutional repositories", "bar");

      pubDefSub.charts.push(irepo);

    }

    let pid = new Indicator("",null, "chart","small",true, true,[new IndicatorPath("pie", "stats-tool", "chart?json=",

      '{"library":"HighCharts","chartDescription":{"queries":[{"name":"'+typePlural+'","type":"'+ChartHelper.prefix+'type'+ChartHelper.suffix+'","query":{"name":"monitor.'+ChartHelper.prefix+'id'+ChartHelper.suffix+'.'+dbTypePlural+'.pidtypes"}}],"chart":{"backgroundColor":"#FFFFFFFF","borderColor":"#335cadff","borderRadius":0,"borderWidth":0,"plotBorderColor":"#ccccccff","plotBorderWidth":0},"title":{"text":"'+ChartHelper.prefix+'title'+ChartHelper.suffix+'"},"subtitle":{},"lang":{"noData":"No Data available for the Query"},"exporting":{"enabled":true},"plotOptions":{"series":{"dataLabels":{"enabled":false}}},"legend":{"enabled":true,"align":"center","verticalAlign":"bottom","layout":"horizontal"},"credits":{"href":null,"enabled":true,"text":"Created by OpenAIRE via HighCharts"}}}', null)]);

    pid.indicatorPaths[0].parameters = IndicatorPath.createParameters(stakeholder.index_name,typeSingl+" PIDs","pie");

    pid.indicatorPaths[0].filters = IndicatorPath.createResultFilters(dbType);

    pubDefSub.charts.push(pid);

    return pubDefSub;

  static createLinkToIndicator(stakeholder:Stakeholder,typePlural, typeSingl, dbType, linkedToName,linkedToType ):Indicator {

      let n_linkedPubs = new Indicator(typePlural+" linked to "+linkedToName, null, "number", "small", true, true, [new IndicatorPath(null, "search",

        "/resources?query=" + encodeURIComponent(" ( (oaftype exact result) and (resulttypeid exact " + dbType + ") and (relresulttype="+linkedToType+")  )") + "&fq=" + (encodeURIComponent("relfunderid exact " + stakeholder.index_id)) + "&page=0&size=0&format=json", null, ["meta", "total"])]);

      /*

    filters.set("start_year",'{"groupFilters":[{"field":"'+dbType+'.year","type":">=","values":["'+ChartHelper.prefix+'start_year'+ChartHelper.suffix+'"]}],"op":"AND"}');

    filters.set("end_year",'{"groupFilters":[{"field":"'+dbType+'.year","type":"<=","values":["'+ChartHelper.prefix+'end_year'+ChartHelper.suffix+'"]}],"op":"AND"}');

import {SideBarService} from "./library/sharedComponents/sidebar/sideBar.service";

import {StakeholderService} from "./services/stakeholder.service";

import {Subscriber} from "rxjs";

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html'

})

  properties: EnvProperties;

  user: User;

  loginCheck: boolean = false;

              r = r.firstChild;

            }

            r.params.subscribe(params => {

                  this.stakeholderService.stakeholder.alias !== params['stakeholder']) {

                    this.sidebarService.setOpen(true);

                }

              } else {

                this.stakeholderService.setStakeholder(null);

  }

  public ngOnDestroy() {

        value.unsubscribe();

      }

    });

  }

  public toggleOpen(event = null) {

      this.sidebarService.setOpen(!this.open);

      this.sidebarService.setOpen(false);

    }

  }

                  <hr>

                  <div class="uk-grid-small uk-child-width-1-2" uk-grid>

                    <div>

                    </div>

                    <div>

                      <button class="md-btn md-btn-small md-btn-primary uk-float-right"

                    {{subcategory.name}}

                    <button class="uk-position-center-right-out uk-margin-right uk-button uk-button-link onHover"

                            (click)="$event.stopPropagation();editSubCategoryOpen(editSubCategory, j);$event.preventDefault()">

                  </div>

                </a>

                <div uk-drop="mode: none; offset: -2; delay-hide: 0" #editSubCategory

                        <hr>

                        <div class="uk-grid-small uk-child-width-1-2" uk-grid>

                          <div>

                          </div>

                          <div>

                            <button class="md-btn md-btn-small md-btn-primary uk-float-right"

    </ul>

  </div>

</aside>

            [topicIndex]="topicIndex"

            [categoryIndex]="categoryIndex"

            [subcategoryIndex]="subCategoryIndex"></indicators>

  <div class="uk-padding-small md-bg-white" uk-grid>

    <div class="uk-width-2-3@m uk-width-1-1 uk-child-width-1-3@m uk-child-width-1-1" uk-grid>

      <div class="uk-flex uk-flex-middle">

    <div [class.uk-child-width-1-3@m]="grid"

         [class.uk-child-width-1-2@s]="grid"

         [class.uk-child-width-1-1]="!grid"

         class="uk-grid-match uk-grid-small"

      <ng-template ngFor [ngForOf]="displayNumbers" let-indicator let-i="index">

            <div class="md-card-toolbar">

              <div class="md-card-toolbar-actions" [class.uk-flex-middle]="!grid" [class.uk-flex]="!grid">

                <span *ngIf="!grid" class="uk-margin-medium-right uk-flex uk-flex-middle">

    <div [class.uk-child-width-1-3@m]="grid"

         [class.uk-child-width-1-2@s]="grid"

         [class.uk-child-width-1-1]="!grid"

      <ng-template ngFor [ngForOf]="displayCharts" let-indicator let-i="index">

            <div class="md-card-toolbar">

              <div class="md-card-toolbar-actions" [class.uk-flex-middle]="!grid" [class.uk-flex]="!grid">

                <ng-template [ngIf]="!grid">

                  <span *ngFor="let indicatorPath of indicator.indicatorPaths"

                        class="uk-margin-medium-right uk-text-capitalize uk-flex uk-flex-middle">

                    <i class="material-icons md-24 uk-margin-small-right">

                    </i>

                    {{indicatorPath.type + ' Chart'}}

                  </span>

                     [ngClass]="'uk-child-width-1-' + indicator.indicatorPaths.length" uk-grid>

                  <div *ngFor="let indicatorPath of indicator.indicatorPaths">

                    <i class="material-icons md-24">

                    </i>

                    <div class="uk-text-capitalize">{{indicatorPath.type + ' Chart'}}</div>

                  </div>

        </div>

      </ng-template>

      <div>

          <div class="md-card-toolbar">

            <div class="md-card-toolbar-heading-text"

                 [class.uk-flex-middle]="!grid"

            </div>

          </div>

          <div *ngIf="grid" class="md-card-content">

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

                Use our advance tool to create a custom Indicator that suit the needs of your funding KPI's.

              </div>

            </div>

          </div>

        </div>

      </div>

             (alertOutput)="createIndicator()"

             [okDisabled]="indicatorFb && indicatorFb.invalid">

  <div *ngIf="indicatorFb" class="uk-form-stacked" [formGroup]="indicatorFb">

  </div>

</modal-alert>

<modal-alert #editIndicatorModal

             (alertOutput)="saveIndicator()"

    </div>

    </div>