diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.html b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.html
index b323ebfd2..38c94bf0b 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.html
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.html
@@ -12,7 +12,7 @@
-
diff --git a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.ts b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.ts
index 65c30d7e0..ff26797e7 100644
--- a/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.ts
+++ b/apps/red-ui/src/app/modules/dossier/screens/file-preview-screen/components/page-indicator/page-indicator.component.ts
@@ -15,7 +15,7 @@ import { ViewedPagesService } from '@services/entity-services/viewed-pages.servi
import { IViewedPage } from '@red/domain';
import { AutoUnsubscribe } from '@iqser/common-ui';
import { FilePreviewStateService } from '../../services/file-preview-state.service';
-import { firstValueFrom, Observable } from 'rxjs';
+import { firstValueFrom } from 'rxjs';
import { PageRotationService } from '../../services/page-rotation.service';
@Component({
@@ -35,7 +35,7 @@ export class PageIndicatorComponent extends AutoUnsubscribe implements OnDestroy
pageReadTimeout: number = null;
read = false;
- isRotated$: Observable;
+ isRotated = false;
constructor(
private readonly _viewedPagesService: ViewedPagesService,
@@ -43,7 +43,7 @@ export class PageIndicatorComponent extends AutoUnsubscribe implements OnDestroy
private readonly _changeDetectorRef: ChangeDetectorRef,
private readonly _permissionService: PermissionsService,
private readonly _stateService: FilePreviewStateService,
- private readonly _pageRotationService: PageRotationService,
+ readonly pageRotationService: PageRotationService,
) {
super();
}
@@ -61,7 +61,10 @@ export class PageIndicatorComponent extends AutoUnsubscribe implements OnDestroy
}
ngOnInit() {
- this.isRotated$ = this._pageRotationService.isRotated(this.number);
+ this.addSubscription = this.pageRotationService.isRotated(this.number).subscribe(value => {
+ this.isRotated = value;
+ this._changeDetectorRef.detectChanges();
+ });
}
ngOnChanges() {
diff --git a/libs/common-ui b/libs/common-ui
index f7f0bb86a..2bae4da2b 160000
--- a/libs/common-ui
+++ b/libs/common-ui
@@ -1 +1 @@
-Subproject commit f7f0bb86a6ccf3b6e1970c8749b83e828578e673
+Subproject commit 2bae4da2b991ad300b893f6b73797b6c1b90448c