summaryrefslogtreecommitdiffstats
path: root/cds-ui/designer-client/src/app/modules/feature-modules/packages/packages-dashboard/package-list/package-list.component.html
blob: 5712f80a0fe71513537ddd6ca184106c054c18c9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<div class="row packages-card">
    <div class="col-lg-3 col-md-6 d-flex">
        <!--Add Package Card-->
        <div class="card addPaackage-card">
            <div class="card-body text-center">
                <img src="/assets/img/icon-addPackage.svg">
            </div>
            <div class="card-footer row">
                <div class="col text-center">
                    <a tourAnchor="create" routerLink="/packages/createPackage" role="button" aria-pressed="true"
                        class="btn-create-package float"><i class="icon-create-white" aria-hidden="true"></i>Create
                        Package
                    </a>
                    <br />
                    <a href="#" id="clone-btn" role="button" aria-pressed="true" class="btn-import-package float"><i
                            tourAnchor="import" class="icon-import-blue" aria-hidden="true"></i>Import Package
                    </a>
                    <ngx-ui-loader></ngx-ui-loader>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6 d-flex" *ngFor="let bluePrint of viewedPackages">
        <!--Card 1-->
        <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-10 pr-0">
                        <a class="card-title" [routerLink]="['/packages/package', bluePrint.id]"
                            (click)="testDispatch(bluePrint)">
                            <!-- <img class="icon-deployed" src="/assets/img/icon-deploy.svg"> -->
                            <p class="packageName" tooltip="{{bluePrint.artifactName}}" placement="bottom">
                                {{bluePrint.artifactName}}</p>
                            <span class="package-version">v{{bluePrint.artifactVersion}}</span>
                        </a>

                    </div>
                    <div class="col-2">
                        <div class="dropdown">
                            <input class="dropdown-toggle" type="text">
                            <div class="dropdown-text">
                                <!-- <img src="/assets/img/icon-menuDots.svg" title="Actions"> -->
                                <i class="icon-menuDots" aria-hidden="true"></i>
                            </div>
                            <ul class="dropdown-content">
                                <li class="action-clone">
                                    <a href="#">
                                        <i class="icon-clone-sm" aria-hidden="true"></i>
                                        Clone
                                    </a>
                                </li>
                                <li class="action-archive">
                                    <a href="#">
                                        <i class="icon-archive-sm" aria-hidden="true"></i>
                                        Archive
                                    </a>
                                </li>
                                <li class="action-archive">
                                    <a (click)="downloadPackage(bluePrint.artifactName,bluePrint.artifactVersion)">
                                        <i class="icon-download" aria-hidden="true"></i>
                                        Download
                                    </a>
                                </li>
                                <li class="action-delete">
                                    <a href="#">
                                        <i class="icon-delete-sm" aria-hidden="true"></i>
                                        Delete
                                    </a>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
                <div class="row">
                    <div class="col">
                        <p class="mb-0 mt-1">Last modified {{ bluePrint.createdDate | date:'short' }}
                        </p>
                        <p class="mb-2">By {{bluePrint.updatedBy.split('<')[0]}}</p>
                        <p class="package-desc" [delay]="300" tooltip="{{bluePrint.artifactDescription}}"
                            placement="bottom left">{{bluePrint.artifactDescription}}</p>
                        <ul class="package-contributers">
                            <li>
                                <button type="button" class="border-fade" data-toggle="tooltip" data-placement="bottom"
                                    title="User name">
                                    <img src="/assets/img/img-user1.jpeg">
                                </button>
                            </li>
                            <li>
                                <button type="button" data-toggle="tooltip" data-placement="bottom" title="User name">
                                    <img src="/assets/img/img-user2.jpg">
                                </button>
                            </li>
                            <li>
                                <button type="button" data-toggle="tooltip" data-placement="bottom" title="User name">
                                    <img src="/assets/img/img-user3.jpg">
                                </button>
                            </li>
                            <li>
                                <a href="">5 contributors</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="row">

                        <div class="col">
                            <button type="button" (click)="view(bluePrint.id)" class="btn btn-card-config"><i
                                    class="icon-btn-card-config" aria-hidden="true"></i>Configuration</button>
                        </div>
                        <div class="col">
                            <button type="button" class="btn btn-card-topology"><i class="icon-btn-card-topology"
                                    aria-hidden="true"></i>Designer Mode
                            </button>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>