D-Net

<!--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">

        <schema2jsonld *ngIf="properties"  [URL]="properties.domain + properties.baseLink + '/' + stakeholder.alias"

                       [logoURL]="stakeholder.logoUrl" type="home"

                       [searchActionRoute]="properties.searchLinkToResults" [searchAction]="false"

                       [name]="'Monitor Dashboard | ' + this.stakeholder.name"

                       [description]="stakeholder.name + ' monitoring dashboard'">

        </schema2jsonld>

        <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.domain + properties.baseLink" queryParamsHandling="preserve"

  ></dashboard-sidebar>

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

                     headerDashboard="Administration Panel" [headerUrl]="properties.domain + 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>

  <role-verification *ngIf="stakeholder && properties.environment === 'development'"

                     [id]="stakeholder.alias" [name]="stakeholder.name" [type]="stakeholder.type"></role-verification>

</div>