description-overview ui fix

This commit is contained in:
Sofia Papacharalampous 2024-04-16 13:43:48 +03:00
parent cf9a65ae53
commit 733dad05cd
1 changed files with 31 additions and 17 deletions

View File

@ -117,33 +117,47 @@
<ng-container *ngIf="isAuthenticated()"> <ng-container *ngIf="isAuthenticated()">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<div class="frame mb-3 pt-4 pl-3 pr-5 pb-3"> <div class="frame mb-3 pt-4 pl-4 pr-5 pb-3">
<ng-container *ngIf="canFinalize && isDraftDescription(description) && !isLocked"> <ng-container *ngIf="canFinalize && isDraftDescription(description) && !isLocked">
<div class="col-12 d-flex align-items-center" (click)="finalize(description)"> <div class="row align-items-center" (click)="finalize(description)">
<div class="col-auto pr-0">
<button mat-mini-fab class="finalize-btn"> <button mat-mini-fab class="finalize-btn">
<mat-icon class="mat-mini-fab-icon check-icon">check</mat-icon> <mat-icon class="mat-mini-fab-icon check-icon">check</mat-icon>
</button> </button>
</div>
<div class="col-auto pl-0">
<p class="mb-0 pl-2 frame-txt">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.FINALIZE' | translate }}</p> <p class="mb-0 pl-2 frame-txt">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.FINALIZE' | translate }}</p>
</div> </div>
<div class="col-12 d-flex align-items-center"> </div>
<div class="row align-items-center">
<div class="col-12">
<hr class="hr-line"> <hr class="hr-line">
</div> </div>
</div>
</ng-container> </ng-container>
<ng-container *ngIf="hasReversableStatus(description)"> <ng-container *ngIf="hasReversableStatus(description)">
<div class="col-12 mb-3 d-flex align-items-center" (click)="reverseFinalization(description)"> <div class="row mb-3 align-items-center" (click)="reverseFinalization(description)">
<div class="col-auto pr-0">
<button mat-mini-fab class="frame-btn"> <button mat-mini-fab class="frame-btn">
<mat-icon class="mat-mini-fab-icon">unarchive</mat-icon> <mat-icon class="mat-mini-fab-icon">unarchive</mat-icon>
</button> </button>
</div>
<div class="col-auto pl-0">
<p class="mb-0 mr-0 pl-2 frame-txt">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.REVERSE' | translate }}</p> <p class="mb-0 mr-0 pl-2 frame-txt">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.REVERSE' | translate }}</p>
</div> </div>
</div>
</ng-container> </ng-container>
<ng-container *ngIf="fileTransformerService.availableFormats.length > 0"> <ng-container *ngIf="fileTransformerService.availableFormats.length > 0">
<div class="col-12 d-flex align-items-center"> <div class="row mb-3 align-items-center">
<div class="col-auto pr-0">
<button mat-mini-fab class="frame-btn" [matMenuTriggerFor]="exportMenu"> <button mat-mini-fab class="frame-btn" [matMenuTriggerFor]="exportMenu">
<mat-icon class="mat-mini-fab-icon">open_in_new</mat-icon> <mat-icon class="mat-mini-fab-icon">open_in_new</mat-icon>
</button> </button>
</div>
<div class="col-auto pl-0">
<p class="mb-0 mr-0 pl-2 frame-txt" [matMenuTriggerFor]="exportMenu">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.EXPORT' | translate }}</p> <p class="mb-0 mr-0 pl-2 frame-txt" [matMenuTriggerFor]="exportMenu">{{ 'DESCRIPTION-OVERVIEW.ACTIONS.EXPORT' | translate }}</p>
</div> </div>
</div>
</ng-container> </ng-container>
<mat-menu #exportMenu="matMenu" xPosition="before"> <mat-menu #exportMenu="matMenu" xPosition="before">
<button mat-menu-item *ngFor='let fileTransformer of fileTransformerService.availableFormats' (click)="fileTransformerService.exportDescription(description.id, fileTransformer.repositoryId, fileTransformer.format)"> <button mat-menu-item *ngFor='let fileTransformer of fileTransformerService.availableFormats' (click)="fileTransformerService.exportDescription(description.id, fileTransformer.repositoryId, fileTransformer.format)">