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

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

@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.checkFiles(this.selectedFiles)) {
      console.log('Files are not valid');
      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;
      }
    });
  }

  checkFiles(selectedFiles: File[]): boolean {
    if (selectedFiles === null) {
      this.resultMessage = 'Select files first';
      return false;
    }

    // check if is even
    if (selectedFiles.length % 2 !== 0) {
      this.resultMessage = 'Always pair of files JPEG and XML';
      return false;
    }

    // check if files have same name (name.jpeg, name.xml)
    for (const file1 of selectedFiles) {
      let count = 0;
      const temp1: string = Utils.removeFileSuffix(file1);

      for (const file2 of selectedFiles) {
        const temp2: string = Utils.removeFileSuffix(file2);

        if (temp1 === temp2) {
          count++;
        }

      }

      if (count !== 2) {
        this.resultMessage = 'File ' + temp1 + ' missing xml or jpeg pair';
        return false;
      }

    }
    return true;
  }
}