W51-2024 development to mobile sync

apps/web-mzima-client/src/app/core/services/event-bus.service.ts

@@ -22,6 +22,7 @@ export const enum EventType {
   RefreshSurveysCounters = 'REFRESH_SURVEYS_COUNTERS',
   StopExportPolling = 'STOP_EXPORT_POLLING',
   ExportDone = 'EXPORT_DONE',
+  StatusChange = 'STATUS_CHANGE',
 }
 
 export interface BusEvent<T = any> {

apps/web-mzima-client/src/app/post/post-head/post-head.component.ts

@@ -72,7 +72,10 @@ export class PostHeadComponent extends BaseComponent implements OnInit {
   underReview() {
     this.postsService.updateStatus(this.post.id, PostStatus.Draft).subscribe((res) => {
       this.post = res.result;
-      this.statusChanged.emit();
+      this.eventBusService.next({
+        type: EventType.StatusChange,
+        payload: this.post,
+      });
     });
   }
 
@@ -81,7 +84,10 @@ export class PostHeadComponent extends BaseComponent implements OnInit {
       if (postHelpers.isAllRequiredCompleted(post)) {
         this.postsService.updateStatus(this.post.id, PostStatus.Published).subscribe((res) => {
           this.post = res.result;
-          this.statusChanged.emit();
+          this.eventBusService.next({
+            type: EventType.StatusChange,
+            payload: this.post,
+          });
         });
       } else {
         this.showMessage(this.translate.instant('notify.post.unfinished_post_task'), 'error', 5000);
@@ -100,7 +106,10 @@ export class PostHeadComponent extends BaseComponent implements OnInit {
   archive() {
     this.postsService.updateStatus(this.post.id, PostStatus.Archived).subscribe((res) => {
       this.post = res.result;
-      this.statusChanged.emit();
+      this.eventBusService.next({
+        type: EventType.StatusChange,
+        payload: this.post,
+      });
     });
   }
 

apps/web-mzima-client/src/app/post/post-metadata/post-metadata.component.ts

@@ -1,6 +1,9 @@
 import { Component, Input, OnInit } from '@angular/core';
 import { PostPropertiesInterface, PostResult } from '@mzima-client/sdk';
+import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
+import { EventBusService, EventType } from '@services';
 
+@UntilDestroy()
 @Component({
   selector: 'app-post-metadata',
   templateUrl: './post-metadata.component.html',
@@ -10,8 +13,18 @@ export class PostMetadataComponent implements OnInit {
   @Input() post: PostResult | PostPropertiesInterface;
   author: string;
 
+  constructor(private eventBusService: EventBusService) {}
+
   ngOnInit(): void {
     this.getUsername();
+    this.eventBusService
+      .on(EventType.StatusChange)
+      .pipe(untilDestroyed(this))
+      .subscribe({
+        next: (post) => {
+          if (post.id === this.post.id) this.post = post;
+        },
+      });
   }
 
   private getUsername(): void {