D-Net

            "production": {

              "browserTarget": "ng-universal-demo:build:production"

            },

              "browserTarget": "ng-universal-demo:build:beta"

            }

          }

  </div>

</aside>

<indicators *ngIf="stakeholder" [properties]="properties"

            [topicIndex]="topicIndex"

            [categoryIndex]="categoryIndex"

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

            <div class="md-btn-group">

              <button [disabled]="editing" class="md-btn md-btn-mini" (click)="createSection(i, 'number')"

                      title="Create a new section"><i

              <!--<button class="md-btn md-btn-mini"><i class="material-icons rotate-90">drag_indicator</i></button>-->

              </button>

            </div>

          </div>

          <div *ngIf="grid && numberSections.at(i)"

                          <hr *ngIf="isAdministrator && !indicator.defaultId" class="uk-nav-divider">

                          <li *ngIf="isAdministrator && !indicator.defaultId && !editing"><a

                              (click)="deleteIndicatorOpen(number, indicator._id, 'number', 'delete');hide(element)">Delete</a>

                          </li>

                        </ul>

                      </div>

            <div class="md-btn-group">

              <button [disabled]="editing" class="md-btn md-btn-mini" (click)="createSection(i)"

                      title="Create a new section"><i

              <!--<button class="md-btn md-btn-mini"><i class="material-icons rotate-90">drag_indicator</i></button>-->

              <button [disabled]="editing || chart.defaultId  "

                      [title]="(chart.defaultId?'Default sections cannot be deleted':'Delete section')"

              </button>

            </div>

          </div>

          <div *ngIf="grid && chartSections.at(i)"

                      <div #element uk-dropdown="mode: click; pos: bottom-right; delay-hide: 0; flip: false"

                           class="uk-padding-remove-horizontal">

                        <ul class="uk-nav uk-dropdown-nav">

                          <li *ngIf="!editing"><a (click)="toggleIndicatorStatus(chart._id, indicator);hide(element)">

                            {{indicator.isActive ? 'Inactive' : 'Active'}}</a>

                          </li>

                            {{indicator.isPublic ? 'Private' : 'Public'}}</a>

                          </li>

                          <hr *ngIf="!indicator.defaultId " class="uk-nav-divider">

                            Delete</a>

                          </li>

                        </ul>

                      </div>

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

                            class="uk-width-1-1 uk-height-medium"></iframe>

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

                    </div>

                  </div>

                </div>

  <div *ngIf="indicatorChildrenActionOnDelete == 'delete'" class="uk-text-bold">

    Indicators of all profiles based on this default indicator, will be deleted as well.

  </div>

  Are you sure you want to proceed?

</modal-alert>

<!--<modal-alert #deleteAllModal (alertOutput)="deleteIndicator('delete')">-->

  <div *ngIf="sectionChildrenActionOnDelete == 'delete'" class="uk-text-bold">

    Sections of all profiles based on this default section and their contents, will be deleted as well.

  </div>

  Are you sure you want to proceed?

</modal-alert>

<!--<modal-alert #deleteNumberSectionModal (alertOutput)="deleteSection('number')">-->

  private save(message: string, path: string[], saveElement: any, callback: Function, redirect = false) {

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

      callback(saveElement);

      UIkit.notification(message, {

        status: 'success',

        timeout: 3000,

  private delete(message: string, path: string[], callback: Function, redirect = false) {

    this.stakeholderService.deleteElement(this.properties.monitorServiceAPIURL, path, this.elementChildrenActionOnDelete).subscribe(() => {

      callback();

      UIkit.notification(message, {

        status: 'success',

        timeout: 3000,

  private toggleStatus(element: Topic | Category | SubCategory, path: string[]) {

    this.stakeholderService.toggleStatus(this.properties.monitorServiceAPIURL, path).subscribe(isActive => {

      element.isActive = isActive;

      UIkit.notification(StringUtils.capitalize(this.type) + ' has been successfully changed to ' + (isActive ? 'active' : 'inactive'), {

        status: 'success',

        timeout: 3000,

  private toggleAccess(element: Topic | Category | SubCategory, path: string[]) {

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

      element.isPublic = isPublic;

      UIkit.notification(StringUtils.capitalize(this.type) + ' has been successfully changed to ' + (isPublic ? 'public' : 'private'), {

        status: 'success',

        timeout: 3000,

  public categoryIndex: number = 0;

  @Input()

  public subcategoryIndex: number = 0;

  public stakeholder: Stakeholder = null;

  public user = null;

  public preview: string;

    this.userManagementService.getUserInfo().subscribe(user => {

      this.user = user;

    });

  }

  ngOnDestroy(): void {

      this.filterCharts();

      this.filterNumbers();

    }

      }

    }

  }

      this.filterByKeyword(HelperFunctions.copy(this.numbers), this.filters.value.keyword),

      this.filters.value.status),

      this.filters.value.privacy);

    this.buildSections();

  }

      this.indicator = HelperFunctions.copy(this.section.indicators[this.index]);

      this.numberIndicatorFb = this.fb.group({

        _id: this.fb.control(this.indicator._id),

        description: this.fb.control(this.indicator.description),

        isPublic: this.fb.control(this.indicator.isPublic),

        isActive: this.fb.control(this.indicator.isActive),

      this.indicator = new Indicator('', '', 'number', 'small', true, true, []);

      this.numberIndicatorFb = this.fb.group({

        _id: this.fb.control(this.indicator._id),

        description: this.fb.control(this.indicator.description),

        isPublic: this.fb.control(this.indicator.isPublic),

        isActive: this.fb.control(this.indicator.isActive),

      this.section = this.charts.find(section => section._id === this.section._id);

    } else {

      this.indicator = this.numberIndicatorFb.value;

    }

    let path = [

      this.stakeholder._id,

      } else {

        this.section.indicators.push(indicator);

      }

      UIkit.notification('Indicator has been successfully saved', {

        status: 'success',

        timeout: 3000,

.dashboard .section:hover .tools .md-btn-group::before {

  content: "";

  border-left:solid 12px transparent;

  width: 0;

}

.dashboard .section:hover .tools .md-btn-group::after {

  content: "";

  border-right: solid 12px transparent;

  width: 0;

}

/* New section*/