<!--********************************************************************************
 * 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
 *
 ********************************************************************************-->
 
<style>
  .detail-nav {
    color: #e7e7e7;
    border: 1px solid #c8c8c8;
  }
</style>

<nav class="navbar navbar-expand bg-light detail-nav ui-corner-all">
  <div class="container-fluid">
    <div class="collapse navbar-collapse" id="bs-mdm-detail-navbar">
      <ul class="nav navbar-nav mdm-link-list">
        <li class="nav-item" [routerLinkActive]="['active']"><a class="nav-link" routerLink="general"> {{'details.mdm-detail.general' | translate}}</a></li>
        <li class="nav-item" [routerLinkActive]="['active']"><a class="nav-link" routerLink="uut"> {{ 'details.mdm-detail.unit-under-test' | translate }}</a></li>
        <li class="nav-item" [routerLinkActive]="['active']"><a class="nav-link" routerLink="ts"> {{ 'details.mdm-detail.test-sequence' | translate }}</a></li>
        <li class="nav-item" [routerLinkActive]="['active']"><a class="nav-link" routerLink="te"> {{ 'details.mdm-detail.test-equipment' | translate }}</a></li>
        <li class="nav-item" [routerLinkActive]="['active']"><a class="nav-link" routerLink="sensors"> {{ 'details.mdm-detail.sensors' | translate }} </a></li>
      </ul>
    </div>
  </div>
</nav>

<router-outlet></router-outlet>