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

   1 <app-header>
   2 </app-header>
   3 <div class="new-wrapper">
   4     <div class="container-fluid main-container">
   5
   6         <div class="container-fluid body-container">
   7             <nav class="row">
   8                 <!--Nav Tabs-->
   9                 <div class="col pr-0">
  10                     <div class="nav nav-tabs " id="nav-tab" role="tablist">
  11                         <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home"
  12                            role="tab" aria-controls="nav-home"
  13                            aria-selected="true">All</a>
  14                         <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile"
  15                            role="tab" aria-controls="nav-profile"
  16                            aria-selected="false">Deployed</a>
  17                         <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact"
  18                            role="tab" aria-controls="nav-contact"
  19                            aria-selected="false">Under Construction</a>
  20                         <a class="nav-item nav-link" id="nav-contact1-tab" data-toggle="tab" href="#nav-contact1"
  21                            role="tab" aria-controls="nav-contact1"
  22                            aria-selected="false">Archived</a>
  23                     </div>
  24                 </div>
  25                 <!--Nav Search & Filter-->
  26                 <div class="col search-filter-col">
  27                     <div class="row">
  28                         <div class="col-7">
  29                             <app-packages-search></app-packages-search>
  30                         </div>
  31                         <div class="col-5 pl-2">
  32                             <app-filter-by-tags class="w-100"></app-filter-by-tags>
  33                         </div>
  34
  35                     </div>
  36                 </div>
  37             </nav>
  38             <div class="row mt-4">
  39                 <div class="col">
  40                     <div class="tab-content" id="nav-tabContent">
  41                         <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
  42                             <div class="row">
  43                                 <div class="col sort-packages">
  44
  45                                 </div>
  46                                 <app-package-pagination></app-package-pagination>
  47
  48                             </div>
  49                             <app-packages-list></app-packages-list>
  50
  51                         </div>
  52                         <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">...</div>
  53                         <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">...</div>
  54                         <div class="tab-pane fade" id="nav-contact1" role="tabpanel" aria-labelledby="nav-contact1-tab">...
  55                         </div>
  56                     </div>
  57                 </div>
  58             </div>
  59         </div>
  60     </div>
  61 </div>