gerrit.onap Code Review - ccsdk/cds.git/blob

   1 <app-header></app-header>
   2
   3 <div class="new-wrapper">
   4     <div class="container-fluid main-container">
   5         <header class="page-title" style="padding: 16px 30px 12px;">
   6             <div class="row">
   7                 <h2 class="col m-0">
   8                     <ul class="breadcrumb-header">
   9                         <li><a routerLink="/packages">CBA Packages</a></li>
  10                         <i class="fa fa-angle-right ml-2 mr-2"></i>
  11                         <li>Execute</li>
  12                     </ul>
  13                 </h2>
  14             </div>
  15         </header>
  16         <div class="container-fluid body-container">
  17             <div class="container">
  18                 <nav class="row">
  19                     <div class="col">
  20                         <div class="nav nav-tabs" id="execution-nav-tab" role="tablist">
  21                             <a class="nav-item nav-link"
  22                                [class.active]="activeTab === 'setup'"
  23                                (click)="selectTab('setup')"
  24                                id="nav-setup-tab"
  25                                role="tab">
  26                                 <i class="fa fa-cog mr-1"></i> Execution Setup
  27                             </a>
  28                             <a class="nav-item nav-link"
  29                                [class.active]="activeTab === 'history'"
  30                                (click)="selectTab('history')"
  31                                id="nav-history-tab"
  32                                role="tab">
  33                                 <i class="fa fa-history mr-1"></i> Execution History
  34                             </a>
  35                             <a class="nav-item nav-link"
  36                                [class.active]="activeTab === 'liveview'"
  37                                (click)="selectTab('liveview')"
  38                                id="nav-liveview-tab"
  39                                role="tab">
  40                                 <i class="fa fa-terminal mr-1"></i> Live View
  41                             </a>
  42                         </div>
  43                     </div>
  44                 </nav>
  45
  46                 <div class="tab-content" id="execution-tab-content">
  47                     <div *ngIf="activeTab === 'setup'" class="tab-pane fade show active" role="tabpanel">
  48                         <app-execution-setup
  49                             [prefilledName]="prefilledName"
  50                             [prefilledVersion]="prefilledVersion"
  51                             (executionCompleted)="selectTab('liveview')">
  52                         </app-execution-setup>
  53                     </div>
  54                     <div *ngIf="activeTab === 'history'" class="tab-pane fade show active" role="tabpanel">
  55                         <app-execution-history></app-execution-history>
  56                     </div>
  57                     <div *ngIf="activeTab === 'liveview'" class="tab-pane fade show active" role="tabpanel">
  58                         <app-live-view></app-live-view>
  59                     </div>
  60                 </div>
  61             </div>
  62         </div>
  63     </div>
  64 </div>