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

<!--disable_transitions -->
<div class="sidebar_main_swipe" [class.sidebar_main_active]="open && hasSidebar"
     [class.sidebar_mini]="!open && hasMiniMenu && hasSidebar" [class.stakeholderPage]="isFrontPage">
  <div *ngIf="hasHeader" id="header_main" [class.light_header]="isFrontPage" [class.header_full]="!hasSidebar">
    <img
        *ngIf="((!open && !hasMiniMenu) || !hasSidebar) && (properties.environment === 'beta' || properties.environment === 'development')"
        class="badge"
        [src]="'assets/common-assets/'+(properties.environment =='beta'?'beta_flag.svg':'prototype_flag.svg')"
        [alt]="properties.environment">
    <nav class="uk-navbar" [class.uk-light]="!isFrontPage">
      <div *ngIf="stakeholder" class="uk-navbar-center">
        <ul class="uk-navbar-nav user_actions uk-padding uk-padding-remove-vertical  uk-padding-remove-right">
          <!--<li>
            <a class="uk-logo uk-navbar-item uk-link uk-margin-left "
               [routerLink]="'/'+stakeholder.alias">
              <img *ngIf="stakeholder.logoUrl" [src]="stakeholder.logoUrl" class=" logo uk-responsive-height">
            </a>
          </li>-->
          <li>
            <a class="uk-logo uk-navbar-item uk-link   "
               [routerLink]="'/'+stakeholder.alias">
              <div class="uk-text-capitalize uk-h4  uk-text-bold uk-margin-remove">
                <span>    {{stakeholder.name}}</span>
              </div>
            </a>
          </li>
        </ul>
      </div>
      <div class="uk-navbar-right">
        <ul class="uk-navbar-nav user_actions">
          <li *ngIf="isFrontPage" title="It is comming soon. Stay tuned!">
            <a [routerLink]="(isAdmin()?['/admin']:null)">
              Manage
            </a>
          </li>
          <li>
            <user-mini *ngIf="properties"
                       [user]="user" [dashboard]="true"
                       [redirectUrl]="properties.afterLoginRedirectLink"
                       [logInUrl]=properties.loginUrl [logOutUrl]=properties.logoutUrl
                       [cookieDomain]=properties.cookieDomain
                       [userMenuItems]=userMenuItems>
            </user-mini>
          </li>
        </ul>
      </div>
    </nav>
  </div>
  <dashboard-sidebar *ngIf="stakeholder && isFrontPage" [items]="sideBarItems"
                     [activeItem]="activeTopic?activeTopic.alias:null" [showHeader]=true
                     [searchLink]="(properties.showContent)?properties.searchLinkToResults:null"
                     [searchParams]="createSearchParameters()"
                     [headerUrl]="properties.baseLink" queryParamsHandling="preserve"
  ></dashboard-sidebar>
  <dashboard-sidebar *ngIf="hasAdminMenu" [items]="adminMenuItems" headerName="Monitor"
                     headerDashboard="Administration Panel" [headerUrl]="properties.baseLink"
  ></dashboard-sidebar>
  <div *ngIf="hasSidebar" id="hide_controls">
    <div id="toggle" [class.sidebar_main_open]="open" (click)="toggleOpen($event)" class="uk-margin-auto">
      <i class="material-icons">play_circle_filled</i>
      <span *ngIf="open" class="uk-margin-small-left">Hide Controls</span>
    </div>
  </div>
  <router-outlet></router-outlet>
</div>