D-Net

    ></dashboard-sidebar>

    <dashboard-sidebar *ngIf="hasAdminMenu" [items]="adminMenuItems" headerName="Admin"

                       headerDashboard="Administration Panel" [headerUrl]="'https://' + (properties.environment == 'beta' ? 'beta.' : '') +

                       [specialMenuItem]="specialSideBarMenuItem"

    ></dashboard-sidebar>

    <router-outlet></router-outlet>

  </div>

  <div inner>

    <div [class.uk-padding]="!isSmallScreen" class="uk-padding-remove-vertical">

          <h3><i>

            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="24px" height="24px">

              <path d="M0 0h24v24H0z" fill="none"/>

        </div>

      </div>

      <div *ngIf="!privateStakeholder">

          &&  ((activeSubCategory &&

        activeSubCategory.description &&

        activeSubCategory.description.length > 0) ||

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

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

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

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

              : (activeCategory && activeCategory.description && activeCategory.description.length > 0 ? activeCategory.description :

          </div>

        </div>

                    (!activeSubCategory ||

                    (

                      &&

            <h3>

              No indicators available yet. Stay tuned!

            </h3>

          </div>

                  </div>

                </div>

            </ng-template>

                  <div class="uk-card uk-card-default"

                       [class.uk-disabled]="chartsActiveType.get(i + '-' + j).filtersApplied < countSelectedFilters()"

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

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

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

                           [src]="chartsActiveType.get(i + '-' + j).safeResourceUrl"

                           [class]="' uk-width-1-1 uk-height-' +

                        (indicator.height?indicator.height.toLowerCase():'medium')">

                    </div>

                  </div>

                </div>

          </div>

                . Last update of statistics in OpenAIRE: {{statsUpdateDate | date: 'MMM dd, yyyy'}}

              </span>

          </div>

      </div>

    </div>

  </div>

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

import {

  Category, Indicator,

  Stakeholder,

  SubCategory,

  Topic,

  mailMe() {

    window.location.href = this.mailText;

  }

}

  basicChartTypes:IndicatorPathType[] =["pie", "line", "column", "bar"];

  defaultChartType:IndicatorPathType = "other";

  indicatorSizes: Option[] = [

    {value: 'medium', label: 'Medium'},

    {value: 'large', label: 'Large'}

  ];

      this.index = (this.stakeholder) ? this.stakeholders.findIndex(value => value._id === this.stakeholder._id) : -1;

    }

    this.subscriptions.push(this.stakeholderService.deleteElement(this.properties.monitorServiceAPIURL, [this.stakeholder._id]).subscribe(() => {

        status: 'success',

      });

      if (!this.stakeholder.defaultId) {

        this.defaultStakeholders.splice(this.index, 1);

    }, error => {

      UIkit.notification('An error has occurred. Please try again later', {

        status: 'danger',

      });

    }));

  }

    ];

    this.subscriptions.push(this.stakeholderService.changeVisibility(this.properties.monitorServiceAPIURL, path, visibility).subscribe(visibility => {

      stakeholder.visibility = visibility;

        status: 'success',

      });

    }, error => {

      UIkit.notification('An error has occurred. Please try again later', {

        status: 'danger',

      });

    }));

  }

      this.removePhoto();

      this.subscriptions.push(this.stakeholderService.buildStakeholder(this.properties.monitorServiceAPIURL,

        this.stakeholderFb.value).subscribe(stakeholder => {

          status: 'success',

        });

        callback(stakeholder);

      }, error => {

        UIkit.notification('An error has occurred. Please try again later', {

          status: 'danger',

        });

        if (errorCallback) {

          errorCallback(error)

      this.stakeholderFb.get('index_name').enable();

      this.stakeholderFb.get('index_shortName').enable();

      this.subscriptions.push(this.stakeholderService.saveElement(this.properties.monitorServiceAPIURL, this.stakeholderFb.value).subscribe(stakeholder => {

          status: 'success',

        });

        callback(stakeholder);

      }, error => {

        UIkit.notification('An error has occurred. Please try again later', {

          status: 'danger',

        });

      }));

    }

          <li class="uk-margin-top" [class.uk-visible-toggle]="open">

            <span (click)="editTopicOpen(-1); $event.preventDefault()"

                  class="clickable uk-flex uk-flex-middle uk-flex-center">

                <icon name="add"></icon>

              </span>

              <span class="uk-hidden-hover space" [class.uk-hidden]="!open"> Create new topic</span>

        </div>

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

          <div *ngIf="indicator" [id]="indicator._id"

               [class.disable-sortable]="!canReorder"

               [class.uk-sortable-nodrag]="!canReorder">

            <div class="uk-card uk-card-default uk-card-body uk-position-relative" [class.uk-card-hover]="canReorder">

                <h3 *ngIf="numberResults.get(i + '-' + j)" class="uk-margin-medium-top uk-text-center uk-text-bold">

                  <span>{{numberResults.get(i + '-' + j) | number}}</span>

                </h3>

              </div>

            </div>

          </div>

        </ng-template>

        <div class="disable-sortable uk-sortable-nodrag uk-width-1-1">

              </div>

            </div>

          </div>

        </div>

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

          <div *ngIf="indicator" [id]="indicator._id"

               [class.disable-sortable]="!canReorder"

               [class.uk-sortable-nodrag]="!canReorder">

            <div class="uk-card uk-card-default uk-card-body uk-position-relative" [class.uk-card-hover]="canReorder">

                <iframe *ngIf="indicator.indicatorPaths[0] && indicator.indicatorPaths[0].source !== 'image' &&

                                  safeUrls.get(indicatorUtils.getFullUrl(stakeholder, indicator.indicatorPaths[0]))"

                        [src]="safeUrls.get(indicatorUtils.getFullUrl(stakeholder, indicator.indicatorPaths[0]))"

                        (indicator.height?indicator.height.toLowerCase():'medium')"></iframe>

                <!--                    <div>Uncomment for iframes preview</div>-->

                <div *ngIf="indicator.indicatorPaths[0] && indicator.indicatorPaths[0].source === 'image'">

                  <img [class]="' uk-width-1-1 uk-height-' +

                </div>

              </div>

            </div>

          </div>

        </ng-template>

        <div class="disable-sortable uk-sortable-nodrag uk-width-1-1">

              </div>

            </div>

          </div>

        </div>

                  [class.uk-text-danger]="numberIndicatorPaths.at(i).get('result').invalid && numberIndicatorPaths.at(i).get('result').errors.required">

                <span>JSON Path</span>

              </h6>

                <div class="uk-text-danger uk-text-small">

                  This JSON path is not valid or the result has not been calculated yet.

                  Please press calculate on box below to see the result.

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

              <div class="uk-flex uk-position-relative">

                <span class="uk-padding number number-preview">

                </span>

                  <div class="uk-position-relative uk-height-1-1">

                    <div class="uk-position-center uk-text-center clickable uk-text-small"

                         (click)="validateJsonPath(i)">

  <div *ngIf="chartIndicatorFb" class="uk-padding-small" [formGroup]="chartIndicatorFb">

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

      <div dashboard-input class="uk-width-1-1" [formInput]="chartIndicatorFb.get('name')" label="Title"></div>

      indicator.description.length > 0) || !stakeholder.defaultId)"

           [formInput]="chartIndicatorFb.get('description')"

           label="Default Description" type="textarea">

      callback(saveElement);

      UIkit.notification(message, {

        status: 'success',

      });

      if (redirect) {

        this.router.navigate(['../' + saveElement.alias], {

    }, error => {

      UIkit.notification(error.error.message, {

        status: 'danger',

      });

    }));

  }

      this.stakeholderService.setStakeholder(this.stakeholder);

      UIkit.notification(message, {

        status: 'success',

      });

      if (redirect) {

        this.back();

    }, error => {

      UIkit.notification(error.error.message, {

        status: 'danger',

      });

    }));

  }

    this.subscriptions.push(this.stakeholderService.changeVisibility(this.properties.monitorServiceAPIURL, path, visibility).subscribe(visibility => {

      element.visibility = visibility;

      this.stakeholderService.setStakeholder(this.stakeholder);

        status: 'success',

      });

    }, error => {

      UIkit.notification(error.error.message, {

        status: 'danger',

      });

    }));

  }

} from "@angular/core";

