| <!--******************************************************************************** |
| * Copyright (c) 2015-2020 Contributors to the Eclipse Foundation |
| * |
| * See the NOTICE file(s) distributed with this work for additional |
| * information regarding copyright ownership. |
| * |
| * This program and the accompanying materials are made available under the |
| * terms of the Eclipse Public License v. 2.0 which is available at |
| * http://www.eclipse.org/legal/epl-2.0. |
| * |
| * SPDX-License-Identifier: EPL-2.0 |
| * |
| ********************************************************************************--> |
| |
| |
| <nav class="navbar navbar-dark bg-dark fixed-top navbar-expand py-0"> |
| <a class="navbar-brand" routerLink="/navigator" style="cursor:pointer;">openMDM5 Web</a> |
| <div class="collapse navbar-collapse" id="bs-mdm-navbar"> |
| <ul class="navbar-nav mr-auto"> |
| <li class="nav-item" *ngFor="let m of (links | authPipe | async)" [routerLinkActive]="['active']"><a class="nav-link" routerLink="{{m.path}}" style="cursor:pointer;"> {{m.name}}</a></li> |
| </ul> |
| <ul class="navbar-nav ml-md-auto"> |
| <li class="nav-item"><span class="navbar-text" style="padding: 0 5px; vertical-align: middle;">{{ 'app.language' | translate }}</span> <p-dropdown [options]="languages" (onChange)="selectLanguage($event)" [(ngModel)]="selectedLanguage" [style]="{ 'margin-top': '2px' }"></p-dropdown></li> |
| <li class="nav-item"><a class="nav-link" [routerLink]="" (click)="showAboutDialog()" href="#">{{ 'app.about' | translate }}</a></li> |
| <li class="nav-item"><a class="nav-link" href="mdm/logout"><span class="fa fa-sign-in"></span> {{ 'app.logout' | translate }}<span *ngIf="user?.username" title="{{ 'app.roles' | translate }}: {{ rolesTooltip }}"> ({{ user?.username }})</span></a></li> |
| </ul> |
| </div> |
| </nav> |
| |
| <div> |
| <router-outlet></router-outlet> |
| </div> |
| |
| <p-dialog header="About" [(visible)]="displayAboutDialog" modal="true" dismissableMask="true" responsive="true"> |
| <notice></notice> |
| </p-dialog> |
| |
| <mdm-notifications></mdm-notifications> |