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">
8 <div class="card-footer row">
10 <a routerLink="/packages/createPackage" role="button" aria-pressed="true" class="btn-create-package float">Create Package
14 <a href="#" role="button" aria-pressed="true" class="btn-import-package float">Import Package
20 <div class="col-lg-3 col-md-6" *ngFor="let bluePrint of viewedPackages">
25 <div class="card-body">
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}}
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">
41 <ul class="dropdown-content">
42 <li class="action-clone">
45 <li class="action-archive">
46 <a href="#">Archive</a>
48 <li class="action-delete">
49 <a href="#">Delete</a>
58 <p class="mb-0">Last modified {{ bluePrint.createdDate | date:'short' }}
60 <p>By {{bluePrint.updatedBy}}</p>
61 <ul class="package-contributers">
63 <button type="button" class="border-fade" data-toggle="tooltip"
64 data-placement="bottom"
66 <img src="/assets/img/img-user1.jpeg">
70 <button type="button" data-toggle="tooltip" data-placement="bottom"
72 <img src="/assets/img/img-user2.jpg">
76 <button type="button" data-toggle="tooltip" data-placement="bottom"
78 <img src="/assets/img/img-user3.jpg">
82 <a href="">5 contributors</a>
87 <div class="card-footer">
90 <button type="button" class="btn btn-card-topology">Topology View
94 <button type="button" class="btn btn-card-config">Configuration</button>