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 d-flex">
   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 text-center">
  10                     <a tourAnchor="create" routerLink="/packages/createPackage" role="button" aria-pressed="true"
  11                        class="btn-create-package float"><i class="icon-create-white" aria-hidden="true"></i>Create
  12                         Package
  13                     </a>
  14                     <br/>
  15                     <a data-target="#importPackageModal" data-toggle="modal" id="clone-btn" role="button"
  16                        aria-pressed="true" class="btn-import-package float"><i
  17                             class="icon-import-blue" aria-hidden="true"></i>Import Package
  18                     </a>
  19                     <ngx-ui-loader></ngx-ui-loader>
  20                 </div>
  21             </div>
  22         </div>
  23     </div>
  24     <div class="col-lg-3 col-md-6 d-flex" *ngFor="let bluePrint of viewedPackages">
  25         <!--Card 1-->
  26         <div class="card">
  27             <div class="card-body">
  28                 <div class="row">
  29                     <div class="col-10 pr-0">
  30                         <a class="card-title" [routerLink]="['/packages/package', bluePrint.id]"
  31                            (click)="testDispatch(bluePrint)">
  32                            <img *ngIf="bluePrint.published.includes('Y')" class="icon-deployed" src="/assets/img/icon-deploy.svg">
  33                             <!-- <img class="icon-deployed" src="/assets/img/icon-deploy.svg"> -->
  34                             <p class="packageName" tooltip="{{bluePrint.artifactName}}" placement="bottom">
  35                                 {{bluePrint.artifactName}}</p>
  36                             <span class="package-version">v{{bluePrint.artifactVersion}}</span>
  37
  38                         </a>
  39
  40                     </div>
  41                     <div class="col-2">
  42                         <div class="dropdown">
  43                             <input class="dropdown-toggle" type="text">
  44                             <div class="dropdown-text">
  45                                 <!-- <img src="/assets/img/icon-menuDots.svg" title="Actions"> -->
  46                                 <i class="icon-menuDots" aria-hidden="true"></i>
  47                             </div>
  48                             <ul class="dropdown-content">
  49                                 <li class="action-clone">
  50                                     <a href="#">
  51                                         <i class="icon-clone-sm" aria-hidden="true"></i>
  52                                         Clone
  53                                     </a>
  54                                 </li>
  55                                 <li class="action-archive">
  56                                     <a href="#">
  57                                         <i class="icon-archive-sm" aria-hidden="true"></i>
  58                                         Archive
  59                                     </a>
  60                                 </li>
  61                                 <li class="action-archive">
  62                                     <a (click)="downloadPackage(bluePrint.artifactName,bluePrint.artifactVersion)">
  63                                         <i class="icon-download" aria-hidden="true"></i>
  64                                         Download
  65                                     </a>
  66                                 </li>
  67                                 <li class="action-delete">
  68                                     <a (click)="deletePackage(bluePrint.id)">
  69                                         <i class="icon-delete-sm" aria-hidden="true"></i>
  70                                         Delete
  71                                     </a>
  72                                 </li>
  73                             </ul>
  74                         </div>
  75
  76                     </div>
  77                 </div>
  78                 <div class="row">
  79                     <div class="col">
  80                         <p class="mb-0 mt-1">Last modified {{ bluePrint.createdDate | date:'short' }}
  81                         </p>
  82                         <p class="mb-2">By {{bluePrint.updatedBy.split('<')[0]}}</p>
  83                         <p class="package-desc" [delay]="300" tooltip="{{bluePrint.artifactDescription}}"
  84                            placement="bottom left">{{bluePrint.artifactDescription}}</p>
  85                         <span class="packageTag">{{bluePrint.tags}}</span>
  86                         <ul class="package-contributers">
  87                             <li>
  88                                 <button type="button" class="border-fade" data-toggle="tooltip" data-placement="bottom"
  89                                         title="User name">
  90                                     <img src="/assets/img/img-user1.jpeg">
  91                                 </button>
  92                             </li>
  93                             <li>
  94                                 <button type="button" data-toggle="tooltip" data-placement="bottom" title="User name">
  95                                     <img src="/assets/img/img-user2.jpg">
  96                                 </button>
  97                             </li>
  98                             <li>
  99                                 <button type="button" data-toggle="tooltip" data-placement="bottom" title="User name">
 100                                     <img src="/assets/img/img-user3.jpg">
 101                                 </button>
 102                             </li>
 103                             <li>
 104                                 <a href="">5 contributors</a>
 105                             </li>
 106                         </ul>
 107                     </div>
 108                 </div>
 109                 <div class="card-footer">
 110                     <div class="row">
 111
 112                         <div class="col">
 113                             <button type="button" (click)="view(bluePrint.id)" class="btn btn-card-config"><i
 114                                     class="icon-btn-card-config" aria-hidden="true"></i>Configuration
 115                             </button>
 116                         </div>
 117                         <div class="col">
 118                             <button type="button" (click)="viewDesigner(bluePrint.id)" class="btn btn-card-topology"><i
 119                                     class="icon-btn-card-topology"
 120                                     aria-hidden="true"></i>Designer Mode
 121                             </button>
 122                         </div>
 123                     </div>
 124                 </div>
 125             </div>
 126
 127         </div>
 128     </div>
 129 </div>
 130
 131
 132 <app-import-package></app-import-package>
 133