argos/dmp-frontend/src/app/ui/dmp/editor/people-tab/people-tab.component.html

34 lines
1012 B
HTML

<div class="container-fluid">
<div class="row">
<div class="col-12 pt-4 pb-4 pl-4">
<div class="table-header col-auto d-flex">
<span class="table-title">Collaborators</span>
<div class="table-action" (click)="openShareDialog(dmp.id,dmp.label)">
<mat-icon>add</mat-icon><span>{{'DMP-LISTING.ACTIONS.INVITE' | translate}}</span>
</div>
</div>
<div class="table-container">
<table>
<tr>
<th>NAME</th>
<th>EMAIL</th>
<th>PERMISSIONS</th>
</tr>
<tr *ngFor="let user of people">
<td>{{user.name}}</td>
<td>{{user.email}}</td>
<td>{{roleDisplay(user)}}</td>
</tr>
</table>
<!-- <mat-list *ngIf="associatedUsers?.length" role="list" class="col-12">
<h3 mat-subheader>Associated Users</h3>
<mat-list-item role="listitem" *ngFor="let user of associatedUsers">
<mat-icon mat-list-icon>person</mat-icon>
<div>{{user.name}}</div>
</mat-list-item>
</mat-list> -->
</div>
</div>
</div>
</div>