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         <!-- <router-outlet></router-outlet> -->
   6         <!--Page Title-->
   7         <header class="page-title">
   8             <div class="row">
   9                 <h2 class="col m-0">CBA Packages
  10                     <span>(20 packages)</span>
  11                 </h2>
  12                 <div class="col">
  13                 </div>
  14             </div>
  15         </header>
  16
  17         <div class="container-fluid body-container">
  18             <nav class="row">
  19                 <!--Nav Tabs-->
  20                 <div class="col pr-0">
  21                     <div class="nav nav-tabs " id="nav-tab" role="tablist">
  22                         <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home"
  23                             aria-selected="true">All</a>
  24                         <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile"
  25                             aria-selected="false">Deployed</a>
  26                         <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact"
  27                             aria-selected="false">Under Construction</a>
  28                         <a class="nav-item nav-link" id="nav-contact1-tab" data-toggle="tab" href="#nav-contact1" role="tab" aria-controls="nav-contact1"
  29                             aria-selected="false">Archived</a>
  30                     </div>
  31                 </div>
  32                 <app-search-by-tags class="w-50"></app-search-by-tags>
  33             </nav>
  34             <div class="row mt-4">
  35                 <div class="col">
  36                     <div class="tab-content" id="nav-tabContent">
  37                         <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
  38                             <div class="row">
  39                                 <!--Package Sort-->
  40                                 <div class="col sort-packages">
  41                                     Sort by:
  42                                     <div class="dropdown">
  43                                         <input class="dropdown-toggle" type="text">
  44                                         <div class="dropdown-text">Recent</div>
  45                                         <ul class="dropdown-content">
  46                                             <li>
  47                                                 <a href="#">Name</a>
  48                                             </li>
  49                                             <li>
  50                                                 <a href="#">Recent</a>
  51                                             </li>
  52                                         </ul>
  53                                     </div>
  54                                 </div>
  55                                 <!--Package Paginator-->
  56                                 <app-package-pagination></app-package-pagination>
  57                             </div>
  58                             <app-packages-list></app-packages-list>
  59
  60                         </div>
  61                     </div>
  62                 </div>
  63             </div>
  64
  65         </div>
  66     </div>
  67     </div>