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

RED-3721: Hide highlight header action buttons when multiselect active

Browse Source
This commit is contained in:
Adina Țeudan 2022-04-08 22:02:35 +03:00
parent dbdf1edb64
commit de8aa9a920
2 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/red-ui/src/app/modules/file-preview/components/highlights-separator/highlights-separator.component.html
View File

@ -3,7 +3,7 @@
<span [translateParams]="highlightGroup" [translate]="'highlights'" class="all-caps-label"></span>
</div>
<div *ngIf="isWritable$ | async">
<div *ngIf="(isWritable$ | async) && (multiSelectInactive$ | async)">
<iqser-circle-button
(action)="convertHighlights(highlightGroup)"
[size]="28"
@ -11,8 +11,8 @@
[type]="circleButtonTypes.dark"
class="mr-2"
icon="red:convert"
tooltipPosition="above"
iqserHelpMode="convert_highlights"
tooltipPosition="above"
></iqser-circle-button>
<iqser-circle-button
@ -21,7 +21,7 @@
[tooltip]="'file-preview.highlights.remove' | translate"
[type]="circleButtonTypes.dark"
icon="iqser:trash"
tooltipPosition="above"
iqserHelpMode="remove_highlights"
tooltipPosition="above"
></iqser-circle-button>
</div>

3
apps/red-ui/src/app/modules/file-preview/components/highlights-separator/highlights-separator.component.ts
View File

@ -5,6 +5,7 @@ import { FilePreviewStateService } from '../../services/file-preview-state.servi
import { AnnotationWrapper } from '@models/file/annotation.wrapper';
import { FilePreviewDialogService } from '../../services/file-preview-dialog.service';
import { FileDataService } from '../../services/file-data.service';
import { MultiSelectService } from '../../services/multi-select.service';
@Component({
selector: 'redaction-highlights-separator [highlightGroup] [annotation]',
@ -19,11 +20,13 @@ export class HighlightsSeparatorComponent {
readonly circleButtonTypes = CircleButtonTypes;
readonly isWritable$ = this._state.isWritable$;
readonly multiSelectInactive$ = this._multiSelectService.inactive$;
constructor(
private readonly _dialogService: FilePreviewDialogService,
private readonly _state: FilePreviewStateService,
private readonly _fileDataService: FileDataService,
private readonly _multiSelectService: MultiSelectService,
) {}
convertHighlights(highlightGroup: TextHighlightsGroup): void {