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

40 lines
1.3 KiB
HTML
Raw Normal View History

2019-05-28 09:49:09 +02:00
<div class="container-fluid">
<div class="row">
2019-05-28 11:59:23 +02:00
<div class="col-12 pt-4 pb-4 pl-4">
<div class="table-header col-auto d-flex">
2019-05-28 09:49:09 +02:00
<span class="table-title">Collaborators</span>
2019-05-29 11:34:27 +02:00
<div class="table-action" (click)="openShareDialog(dmp.id, dmp.label)">
2019-05-28 09:49:09 +02:00
<mat-icon>add</mat-icon><span>{{'DMP-LISTING.ACTIONS.INVITE' | translate}}</span>
</div>
</div>
<div class="table-container">
2019-05-29 11:34:27 +02:00
<table *ngIf="formGroup.get('users')">
2019-05-28 09:49:09 +02:00
<tr>
2019-05-28 15:37:39 +02:00
<th>{{'USERS.LISTING.NAME' | translate}}</th>
<th>{{'USERS.LISTING.EMAIL' | translate}}</th>
<th>{{'USERS.LISTING.PERMISSIONS' | translate}}</th>
<th *ngIf="isOwner()"></th>
2019-05-28 09:49:09 +02:00
</tr>
2019-05-29 11:34:27 +02:00
<tr *ngFor="let user of formGroup.get('users')?.value">
2019-05-28 09:49:09 +02:00
<td>{{user.name}}</td>
<td>{{user.email}}</td>
<td>{{roleDisplay(user)}}</td>
<td *ngIf="isOwner()">
2019-05-29 09:58:08 +02:00
<div *ngIf="user.role" class="remove_user" (click)="removeCollaborator(user.id)">
<mat-icon>delete</mat-icon>
</div>
</td>
2019-05-28 09:49:09 +02:00
</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>