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         <app-packages-header></app-packages-header>
   6         <div class="container-fluid body-container">
   7             <!--Tour Starter-->
   8             <input id="clicker" type="checkbox" />
   9             <label for="clicker">Start the tour</label>
  10
  11             <div class="panel-wrap">
  12                 <div class="panel">
  13                     <button id="clicker1" type="button"><label for="clicker">Dismiss</label>
  14                     </button>
  15                     <h3>Welcome to CDS</h3>
  16                     <p>Want a tour? Our helpful guide will introduce you to new CDS Designer UI.</p>
  17                     <button type="button" class="btn" style="background-color: #fff;">Let's get started</button>
  18                 </div>
  19             </div>
  20             <!---->
  21             <nav class="row">
  22                 <!--Nav Tabs-->
  23                 <div class="col pr-0">
  24                     <div class="nav nav-tabs " id="nav-tab" role="tablist">
  25                         <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home"
  26                             role="tab" aria-controls="nav-home" aria-selected="true">All</a>
  27                         <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile"
  28                             role="tab" aria-controls="nav-profile" aria-selected="false">Deployed</a>
  29                         <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact"
  30                             role="tab" aria-controls="nav-contact" aria-selected="false">Under Construction</a>
  31                         <a class="nav-item nav-link" id="nav-contact1-tab" data-toggle="tab" href="#nav-contact1"
  32                             role="tab" aria-controls="nav-contact1" aria-selected="false">Archived</a>
  33                     </div>
  34                 </div>
  35                 <!--Nav Search & Filter-->
  36                 <div class="col search-filter-col">
  37                     <div class="row">
  38                         <div class="col-7">
  39                             <app-packages-search></app-packages-search>
  40                         </div>
  41                         <div class="col-5 pl-2">
  42                             <app-filter-by-tags class="w-100"></app-filter-by-tags>
  43                         </div>
  44
  45                     </div>
  46                 </div>
  47             </nav>
  48             <app-sort-packages></app-sort-packages>
  49         </div>
  50     </div>
  51 </div>