monitor-dashboard/src/app/app.component.html

<div *ngIf="loading">
  <loading [full]="true"></loading>
</div>
<div *ngIf="!loading" [class.monitor]="isFrontPage">
  <div id="container" class="sidebar_main_swipe uk-background-default" [class.sidebar_main_active]="open && (hasSidebar || hasAdminMenu || hasInternalSidebar)"
       [class.sidebar_mini]="!open &&  (hasSidebar || hasAdminMenu || hasInternalSidebar)">
    <div id="modal-container"></div>
    <navbar *ngIf="hasHeader" portal="monitor_dashboard" [header]="menuHeader" [userMenuItems]=userMenuItems [menuItems]="menuItems" [user]="user"></navbar>
    <div *ngIf="!isHidden">
      <dashboard-sidebar *ngIf="stakeholder && isFrontPage && hasSidebar && !hasInternalSidebar" queryParamsHandling="merge" [items]="sideBarItems"
                         [activeItem]="activeTopic?activeTopic.alias:null" [activeSubItem]="activeCategory?activeCategory.alias:null"></dashboard-sidebar>
      <dashboard-sidebar *ngIf="hasAdminMenu && !hasInternalSidebar" [items]="adminMenuItems" [specialMenuItem]="specialSideBarMenuItem"></dashboard-sidebar>
      <main>
        <router-outlet></router-outlet>
      </main>
      <bottom id="bottom" *ngIf="isFrontPage" [centered]="true" [properties]="properties" [showMenuItems]="true"></bottom>
      <role-verification *ngIf="stakeholder" [id]="stakeholder.alias" [name]="stakeholder.name" [type]="stakeholder.type" [userInfoLinkPrefix]="(stakeholder?stakeholder.alias:'')"></role-verification>
      <notification-sidebar *ngIf="user && notificationGroupsInitialized" [entities]="entities"
                            [user]="user" [availableGroups]="notificationGroups" service="monitor"></notification-sidebar>
    </div>
    <div *ngIf="isHidden" class="private-data uk-light">
      <h3 class="uk-position-center">
        You are not authorized to see the content of this dashboard.
      </h3>
    </div>
    <div *ngIf="view" class="preview uk-text-small uk-flex uk-flex-middle">
      <span>You are currently in a <span class="uk-text-bold">"Preview"</span> mode. <span class="uk-visible@m"><a (click)="removeView()">The current view</a> of this dashboard may differ.</span></span>
    </div>
  </div>
</div>