New dashboard look & feel
[src/xds/xds-agent.git] / webapp / src / app / pages / sdks / sdk-card / sdk-card.component.html
1 <nb-card class="xds-sdks">
2   <nb-card-header>
3
4     <div class="row">
5       <div class="col-12 col-md-8">
6         {{ labelGet(sdk) }}
7       </div>
8       <div class="col-6 col-md-4 text-right" role="group">
9         <button class="btn btn-outline-danger btn-tn btn-xds" (click)="delete(sdk)">
10           <span class="fa fa-trash fa-size-x2"></span>
11         </button>
12       </div>
13     </div>
14   </nb-card-header>
15
16   <nb-card-body>
17     <table class="table table-striped">
18       <tbody>
19         <tr>
20           <th>
21             <span class="fa fa-fw fa-id-badge"></span>&nbsp;
22             <span>SDK ID</span>
23           </th>
24           <td>{{ sdk.id }}</td>
25         </tr>
26         <tr>
27           <th><span class="fa fa-fw fa-user"></span>&nbsp;<span>Profile</span></th>
28           <td>{{ sdk.profile }}</td>
29         </tr>            <tr>
30             <th><span class="fa fa-fw fa-tasks"></span>&nbsp;<span>Architecture</span></th>
31             <td>{{ sdk.arch }}</td>
32         </tr>
33         <tr>
34             <th><span class="fa fa-fw fa-code-fork"></span>&nbsp;<span>Version</span></th>
35             <td>{{ sdk.version }}</td>
36         </tr>
37         <tr>
38             <th><span class="fa fa-fw fa-folder-open-o"></span>&nbsp;<span>Sdk path</span></th>
39             <td>{{ sdk.path}}</td>
40         </tr>
41       </tbody>
42     </table>
43   </nb-card-body>
44
45   <nb-card-footer>
46     <!-- <pre>{{sdk | json}}</pre> -->
47   </nb-card-footer>
48 </nb-card>