Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-5904 - Add tooltip for disabled delta button

Browse Source
This commit is contained in:
Valentin Mihai 2023-01-05 13:54:48 +02:00
parent dd2d30e41e
commit fb12ef40a3
1 changed files with 36 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
apps/red-ui/src/app/modules/file-preview/components/view-switch/view-switch.component.html
View File

@ -9,39 +9,42 @@
{{ 'file-preview.standard' | translate }}
</button>
<button
(click)="switchView(viewModes.DELTA)"
*deny="roles.getRss"
[class.active]="viewMode === viewModes.DELTA"
[disabled]="(canSwitchToDeltaView$ | async) === false"
[iqserHelpMode]="'views'"
[matTooltip]="'file-preview.delta-tooltip' | translate"
class="red-tab"
>
{{ 'file-preview.delta' | translate }}
</button>
<div [matTooltip]="'file-preview.delta-tooltip' | translate">
<button
(click)="switchView(viewModes.DELTA)"
*deny="roles.getRss"
[class.active]="viewMode === viewModes.DELTA"
[disabled]="(canSwitchToDeltaView$ | async) === false"
[iqserHelpMode]="'views'"
class="red-tab"
>
{{ 'file-preview.delta' | translate }}
</button>
</div>
<button
(click)="switchView(viewModes.REDACTED)"
*deny="roles.getRss"
[class.active]="viewMode === viewModes.REDACTED"
[disabled]="(canSwitchToRedactedView$ | async) === false"
[iqserHelpMode]="'views'"
[matTooltip]="'file-preview.redacted-tooltip' | translate"
class="red-tab"
>
{{ 'file-preview.redacted' | translate }}
</button>
<div [matTooltip]="'file-preview.redacted-tooltip' | translate">
<button
(click)="switchView(viewModes.REDACTED)"
*deny="roles.getRss"
[class.active]="viewMode === viewModes.REDACTED"
[disabled]="(canSwitchToRedactedView$ | async) === false"
[iqserHelpMode]="'views'"
class="red-tab"
>
{{ 'file-preview.redacted' | translate }}
</button>
</div>
<button
(click)="switchView(viewModes.TEXT_HIGHLIGHTS)"
*deny="roles.getRss"
[class.active]="viewMode === viewModes.TEXT_HIGHLIGHTS"
[disabled]="(canSwitchToEarmarksView$ | async) === false"
[iqserHelpMode]="'views'"
[matTooltip]="'file-preview.text-highlights-tooltip' | translate"
class="red-tab"
>
{{ 'file-preview.text-highlights' | translate }}
</button>
<div [matTooltip]="'file-preview.text-highlights-tooltip' | translate">
<button
(click)="switchView(viewModes.TEXT_HIGHLIGHTS)"
*deny="roles.getRss"
[class.active]="viewMode === viewModes.TEXT_HIGHLIGHTS"
[disabled]="(canSwitchToEarmarksView$ | async) === false"
[iqserHelpMode]="'views'"
class="red-tab"
>
{{ 'file-preview.text-highlights' | translate }}
</button>
</div>
</ng-container>