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">
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
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
19 <ngx-ui-loader></ngx-ui-loader>
24 <div class="col-lg-3 col-md-6 d-flex" *ngFor="let bluePrint of viewedPackages">
27 <div class="card-body">
29 <div class="col-10 pr-0">
30 <a class="card-title" [routerLink]="['/packages/package', bluePrint.id]"
31 (click)="testDispatch(bluePrint)">
32 <!-- <img class="icon-deployed" src="/assets/img/icon-deploy.svg"> -->
33 <p class="packageName" tooltip="{{bluePrint.artifactName}}" placement="bottom">
34 {{bluePrint.artifactName}}</p>
35 <span class="package-version">v{{bluePrint.artifactVersion}}</span>
36 <button *ngIf="bluePrint.published.includes('Y')" type="button"
37 class="dot"><i class="glyphicon glyphicon-ok"></i></button>
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>
48 <ul class="dropdown-content">
49 <li class="action-clone">
51 <i class="icon-clone-sm" aria-hidden="true"></i>
55 <li class="action-archive">
57 <i class="icon-archive-sm" aria-hidden="true"></i>
61 <li class="action-archive">
62 <a (click)="downloadPackage(bluePrint.artifactName,bluePrint.artifactVersion)">
63 <i class="icon-download" aria-hidden="true"></i>
67 <li class="action-delete">
68 <a (click)="deletePackage(bluePrint.id)">
69 <i class="icon-delete-sm" aria-hidden="true"></i>
80 <p class="mb-0 mt-1">Last modified {{ bluePrint.createdDate | date:'short' }}
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 <p>{{bluePrint.tags}}</p>
86 <ul class="package-contributers">
88 <button type="button" class="border-fade" data-toggle="tooltip" data-placement="bottom"
90 <img src="/assets/img/img-user1.jpeg">
94 <button type="button" data-toggle="tooltip" data-placement="bottom" title="User name">
95 <img src="/assets/img/img-user2.jpg">
99 <button type="button" data-toggle="tooltip" data-placement="bottom" title="User name">
100 <img src="/assets/img/img-user3.jpg">
104 <a href="">5 contributors</a>
109 <div class="card-footer">
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
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
132 <app-import-package></app-import-package>