D-Net

<div class="p-grid p-nogutter">

  <app-left-panel class="hidden-left-panel"></app-left-panel>

  <div class="p-col main-content">

    <h1>{{'MY-DASHBOARD' | translate}}</h1>

    <div class="p-mb-5 hidden-horizontal-menu">

      <app-horizontal-menu></app-horizontal-menu>

    </div>

    <div class="p-grid p-nogutter">

      <div class="progress-spinner"

           *ngIf="!dashboardSections || (dashboardSections.length === 0)">

        <div class="spinner">

          <p-progressSpinner></p-progressSpinner>

        </div>

      </div>

      <!--<pre> {{dashboardSections | json}} </pre>-->

      <!--<pre> {{iPowerClients | json}} </pre>-->

      <!--<pre> {{selectedIPowerClients | json}} </pre>-->

      <div class="p-col-12 p-text-center p-mb-5"

           *ngIf="dashboardSections && (dashboardSections.length > 0) && iPowerClients && (iPowerClients.length > 0)">

        <h3 class="p-mt-0 p-mb-2">Selected iPower clients</h3>

        <p-multiSelect [options]="iPowerClients"

                       [(ngModel)]="selectedIPowerClients"

                       defaultLabel="Select an iPower client"

                       optionLabel="name"

                       optionValue="clientCode"

                       (onChange)="getData('', 0, 3)"></p-multiSelect>

      </div>

      <div class="p-col-12"

           *ngIf="dashboardSections && (dashboardSections.length > 0)">

        <div class="p-mb-5"

             *ngFor="let section of dashboardSections">

          <p-fieldset legend="{{section.type}}"

                      [toggleable]="true">

            <app-dashboard-metrics [section]="section">

            </app-dashboard-metrics>

            <div class="p-grid p-nogutter p-mt-3"

                 *ngIf="section.aggregatedResults.length > 0">

              <div class="p-col-12">

                <app-dashboard-processes-per-client [section]="section"

                                                    [documentClassifications]="documentClassifications"

                                                    (onTotalElementsChanged)="totalElementsChanged($event, section)"

                                                    (paginationEvent)="paginationEvent($event)">

                </app-dashboard-processes-per-client>

              </div>

            </div>

          </p-fieldset>

        </div>

      </div>

    </div>

  </div>

</div>