corretion on interceptor

src/app/services/directives/visibility.directive.ts

@@ -15,6 +15,9 @@ export class VisibilityDirective {
       threshold: 0.5 // Adjust as needed
     };
 
+
+    console.log(this.elementRef.nativeElement.parentElement, "=1=")
+
     this.intersectionObserver = new IntersectionObserver(entries => {
       entries.forEach(entry => {
         if (entry.isIntersecting) {

src/app/services/directives/visibility1.directive.spec.ts

@@ -0,0 +1,8 @@
+import { VisibilityDirective } from './visibility.directive';
+
+describe('VisibilityDirective', () => {
+  it('should create an instance', () => {
+    const directive = new VisibilityDirective();
+    expect(directive).toBeTruthy();
+  });
+});

src/app/services/directives/visibility1.directive.ts

@@ -0,0 +1,36 @@
+import { Directive, ElementRef, Input } from '@angular/core';
+
+@Directive({
+  selector: '[appVisibility]'
+})
+export class VisibilityDirective {
+
+  intersectionObserver: IntersectionObserver;
+  @Input() appVisibility: (arg: any) => void;
+
+  constructor(private elementRef: ElementRef) {
+    const options = {
+      root: null,
+      rootMargin: '0px',
+      threshold: 0.5 // Adjust as needed
+    };
+
+
+    console.log(this.elementRef.nativeElement.parentElement, "=1=")
+
+    this.intersectionObserver = new IntersectionObserver(entries => {
+      entries.forEach(entry => {
+        if (entry.isIntersecting) {
+          this.appVisibility(true);
+        } else {
+          this.elementRef.nativeElement.pause()
+          // Pause video when not visible
+          this.appVisibility(false); // You can implement pause logic here
+        }
+      });
+    }, options);
+
+    this.intersectionObserver.observe(this.elementRef.nativeElement);
+  }
+
+}

src/app/services/interceptor/token-interceptor.service.spec.ts

@@ -1,16 +0,0 @@
-import { TestBed } from '@angular/core/testing';
-
-import { TokenInterceptorService } from './token-interceptor.service';
-
-describe('TokenInterceptorService', () => {
-  let service: TokenInterceptorService;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({});
-    service = TestBed.inject(TokenInterceptorService);
-  });
-
-  it('should be created', () => {
-    expect(service).toBeTruthy();
-  });
-});

src/app/services/interceptor/token-interceptor.service.ts

@@ -1,81 +0,0 @@
-import { Injectable } from "@angular/core";
-import {
-  HttpRequest,
-  HttpHandler,
-  HttpEvent,
-  HttpInterceptor,
-  HttpErrorResponse,
-  HTTP_INTERCEPTORS,
-} from "@angular/common/http";
-import { Observable, throwError, BehaviorSubject } from "rxjs";
-import { catchError, filter, take, switchMap } from "rxjs/operators";
-import { SessionStore } from "src/app/store/session.service";
-import { MiddlewareRepositoryService } from "src/app/repository/middleWare/middleware-repository.service"
-
-@Injectable({
-  providedIn: 'root'
-})
-export class TokenInterceptorService {
-
-  private isRefreshing = false;
-  private refreshTokenSubject: BehaviorSubject<any> = new BehaviorSubject<any>(
-    null
-  );
-
-
-  constructor(private middlewareRepositoryService: MiddlewareRepositoryService) {
-    this.middlewareRepositoryService = middlewareRepositoryService
-  }
-
-  intercept(
-    request: HttpRequest<any>,
-    next: HttpHandler
-  ): Observable<HttpEvent<any>> {
-    if (SessionStore.user.Authorization) {
-      request = this.addToken(request, SessionStore.user.Authorization);
-    }
-
-    return next.handle(request).pipe(
-      catchError((error) => {
-        if (error instanceof HttpErrorResponse && error.status === 401) {
-          return this.handle401Error(request, next);
-        } else {
-          return throwError(error);
-        }
-      })
-    ) as any
-  }
-
-  private addToken(request: HttpRequest<any>, token: string) {
-    return request.clone({
-      setHeaders: {
-        Authorization: `Bearer ${token}`,
-      },
-    });
-  }
-
-  private handle401Error(request: HttpRequest<any>, next: HttpHandler) {
-    if (!this.isRefreshing) {
-      this.isRefreshing = true;
-      this.refreshTokenSubject.next(null);
-
-
-
-      return this.middlewareRepositoryService.refreshToken().pipe(
-        switchMap((token: any) => {
-          this.isRefreshing = false;
-          this.refreshTokenSubject.next(token['result'].accessToken);
-          return next.handle(this.addToken(request, token['result'].accessToken));
-        })
-      );
-    } else {
-      return this.refreshTokenSubject.pipe(
-        filter((token) => token != null),
-        take(1),
-        switchMap((jwt) => {
-          return next.handle(this.addToken(request, jwt));
-        })
-      );
-    }
-  }
-}

src/app/services/publication/publication-video-manager.service.ts

@@ -23,7 +23,6 @@ export class PublicationVideoManagerService {
 
 }
 
-
 class SelectedPublication {
   position: number
   video: HTMLVideoElement