aswi2020anonymous-gitlab/fe/fulltextsearch/src/app/components/pages/upload/upload.component.ts @ 00466dc7

import { Component, OnInit } from '@angular/core';
import {QueryService} from '../../../services/query.service';
import {HttpEventType} from '@angular/common/http';

@Component({
  selector: 'app-upload',
  templateUrl: './upload.component.html',
  styleUrls: ['./upload.component.css']
})
export class UploadComponent implements OnInit {
  selectedFiles: File[] = null;
  resultMessage: string = null;
  progress = 0;

  constructor( private queryService: QueryService ) { }

  ngOnInit(): void {
  }

  onFilesSelected(event) {
    this.selectedFiles = event.target.files;
    this.progress = 0;
    this.resultMessage = null;
  }

  onUpload() {
    console.log(this.selectedFiles);
    if (this.selectedFiles === null) {
      this.resultMessage = 'Select files first';
      return;
    }
    this.queryService.uploadFile(this.selectedFiles).subscribe( event => {
      if (event.type === HttpEventType.UploadProgress) {
        this.progress = Math.round(event.loaded / event.total * 100);
      } else if (event.type === HttpEventType.Response ) {
        this.resultMessage = 'Successfully uploaded ' + this.selectedFiles.length + ' files';
        this.selectedFiles = null;
      }
    });
  }
}