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

   1 <!--Page Title-->
   2 <header class="page-title" style="padding-top: 14px;padding-bottom: 13px;">
   3   <div class="row">
   4     <h2 class="col m-0" style="line-height: 33px;">CBA Packages
   5       <span id="numberOfPackages">({{numberOfPackages}} packages)</span>
   6     </h2>
   7     <div class="col profile-help">
   8       <nav class="navbar navbar-expand-lg navbar-light">
   9         <ul class="navbar-nav ml-auto">
  10           <!--Help Menu-->
  11           <div class="nav-item dropdown helpMenu">
  12             <input class="dropdown-toggle" type="text">
  13             <div class="dropdown-text"><i class="icon-info" aria-hidden="true"></i></div>
  14             <ul class="dropdown-content">
  15               <!-- <li>
  16                 <i class="icon-get_started" aria-hidden="true"></i>
  17                 <p>
  18                   <input id="clicker3" [checked]="startTour" type="checkbox" />
  19                   <label for="clicker">
  20                     Getting Started
  21                     <span>Quick steps to help you get started</span>
  22                   </label>
  23                 </p>
  24               </li> -->
  25               <li>
  26                 <i class="icon-get_started" aria-hidden="true"></i>
  27                 <p>
  28                   <input id="clicker3" type="checkbox" />
  29                   <label for="clicker">
  30                     Getting Started
  31                     <span>Quick steps to help you get started</span>
  32                   </label>
  33                 </p>
  34               </li>
  35               <li>
  36                 <a href="https://wiki.onap.org/display/DW/CDS+Designer+Guide" target="_blank">
  37                   <i class="icon-user_guide" aria-hidden="true"></i>
  38                   <p>
  39                     Tutorials
  40                     <span>CDS Designer's User Guide</span>
  41                   </p>
  42                 </a>
  43               </li>
  44             </ul>
  45           </div>
  46           <!--User Menu-->
  47           <div class="nav-item dropdown userMenu">
  48             <input class="dropdown-toggle" type="text">
  49             <div class="dropdown-text"><img src="../assets/img/img-user.jpeg" align="right"></div>
  50             <ul class="dropdown-content">
  51               <li>
  52                 <a href="#">Username</a>
  53               </li>
  54               <li>
  55                 <a href="#">Settings</a>
  56               </li>
  57               <li>
  58                 <a href="#">Projects</a>
  59               </li>
  60               <li>
  61                 <a href="#">Log out</a>
  62               </li>
  63             </ul>
  64           </div>
  65         </ul>
  66       </nav>
  67     </div>
  68   </div>
  69 </header>