div {
+ display: flex;
+
+ redaction-circle-button {
+ margin-left: 2px;
+ }
+ }
}
.right-content {
@@ -139,10 +147,6 @@ redaction-pdf-viewer {
margin-left: 8px;
}
-.mr-8 {
- margin-right: 8px;
-}
-
.mr-16 {
margin-right: 16px;
}
diff --git a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.ts b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.ts
index 61d11a716..bfc921a56 100644
--- a/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.ts
+++ b/apps/red-ui/src/app/screens/file/file-preview-screen/file-preview-screen.component.ts
@@ -27,7 +27,7 @@ import { processFilters } from '../../../common/filter/utils/filter-utils';
import { UserPreferenceService } from '../../../common/service/user-preference.service';
import { FullScreenService } from '../../../utils/full-screen.service';
-const KEY_ARRAY = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'];
+const KEY_ARRAY = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'f', 'F'];
@Component({
selector: 'redaction-file-preview-screen',
@@ -259,6 +259,11 @@ export class FilePreviewScreenComponent implements OnInit, OnDestroy {
return;
}
+ if (['f', 'F'].includes($event.key)) {
+ this.fullScreenService.toggleFullScreen();
+ return;
+ }
+
if ($event.key === 'ArrowLeft') {
this.pagesPanelActive = true;
}
@@ -413,7 +418,7 @@ export class FilePreviewScreenComponent implements OnInit, OnDestroy {
this._changeDetectorRef.markForCheck();
}
- preventArrowDefault($event: KeyboardEvent) {
+ preventKeyDefault($event: KeyboardEvent) {
if (KEY_ARRAY.includes($event.key)) {
$event.preventDefault();
}
diff --git a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts
index 351f7c062..c6590a7a1 100644
--- a/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts
+++ b/apps/red-ui/src/app/screens/file/pdf-viewer/pdf-viewer.component.ts
@@ -12,7 +12,6 @@ import { FileStatusWrapper } from '../model/file-status.wrapper';
import { KeycloakService } from 'keycloak-angular';
import { environment } from '../../../../environments/environment';
import { AnnotationDrawService } from '../service/annotation-draw.service';
-import { keypress } from '../../../utils/functions';
export interface ViewerState {
displayMode?: any;
diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json
index 6b769f02e..fafc607de 100644
--- a/apps/red-ui/src/assets/i18n/en.json
+++ b/apps/red-ui/src/assets/i18n/en.json
@@ -251,7 +251,9 @@
"unassigned": "Unassigned",
"assign-reviewer": "Assign Reviewer",
"assign-me": "Assign to me",
- "last-reviewer": "Last Reviewed by:"
+ "last-reviewer": "Last Reviewed by:",
+ "fullscreen": "Full Screen (F)",
+ "exit-fullscreen": "Exit Full Screen (F)"
},
"annotation-actions": {
"message": {
diff --git a/apps/red-ui/src/assets/icons/general/exit-fullscreen.svg b/apps/red-ui/src/assets/icons/general/exit-fullscreen.svg
new file mode 100644
index 000000000..76d9e1da8
--- /dev/null
+++ b/apps/red-ui/src/assets/icons/general/exit-fullscreen.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/apps/red-ui/src/assets/icons/general/fullscreen.svg b/apps/red-ui/src/assets/icons/general/fullscreen.svg
new file mode 100644
index 000000000..9e60d60a9
--- /dev/null
+++ b/apps/red-ui/src/assets/icons/general/fullscreen.svg
@@ -0,0 +1 @@
+
\ No newline at end of file