MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

minor ui fix

This commit is contained in:
Sofia Papacharalampous 2024-05-21 12:30:34 +03:00
parent 04b3016fa8
commit cbe9cd255b
1 changed files with 32 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

67
dmp-frontend/src/app/ui/dmp/overview/dmp-overview.component.html
View File

@ -240,43 +240,40 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="frame mb-3 pt-4 pl-3 pr-3 pb-3"> <div class="frame mb-3 pt-4 pl-3 pr-3 pb-3">
<div class="row"> <div class="col-12">
<div class="col-12"> <p class="header">{{ 'DMP-OVERVIEW.DMP-AUTHORS' | translate }}</p>
<p class="header">{{ 'DMP-OVERVIEW.DMP-AUTHORS' | translate }}</p> </div>
</div> <div class="col-12">
<div class="col-12"> <div *ngFor="let dmpUser of dmp.dmpUsers" class="row authors">
<div *ngFor="let dmpUser of dmp.dmpUsers" class="row authors"> <div class="col-auto d-flex flex-row pr-0">
<div class="col-auto d-flex flex-row pr-0"> <button class="account_btn mr-3 pl-0">
<button class="account_btn mr-3 pl-0"> <mat-icon class="account-icon">account_circle</mat-icon>
<mat-icon class="account-icon">account_circle</mat-icon> </button>
</button> </div>
</div> <div class="col pl-0" style="min-width: 0;">
<div class="col pl-0" style="min-width: 0;"> <!-- <div class="mytext">{{ dmpUser.user?.name }}</div> -->
<!-- <div class="mytext">{{ dmpUser.user?.name }}</div> --> <p class="authors-label">{{ dmpUser.user?.name }}
<p class="authors-label">{{ dmpUser.user?.name }} <span *ngIf="isUserAuthor(dmpUser.user?.id)">
<span *ngIf="isUserAuthor(dmpUser.user?.id)"> ({{ 'DMP-OVERVIEW.YOU' | translate }})</span>
({{ 'DMP-OVERVIEW.YOU' | translate }})</span> </p>
</p> <p class="authors-role">
<p class="authors-role"> <span>{{ enumUtils.toDmpUserRoleString(dmpUser.role) }} - </span>
<span>{{ enumUtils.toDmpUserRoleString(dmpUser.role) }} - </span> <span *ngIf="!dmpUser.sectionId">{{ 'DMP-OVERVIEW.ROLES.ALL-SECTIONS' | translate}}</span>
<span *ngIf="!dmpUser.sectionId">{{ 'DMP-OVERVIEW.ROLES.ALL-SECTIONS' | translate}}</span> <span *ngIf="dmpUser.sectionId">{{ getSectionNameById(dmpUser.sectionId) }}</span>
<span *ngIf="dmpUser.sectionId">{{ getSectionNameById(dmpUser.sectionId) }}</span> </p>
</p> </div>
</div> <div *ngIf="canAssignDmpUsers(dmp) && dmp.status === dmpStatusEnum.Draft && dmpUser.role != dmpUserRoleEnum.Owner" class="col-auto">
<div *ngIf="canAssignDmpUsers(dmp) && dmp.status === dmpStatusEnum.Draft && dmpUser.role != dmpUserRoleEnum.Owner" class="col-auto"> <button (click)="removeUserFromDmp(dmpUser)" mat-mini-fab matTooltip="{{ 'DMP-OVERVIEW.ACTIONS.REMOVE-AUTHOR' | translate}}" matTooltipPosition="above">
<button (click)="removeUserFromDmp(dmpUser)" mat-mini-fab matTooltip="{{ 'DMP-OVERVIEW.ACTIONS.REMOVE-AUTHOR' | translate}}" matTooltipPosition="above"> <mat-icon class="mat-mini-fab-icon">delete</mat-icon>
<mat-icon class="mat-mini-fab-icon">delete</mat-icon> </button>
</button>
</div>
</div> </div>
</div> </div>
<!-- <div *ngIf="canInviteDmpUsers()" class="col-12 d-flex align-items-center justify-content-center"> --> </div>
<div *ngIf="canInviteDmpUsers()" class="col-12 d-flex align-items-center justify-content-center"> <div *ngIf="canInviteDmpUsers()" class="col-12 d-flex align-items-center justify-content-center">
<button mat-raised-button class="invite-btn" (click)="openShareDialog(dmp.id,dmp.label)"> <button mat-raised-button class="invite-btn" (click)="openShareDialog(dmp.id,dmp.label)">
<mat-icon>group_add</mat-icon> <mat-icon>group_add</mat-icon>
{{'DMP-OVERVIEW.ACTIONS.INVITE-SHORT' | translate}} {{'DMP-OVERVIEW.ACTIONS.INVITE-SHORT' | translate}}
</button> </button>
</div>
</div> </div>
</div> </div>
</div> </div>