51 lines
2.3 KiB
HTML
51 lines
2.3 KiB
HTML
<div> <a [routerLink]="['/dynamic-form',123]"> dataset</a></div>
|
|
<div style="margin: auto; max-width: 1000px; margin-top:50px">
|
|
<data-table id="films-grid" headerTitle="My Projects" [items]="projects" [itemCount]="projectCount" (reload)="reloadProjects($event)"
|
|
[limit]="8" [sortBy]="'rating'" [sortAsc]="false" [selectColumn]="true" [multiSelect]="false" [substituteRows]="false"
|
|
[expandableRows]="true" [translations]="translations" [indexColumnHeader]="'#'" [selectOnRowClick]="true">
|
|
<template #dataTableExpand let-item="item">
|
|
<div>
|
|
<!-- <a [routerLink]="['/dynamic-form', item.id]"> {{ item.dmp.id }}</a> -->
|
|
<table class="table">
|
|
<thead class="thead-inverse">
|
|
<tr>
|
|
|
|
<th>Dmp</th>
|
|
<th>Id</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
|
|
<!-- <td> <a [routerLink]="['/dynamic-form', item.id]"> {{ item.dmp.id }}</a></td>-->
|
|
<td> <a [routerLink]="['/dataset']"> {{ item.dmp.id }}</a></td>
|
|
<td>{{item.dmp.id}}</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
</template>
|
|
<data-table-column [property]="'name'" [header]="'Label'" [sortable]="true">
|
|
</data-table-column>
|
|
<data-table-column [property]="'abbreviation'" [header]="'Abbreviation'" [sortable]="true">
|
|
</data-table-column>
|
|
<data-table-column [property]="'id'" [header]="'Id'" [sortable]="true">
|
|
</data-table-column>
|
|
<data-table-column [property]="'uri'" [header]="'Uri'" [sortable]="true">
|
|
</data-table-column>
|
|
<data-table-column [property]="'definition'" [header]="'Definition'" [sortable]="true">
|
|
</data-table-column>
|
|
</data-table>
|
|
<div style="margin-top: 10px">
|
|
<b>Selected:</b>
|
|
<span *ngIf="projectsTable.selectedRow == null"><i>No item selected</i></span>
|
|
<span [textContent]="projectsTable.selectedRow && projectsTable.selectedRow.item.name"></span>
|
|
</div>
|
|
|
|
</div>
|
|
<router-outlet></router-outlet>
|
|
|