cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/packages-dashboard.component.html

   1 <app-header>
   2 </app-header>
   3 <div class="new-wrapper">
   4     <div class="container-fluid main-container">
   5         <app-packages-header></app-packages-header>
   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             <app-sort-packages></app-sort-packages>
  39         </div>
  40     </div>
  41 </div>