improve

src/app/pages/publications/view-publications/view-publications.page.html

@@ -37,14 +37,14 @@
     </ion-refresher-content>
   </ion-refresher>
   <div class="main-container background-white height-100 overflow-y-auto viewport-font-size">
-    <ion-content *ngIf="publicationFolderService.FolderDetails[folderId]">
+    <ion-content *ngIf="publicationFolderService.FolderDetails[folderId]" #VideoManager >
 
       <p class="px-20 item-content-detail font-14-em">{{publicationFolderService.FolderDetails[folderId].Detail}}</p>
 
       <ion-card *ngFor="let publication of publicationFolderService.publicationList[folderId] let i = index">
         <ion-card-content>
-          
-          
+
+
               <swiper-container [modules]="swiperModules" [pagination]="{clickable: true, dynamicBullets: true }">
               <swiper-slide *ngFor="let files of publication.Files let k = index">
                 <div (click)="goToPublicationDetail(publication.DocumentId, publication.ProcessId)">
@@ -61,9 +61,9 @@
             </swiper-container>
               <!-- <div *ngIf="publication.FileExtension == 'mp4'"
               (click)="goToPublicationDetail(publication.DocumentId, publication.ProcessId)" class="post-video">
-              
+
             </div> -->
-          
+
           <div class="post-content">
             <div class="post-title-time">
               <div class="post-title font-15-em">
@@ -81,4 +81,4 @@
     </ion-content>
 
   </div>
-</ion-content>
+</ion-content>

src/app/pages/publications/view-publications/view-publications.page.ts

@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { ModalController,IonicSlides } from '@ionic/angular';
 import { Publication } from 'src/app/models/publication';
@@ -16,7 +16,7 @@ import { Storage } from '@ionic/storage';
 import { PublicationFolderService } from 'src/app/store/publication-folder.service';
 import { CapacitorVideoPlayer } from 'capacitor-video-player';
 import { checkFileTypeService } from 'src/app/services/checkFileType.service';
-
+import  { PublicationVideoManagerService } from "src/app/services/publication/publication-video-manager.service"
 
 @Component({
   selector: 'app-view-publications',
@@ -50,6 +50,8 @@ export class ViewPublicationsPage implements OnInit {
   };
   swiperModules = [IonicSlides];
 
+  @ViewChild('VideoManager') VideoManager;
+
   constructor(
     private modalController: ModalController,
     private publications: PublicationsService,
@@ -62,7 +64,11 @@ export class ViewPublicationsPage implements OnInit {
     private httpErroHandle: HttpErrorHandle,
     private storage: Storage,
     public publicationFolderService: PublicationFolderService,
-    public checkFileType: checkFileTypeService) {
+    public checkFileType: checkFileTypeService,
+    private publicationVideoManagerService: PublicationVideoManagerService) {
+
+
+      this.publicationVideoManagerService.setContainer(this.VideoManager.nativeElement)
 
     this.createPublicationList()
 
@@ -72,7 +78,7 @@ export class ViewPublicationsPage implements OnInit {
 
       if (params["params"]) {
         this.folderId = params["params"].folderId;
-        // 
+        //
       }
 
       window['app-view-publications-page-doRefresh'] = this.doRefresh
@@ -80,10 +86,10 @@ export class ViewPublicationsPage implements OnInit {
   }
 
   ngOnInit() {
-    
+
     this.videoplayer = CapacitorVideoPlayer;
     if (typeof (this.folderId) == 'object') {
-      this.folderId = this.folderId['ProcessId']
+      this.folderId = (this.folderId as any)['ProcessId']
     }
 
     this.createPublicationList()
@@ -108,7 +114,7 @@ export class ViewPublicationsPage implements OnInit {
   ngOnChanges() {
 
     if (typeof (this.folderId) == 'object') {
-      this.folderId = this.folderId['ProcessId']
+      this.folderId = (this.folderId as any )['ProcessId']
     }
 
     this.createPublicationList()