fix set viewed news in program

Author: Awakich

projects/social_platform/src/app/office/program/detail/main/main.component.ts

@@ -149,6 +149,10 @@ export class ProgramDetailMainComponent implements OnInit, OnDestroy {
           if (news.results?.length) {
             this.news.set(news.results);
             this.totalNewsCount.set(news.count);
+
+            setTimeout(() => {
+              this.setupNewsObserver();
+            }, 100);
           }
 
           this.loadingService.hide();
@@ -205,6 +209,10 @@ export class ProgramDetailMainComponent implements OnInit, OnDestroy {
           } else {
             this.fetchPage.update(p => p + 1);
           }
+
+          setTimeout(() => {
+            this.setupNewsObserver();
+          }, 100);
         })
       );
     }
@@ -310,6 +318,18 @@ export class ProgramDetailMainComponent implements OnInit, OnDestroy {
     this.descriptionExpandable = descElement.scrollHeight > descElement.clientHeight;
   }
 
+  private setupNewsObserver(): void {
+    const observer = new IntersectionObserver(this.onNewsInVew.bind(this), {
+      root: document.querySelector(".office__body"),
+      rootMargin: "0px 0px 0px 0px",
+      threshold: 0,
+    });
+
+    document.querySelectorAll(".news__item").forEach(element => {
+      observer.observe(element);
+    });
+  }
+
   program?: Program;
   registerDateExpired!: boolean;
   descriptionExpandable!: boolean;

projects/social_platform/src/app/office/program/shared/program-card/program-card.component.html

@@ -17,9 +17,10 @@
         'card__registration--ended': registerDateExpired,
       }"
     >
+      <!-- ? "Регистрация до:" + " " + (program.datetimeRegistrationEnds | date: "dd MMMM") -->
       {{
         !registerDateExpired && (!program.isUserMember || !program.isUserManager)
-          ? "Регистрация до:" + " " + (program.datetimeRegistrationEnds | date: "dd MMMM")
+          ? "Подача проектов до:" + " " + (program.datetimeRegistrationEnds | date: "dd MMMM")
           : registerDateExpired
           ? "регистрация завершена"
           : "ты уже участвуешь!"