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

   1 <div class="row packages-card"><div class="col-lg-3 col-md-6 p-0">
   2     <!--Add Package Card-->
   3     <div class="card addPaackage-card">
   4         <div class="card-body text-center">
   5             <img src="/assets/img/icon-addPackage.svg">
   6         </div>
   7         <div class="card-footer row">
   8             <div class="col text-right pr-0">
   9                 <a href="#" role="button" aria-pressed="true" class="btn-create-package float">Create Package
  10                 </a>
  11             </div>
  12             <div class="col pr-0">
  13                 <a href="#" role="button" aria-pressed="true" class="btn-import-package float">Import Package
  14                 </a>
  15             </div>
  16         </div>
  17     </div>
  18 </div>
  19 <div class="col-lg-3 col-md-6 p-0" *ngFor="let bluePrint of viewedPackages">
  20
  21     <!--Card 1-->
  22     <div>
  23         <div class="card">
  24             <div class="card-body">
  25                 <div class="row">
  26                     <div class="col-9 pr-0">
  27                         <h5 class="card-title">{{bluePrint.artifactName}}</h5>
  28                         <p>Last modified {{bluePrint.createdDate}} by {{bluePrint.updatedBy}}</p>
  29                         <ul class="package-contributers">
  30                             <li>
  31                                 <button type="button" class="border-fade" data-toggle="tooltip" data-placement="bottom"
  32                                     title="User name">
  33                                     <img src="/assets/img/img-user1.jpeg">
  34                                 </button>
  35                             </li>
  36                             <li>
  37                                 <button type="button" data-toggle="tooltip" data-placement="bottom" title="User name">
  38                                     <img src="/assets/img/img-user2.jpg">
  39                                 </button>
  40                             </li>
  41                             <li>
  42                                 <button type="button" data-toggle="tooltip" data-placement="bottom" title="User name">
  43                                     <img src="/assets/img/img-user3.jpg">
  44                                 </button>
  45                             </li>
  46                             <li>
  47                                 <a href="">5 contributors</a>
  48                             </li>
  49                         </ul>
  50                     </div>
  51                     <div class="col-3">
  52                         <img class="icon-deployed" src="/assets/img/icon-deploy.svg">
  53                         <div class="dropdown">
  54                             <input class="dropdown-toggle" type="text">
  55                             <div class="dropdown-text">
  56                                 <img src="/assets/img/icon-menuDots.svg" title="Actions">
  57                             </div>
  58                             <ul class="dropdown-content">
  59                                 <li class="action-clone">
  60                                     <a href="#">Clone</a>
  61                                 </li>
  62                                 <li class="action-archive">
  63                                     <a href="#">Archive</a>
  64                                 </li>
  65                                 <li class="action-delete">
  66                                     <a href="#">Delete</a>
  67                                 </li>
  68                             </ul>
  69                         </div>
  70                     </div>
  71                 </div>
  72                 <div class="card-footer">
  73                     <div class="row">
  74                         <div class="col">
  75                             <button type="button" class="btn btn-card-topology">Topology View
  76                             </button>
  77                         </div>
  78                         <div class="col">
  79                             <button type="button" class="btn btn-card-config">Configuration</button>
  80                         </div>
  81                     </div>
  82                 </div>
  83             </div>
  84
  85         </div>
  86         <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">...</div>
  87         <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">...</div>
  88         <div class="tab-pane fade" id="nav-contact1" role="tabpanel" aria-labelledby="nav-contact1-tab">...
  89         </div>
  90     </div>
  91 </div>
  92 </div>