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

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