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

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