is-monitor/is-monitor-frontend/src/app/resource-list/resource-list.component.html

23 lines
990 B
HTML

<div style="margin-left:5px;">
<table class="table table-striped table-bordered" *ngFor="let key of resources.keys()">
<thead>
<tr>
<th [attr.colspan]="resources.get(key).mandatoryProperties.size+2">Resources identified by {{resources.get(key).type}}</th>
</tr>
<tr>
<th>Resource Type</th>
<th>UUID</th>
<th scope="col" *ngFor="let property of resources.get(key).mandatoryProperties">
{{ property.charAt(0).toLocaleUpperCase() + property.substr(1) }}
</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let r of resources.get(key).resources">
<th>{{ r['@class'] }}</th>
<td>{{ r.header.uuid }}</td>
<td *ngFor="let property of resources.get(key).mandatoryProperties">{{ r.consistsOf[0].target[property] }}</td>
</tr>
</tbody>
</table>
</div>