Merge branch 'feature/downloadFile' into developer

src/app/shared/chat/group-messages/group-messages.page.ts

@@ -1,5 +1,5 @@
 import { Component, OnChanges, OnInit, Input, SimpleChanges, ChangeDetectorRef, Output, EventEmitter, ViewChild, ElementRef, AfterViewChecked, AfterViewInit, OnDestroy } from '@angular/core';
-import { ActionSheetController, AnimationController, IonSlides, MenuController, ModalController, PopoverController } from '@ionic/angular';
+import { ActionSheetController, AnimationController, IonSlides, MenuController, ModalController, PopoverController, Platform } from '@ionic/angular';
 import { AlertService } from 'src/app/services/alert.service';
 import { AuthService } from 'src/app/services/auth.service';
 import { ChatService } from 'src/app/services/chat.service';
@@ -36,6 +36,8 @@ import { Camera, CameraResultType, CameraSource } from '@capacitor/camera';
 import { VoiceRecorder, VoiceRecorderPlugin, RecordingData, GenericResponse, CurrentRecordingStatus } from 'capacitor-voice-recorder';
 import { Filesystem, Directory, Encoding } from '@capacitor/filesystem';
 import { DomSanitizer } from '@angular/platform-browser';
+import { File } from '@awesome-cordova-plugins/file/ngx';
+import { FileOpener } from '@awesome-cordova-plugins/file-opener/ngx';
 
 /*
 import * as pdfjsLib from 'pdfjs-dist';
@@ -121,6 +123,9 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     private CameraService: CameraService,
     private toastService: ToastService,
     private sanitiser: DomSanitizer,
+    private file: File,
+    private platform: Platform,
+    private fileOpener: FileOpener,
 
   ) {
     console.log('OnCONSTRUCTOR');
@@ -870,15 +875,16 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     const file: any = await this.fileService.getFileFromDevice(types);
     console.log('Add file', file)
 
-    if (file.type == "application/pdf") {
+    if (file.type != "application/img" && file.type != "image/png" && file.type != "image/jpeg" && file.type != "image/gif") {
 
-      const blob = new Blob([file], { type: file.type })
-      console.log('Add file', blob)
+      const encodedData = btoa(JSON.stringify(await this.getBase64(file)));
+      const blob = this.base64toBlob(encodedData, file.type)
+      console.log('Add Blob file', blob)
 
       const formData = new FormData();
       formData.append("blobFile", blob);
 
-      this.wsChatMethodsService.getGroupRoom(roomId).send({
+      this.wsChatMethodsService.getDmRoom(roomId).send({
         file: {
           "type": file.type,
           "guid": '',
@@ -886,12 +892,13 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
         attachments: [{
           "title": file.name,
           "name": file.name,
-          /*  "image_url": res, */
+          //"image_url": res,
           // "text": "description",
           "title_link_download": false,
         }],
         temporaryData: formData
       })
+
     } else {
       console.log('File type invalid')
     }
@@ -899,15 +906,25 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
 
   }
 
-  blobToBase64 = blob => {
-    const reader = new FileReader();
-    reader.readAsDataURL(blob);
+  getFileReader(): FileReader {
+    const fileReader = new FileReader();
+    const zoneOriginalInstance = (fileReader as any)["__zone_symbol__originalInstance"];
+    return zoneOriginalInstance || fileReader;
+  }
+
+  getBase64(file) {
+    var reader = this.getFileReader();
+    reader.readAsDataURL(file);
     return new Promise(resolve => {
-      reader.onloadend = () => {
-        resolve(reader.result);
+      reader.onload = function () {
+        resolve(reader.result)
+      };
+      reader.onerror = function (error) {
+        console.log('Error: ', error);
       };
     });
-  };
+
+  }
 
   bookMeeting() {
     let data = {
@@ -995,27 +1012,95 @@ export class GroupMessagesPage implements OnInit, OnChanges, AfterViewInit, OnDe
     msg.downloadFileMsg()
   }
 
+  downloadFileFromBrowser(fileName: string, data: any): void {
+    const linkSource = data;
+    const downloadLink = document.createElement("a");
+    downloadLink.href = linkSource;
+    downloadLink.download = fileName;
+    downloadLink.click();
+  }
+
+  b64toBlob(b64Data, contentType) {
+    contentType = contentType || '';
+    var sliceSize = 512;
+    b64Data = b64Data.replace(/^[^,]+,/, '');
+    b64Data = b64Data.replace(/\s/g, '');
+    var byteCharacters = window.atob(b64Data);
+    var byteArrays = [];
+
+    for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
+      var slice = byteCharacters.slice(offset, offset + sliceSize);
+
+      var byteNumbers = new Array(slice.length);
+      for (var i = 0; i < slice.length; i++) {
+        byteNumbers[i] = slice.charCodeAt(i);
+      }
+
+      var byteArray = new Uint8Array(byteNumbers);
+
+      byteArrays.push(byteArray);
+    }
+
+    var blob = new Blob(byteArrays, { type: contentType });
+    return blob;
+  }
+
+  openFile(pdfString, filename, type) {
+    const blob = this.b64toBlob(pdfString, type)
+    let pathFile = ''
+    const fileName = filename
+    const contentFile = blob
+    if (this.platform.is('ios')) {
+      pathFile = this.file.documentsDirectory
+    } else {
+      pathFile = this.file.externalRootDirectory
+    }
+    console.log(pdfString)
+    console.log(pathFile)
+    console.log(contentFile)
+    this.file
+      .writeFile(pathFile, fileName, contentFile, { replace: true })
+      .then(success => {
+        this.fileOpener
+          .open(pathFile + fileName, type)
+          .then(() => console.log('File is opened'))
+          .catch(e => console.log('Error opening file', e));
+      })
+      .catch(e => console.log('Error writing file', e))
+  }
+
   async openPreview(msg) {
 
-    if (!msg.attachments[0].image_url || msg.attachments[0].image_url === null || msg.attachments[0].image_url === '') {
-      this.downloadFileMsg(msg)
-
+    if (msg.file.type === "application/webtrix") {
+      this.viewDocument(msg.file, msg.attachments.image_url)
     } else {
 
-      var str = msg.attachments[0].image_url;
-      str = str.substring(1, ((str.length) - 1));
+      if (!msg.attachments[0].image_url || msg.attachments[0].image_url === null || msg.attachments[0].image_url === '') {
+        this.downloadFileMsg(msg)
 
-      const modal = await this.modalController.create({
-        component: ViewMediaPage,
-        cssClass: 'modal modal-desktop',
-        componentProps: {
-          image: str,
-          type: msg.file.type,
-          username: msg.u.name,
-          _updatedAt: msg._updatedAt
+      } else {
+
+        var str = msg.attachments[0].image_url;
+        str = str.substring(1, ((str.length) - 1));
+
+        if (this.platform.is('desktop') || this.platform.is('mobileweb')) {
+          this.downloadFileFromBrowser(msg.attachments[0].name, str)
+        } else if (this.platform.is('tablet')) {
+          this.openFile(str, msg.attachments[0].name, msg.file.type);
         }
-      });
-      modal.present();
+
+        /* const modal = await this.modalController.create({
+          component: ViewMediaPage,
+          cssClass: 'modal modal-desktop',
+          componentProps: {
+            image: str,
+            type: msg.file.type,
+            username: msg.u.name,
+            _updatedAt: msg._updatedAt
+          }
+        });
+        modal.present(); */
+      }
     }
 
   }