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


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

<div class="row packages-card">
    <div class="col-lg-3 col-md-6">
        <!--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">
                    <a href="#" role="button" aria-pressed="true" class="btn-create-package float">Create Package
                    </a>
                </div>
                <div class="col">
                    <a href="#" role="button" aria-pressed="true" class="btn-import-package float">Import Package
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-3 col-md-6" *ngFor="let bluePrint of viewedPackages">

        <!--Card 1-->
        <div>
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-9 pr-0">
                            <h5 class="card-title" [routerLink]="['/packages/package', bluePrint.id]" (click)="testDispatch(bluePrint)">
                                <img class="icon-deployed" src="/assets/img/icon-deploy.svg">
                                {{bluePrint.artifactName}}
                            </h5>

                        </div>
                        <div class="col-3">

                            <div class="dropdown">
                                <input class="dropdown-toggle" type="text">
                                <div class="dropdown-text">
                                    <img src="/assets/img/icon-menuDots.svg" title="Actions">
                                </div>
                                <ul class="dropdown-content">
                                    <li class="action-clone">
                                        <a href="#">Clone</a>
                                    </li>
                                    <li class="action-archive">
                                        <a href="#">Archive</a>
                                    </li>
                                    <li class="action-delete">
                                        <a href="#">Delete</a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="row">
                        <div class="col">
                            <p class="mb-0">Last modified {{ bluePrint.createdDate | date:'short' }}
                         </p>
                         <p>By {{bluePrint.updatedBy}}</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" class="btn btn-card-topology">Topology View
                                </button>
                            </div>
                            <div class="col">
                                <button type="button" class="btn btn-card-config">Configuration</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

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