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

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