import {

  Indicator,

  IndicatorType,

  Section,

  Stakeholder,

    return this.chartIndicatorFb.get('indicatorPaths') as FormArray;

  }

  public addJsonPath(index: number) {

    if (index == 0 && this.getJsonPath(index).getRawValue()[index].indexOf(",") != -1) {

      //if in the first path there are more than one paaths comma separated, split them and autogenerate the forms

        this.filterNumbers();

        this.numberIndicatorFb = null;

      }

        status: 'success',

      });

      this.editing = false;

    }, error => {

      this.chartIndicatorFb = null;

      UIkit.notification(error.error.message, {

        status: 'danger',

      });

      this.editing = false;

    }));

        this.numbers.find(section => section._id === this.section._id).indicators.splice(this.index, 1);

        this.filterNumbers();

      }

        status: 'success',

      });

      this.editing = false;

    }, error => {

      UIkit.notification(error.error.message, {

        status: 'danger',

      });

      this.editing = false;

    }));

    ];

    this.subscriptions.push(this.stakeholderService.changeVisibility(this.properties.monitorServiceAPIURL, path, visibility).subscribe(visibility => {

      indicator.visibility = visibility;

        status: 'success',

      });

      this.editing = false;

    }, error => {

      UIkit.notification('An error has been occurred. Try again later', {

        status: 'danger',

      });

      this.editing = false;

    }));

    ];

    this.stakeholderService.toggleAccess(this.properties.monitorServiceAPIURL, path).subscribe(visibility => {

      indicator.visibility = visibility;

        status: 'success',

      });

      this.editing = false;

    }, error => {

      UIkit.notification(error.error.message, {

        status: 'danger',

      });

      this.editing = false;

    });

        this.filterNumbers();

      }

      this.initReorder();

        status: 'success',

      });

      this.editing = false;

    }, error => {

      UIkit.notification(error.error.message, {

        status: 'danger',

      });

      this.editing = false;

    }));

        this.filterNumbers();

      }

      this.initReorder();

        status: 'success',

      });

      this.editing = false;

    }, error => {

      UIkit.notification(error.error.message, {

        status: 'danger',

      });

      this.editing = false;

    }));

        this.filterNumbers();

      }

      this.initReorder();

        status: 'success',

      });

      this.editing = false;

    }, error => {

      UIkit.notification(error.error.message, {

        status: 'danger',

      });

      this.editing = false;

    }));

.uk-subnav-pill > * > :first-child {

  text-transform: none;

  color: var(--text-color);

}

.uk-tab > li > a {

  color: rgb(var(--text-color-rgb), 0.5) !important;

  font-family: "Open Sans", sans-serif !important;

  text-transform: capitalize;

}

.uk-tab > li:hover > a {

  color: var(--secondary-color) !important;

}

  padding: 5px 0;

}

  display: block;

  color: rgba(var(--text-color-rgb), 0.5);

}

  transition-property: left;

}

.sidebar_main_swipe openaire-error  > * {

  padding-left: var(--sidebar-width);

  padding-top: var(--header-height);

  -o-transition: 0.5s;

}

.sidebar_main_swipe bottom > * {

  padding-left: var(--sidebar-width);

  transition: 0.5s;

/*Sidebar mini*/

.sidebar_main_swipe.sidebar_mini #page_content,

.sidebar_main_swipe.sidebar_mini openaire-user > user > *,

.sidebar_main_swipe.sidebar_mini openaire-error  > *,

.sidebar_main_swipe.sidebar_mini bottom > * {

}

#page_content {

  background-color: var(--background-color);

}

#page_content_header {

  position: fixed;

  background: var(--background-color);