D-Net

<div class=" stakeholderPage">

  <div id="header_main" class=" light_header">

    <nav class="uk-navbar">

        <a class="uk-logo uk-navbar-item ng-star-inserted uk-link uk-margin-left "

           [routerLink]="'/'+stakeholder.alias"

           routerlinkactive="uk-link">

        </a>

        <ul class="uk-navbar-nav user_actions uk-padding uk-padding-remove-vertical  uk-padding-remove-right">

          <li>

              <!--<span class="uk-visible@m">

                {{'OpenAIRE Monitor '+(stakeholder.type == 'ri'?'Research Initiative':stakeholder.type)+

              ' - '  }}</span>-->

        <ul *ngIf="!privateStakeholder"

            class="uk-navbar-nav user_actions uk-padding uk-padding-remove-vertical  uk-padding-remove-right">

          <li title="It is comming soon. Stay tuned!">

              Manage

            </a>

                       [user]="user" [dashboard]="true"

                       [logInUrl]=properties.loginUrl [logOutUrl]=properties.logoutUrl

                       [cookieDomain]=properties.cookieDomain

            </user-mini>

          </li>

        </ul>

    <div id="page_content">

      <div  class="uk-navbar-container uk-sticky uk-sticky-fixed" style="top: 70px; position:

      fixed; width: 100%">

        <ul *ngIf="activeCategory && activeCategory.subCategories.length > 1" class="uk-tab subCategoriesTabs">

          <ng-template ngFor [ngForOf]="activeCategory.subCategories" let-subCategory let-i="index">

            <li *ngIf="isPublicOrIsMember(subCategory.isPublic) && subCategory.isActive"

                       [(ngModel)]="endYear">

                <button class="uk-button uk-button-primary" (click)="setIndicators()">Apply</button>

          </div>-->

            </div>

          </div>

        <div

          (activeSubCategory.charts.length == 1 && activeSubCategory.charts[0].indicators.length == 0)))

          &&  ((activeSubCategory &&

        activeSubCategory.description &&

        activeSubCategory.description.length > 0) ||

          (activeCategory && activeCategory.description && activeCategory.description.length > 0) ||

          (activeTopic && activeTopic.description && activeTopic.description.length > 0))"

          <div class="uk-h5 uk-height-small uk-margin-large-top uk-margin-xlarge-right  uk-margin-xlarge-left">

            {{activeSubCategory && activeSubCategory.description && activeSubCategory.description.length > 0 ? activeSubCategory.description

          </div>

        </div>

                      (activeSubCategory.numbers.length == 0 || (activeSubCategory.numbers.length == 1 && activeSubCategory.numbers[0].indicators.length == 0))

                      &&

                      (activeSubCategory.charts.length == 0 || (activeSubCategory.charts.length == 1 && activeSubCategory.charts[0].indicators.length == 0))

          <div class=" uk-text-center">

            <div class="uk-h3">

              No indicators available yet. Stay tuned!

          </ng-template>

        </div>

        <div *ngIf="activeSubCategory"

               uk-height-match="target: div > div > .chartTitle">

            <h3 *ngIf="chart.title && chart.title.length > 0" class="uk-width-1-1 uk-margin-top">{{chart.title}}</h3>

            <ng-template ngFor [ngForOf]="chart.indicators" let-indicator let-j="index">

                <div class="indicatorBox">

                  <h4 class="uk-margin-bottom chartTitle uk-flex uk-flex-bottom ">

                    <div>{{indicator.name + " "}}</div>

                  </h4>

                    <div class="md-card-content uk-text-center">

                      <div *ngIf="indicator.indicatorPaths.length > 1" class="uk-button-group">

                        <button *ngFor="let indicatorPath of indicator.indicatorPaths;"

          </div>

        </div>

      </div>

      </div>

    </div>

  <!--<div *ngIf="stakeholder" id="style_switcher" title="This functionality is comming soon. Stay tuned!">

    <div id="style_switcher_toggle">

    <a *ngIf="isAdmin() " [routerLink]="['/admin', this.stakeholder.alias]" >

    </div>

  </div>-->

       title="It is comming soon. Stay tuned!">

    <div id="style_switcher_toggle">

      <i class="  uk-text-muted">

        <svg style="margin-top: 6px;" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"

             viewBox="0 0 24 24"

      </i>

    </div>

  </div>

      return null;

    }

  }

  generateAlias(name: string): string {

    let alias = name.toLowerCase();

      alias = alias.replace(' / ', '-');

      alias = alias.replace(' ', '-');

    }

    return alias;