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

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