| <!--******************************************************************************** |
| * 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> |
| .nav-item > .nav-link { |
| border-color: #e9ecef #e9ecef #dee2e6; |
| } |
| .nav-item > .nav-link:focus { |
| border-color: #ddd #ddd #dee2e6; |
| } |
| .nav-item > .nav-link:active { |
| border-color: #ddd #ddd #dee2e6; |
| } |
| </style> |
| |
| <ul class="nav nav-tabs mdm-link-list" role="tablist"> |
| <li *ngFor="let m of links" [routerLinkActive]="['active']" class="nav-item"> |
| <a routerLink="{{m.path}}" class="nav-link" role="tab" data-toggle="tab" style="cursor:pointer;"> |
| {{m.name | translate}} |
| </a> |
| </li> |
| </ul> |
| |
| <div class="tab-content" style="border: 1px solid #ddd; border-top: 0; padding: 1em;"> |
| <div class="tab-pane active"> |
| <router-outlet></router-outlet> |
| <div> |
| </div> |