doneit-web/src/app/services/functions/file.service.ts

import { Injectable } from '@angular/core';
import { FileLoaderService } from '../file/file-loader.service';
import { FileToBase64Service } from '../file/file-to-base64.service';
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
import { ChatService } from '../chat.service';
import { ModalController } from '@ionic/angular';
import { SearchPage } from 'src/app/pages/search/search.page';
import { ProcessesService } from '../processes.service';
import { ToastService } from '../toast.service';
import { Camera,  CameraResultType, CameraSource} from '@capacitor/camera';
import { FileType } from 'src/app/models/fileType';
import { FileSystemService } from 'src/app/services/file-system.service';
const IMAGE_DIR = 'stored-images';


interface LocalFile {
  name: string;
  path: string;
  data: string;
}

@Injectable({
  providedIn: 'root'
})
export class FileService {

  images: LocalFile[] = [];
  capturedImage:any;
  capturedImageTitle:any;
  showLoader: boolean;

  files: Set<File>;
  photos: any[] = [];
  idroom: any;

  downloadProgess = 0;
  downloadFilename: any;

  constructor(
    private fileLoaderService: FileLoaderService,
    private fileToBase64Service: FileToBase64Service,
    private iab: InAppBrowser,
    private chatService: ChatService,
    private modalController: ModalController,
    private processesService: ProcessesService,
    private toastService: ToastService,
    private FileSystemService: FileSystemService
  ) {}


  _arrayBufferToBase64( buffer ) {
    var binary = '';
    var bytes = new Uint8Array( buffer );
    var len = bytes.byteLength;
    for (var i = 0; i < len; i++) {
        binary += String.fromCharCode( bytes[ i ] );
    }
    return window.btoa( binary );
}



  convertBlobToBase64 = (blob: Blob) => new Promise((resolve, reject) => {
    const reader = new FileReader;
    reader.onerror = reject;
    reader.onload = () => {
        resolve(reader.result);
    };
    reader.readAsDataURL(blob);
  });

  async loadPicture() {
    const input = this.fileLoaderService.createInput({
      accept: ['image/apng', 'image/jpeg', 'image/png', '.pdf']
    })

    input.onchange = async () => {
      const file = this.fileLoaderService.getFirstFile(input)

      console.log(file);

      const imageData =  await this.fileToBase64Service.convert(file)
      this.capturedImage = imageData;
      this.capturedImageTitle = file.name;

      let data = {
        image:this.capturedImage,
        name: this.capturedImageTitle
      }

      return data;
    };
  }


  async addPictureToChatMobile(roomId) {

    const capturedImage = await Camera.getPhoto({
      quality: 50,
      // allowEditing: true,
      resultType: CameraResultType.Uri,
      source: CameraSource.Camera

    });

    if (capturedImage) {
      await this.FileSystemService.saveImage(capturedImage,roomId)
    }

  }


  addDocumentToChat(roomId:string) {
    const input = this.fileLoaderService.createInput({
      accept: ['.doc', '.docx', '.pdf']
    })

    input.onchange = async () => {
      const loader = this.toastService.loading();
      const file = this.fileLoaderService.getFirstFile(input)

      console.log(file);

      const formData = new FormData();
      formData.append('file', file, file.name);

      this.chatService.uploadFile(formData, roomId).subscribe(res=> {
        console.log(res);
        loader.remove();
      },(error) => {
        loader.remove();
      });
      //console.log(this.capturedImage)
    };
  }


  
  getFileFromDevice(types: typeof FileType[]) {
    return new Promise<any>((resolve, reject)=>{
      const input = this.fileLoaderService.createInput({
        accept: types
      })
  
      input.onchange = async () => {
        const file = this.fileLoaderService.getFirstFile(input)
        
        resolve(file)
      };
    })
  }


  viewDocumentByUrl(url) {
    const browser = this.iab.create(url,"_parent");
    browser.show();
  }
}