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 packageWizard">
  13                 <div class="panel">
  14                     <button id="clicker1" class="close" type="button" (click)="stopTour()">
  15                         <label for="clicker"><img src="assets/img/icon-close.svg" /></label>
  16                     </button>
  17                     <br />
  18                     <h3>Welcome to CDS Designer UI</h3>
  19                     <p>CDS has new look and new way of delivering a reusable and simplified self-service experience.</p>
  20                     <!-- <span>Tab through these quick steps to help you get started.</span>
  21                     <br /> -->
  22                     <button id="clicker2" class="closeWizard mr-2" type="button" (click)="stopTour()">
  23                         <label for="clicker">No Thanks</label>
  24                     </button>
  25                     <button type="button" class="startTour float">
  26                         <label (click)="start()" for="clicker" class="m-0">Start Tour</label>
  27                     </button>
  28                 </div>
  29             </div>
  30             <!---->
  31             <nav class="row" tourAnchor="allTab">
  32                 <!--Nav Tabs-->
  33                 <div class="col pr-0">
  34                     <div class="nav nav-tabs " id="nav-tab" role="tablist">
  35                         <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home"
  36                             role="tab" aria-controls="nav-home" aria-selected="true">All</a>
  37                         <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile"
  38                             role="tab" aria-controls="nav-profile" aria-selected="false">Deployed</a>
  39                         <a tourAnchor="test3" class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab"
  40                             href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Under
  41                             Construction</a>
  42                         <a class="nav-item nav-link" id="nav-contact1-tab" data-toggle="tab" href="#nav-contact1"
  43                             role="tab" aria-controls="nav-contact1" aria-selected="false">Archived</a>
  44                     </div>
  45                 </div>
  46                 <!--Nav Search & Filter-->
  47                 <div class="col search-filter-col">
  48                     <div class="row">
  49                         <div class="col-7">
  50                             <app-packages-search></app-packages-search>
  51                         </div>
  52                         <div class="col-5 pl-2" tourAnchor="tagFilter">
  53                             <app-filter-by-tags class="w-100"></app-filter-by-tags>
  54                         </div>
  55
  56                     </div>
  57                 </div>
  58             </nav>
  59             <app-sort-packages></app-sort-packages>
  60         </div>
  61     </div>
  62 </div>