D-Net

import {Component, Input, Output, EventEmitter,ViewChild} from '@angular/core';

import {SearchDataciteService} from '../../claim-utils/service/searchDatacite.service';

import {ModalLoading} from '../../../utils/modal/loading.component';

import {Dates, DOI} from '../../../utils/string-utils.class';

import {ClaimResult} from '../../claim-utils/claimEntities.class';

@Component({

    selector: 'bulk-claim',

    template: `

    <div class="uk-animation  " style=" ">

        <div class="uk-width-expand">

          <label for="exampleInputFile">Select a file: </label>

          <div class="js-upload" uk-form-custom>

            <input id="exampleInputFile" class="uk-width-medium" type="file"  (change)="fileChangeEvent($event)"/>

             <line fill="none" stroke="#000" x1="9.5" y1="15" x2="9.5" y2="4"></line></svg></span> Select</button>

            <!--button class="uk-button uk-button-small" [class.disabled]="!enableUpload" type="button" (click)="upload()">Upload</button-->

        </div>

            <a class="uk-alert-close" uk-close></a>

              <span *ngIf="allIds.length > 0">{{foundIds.length}} {{((foundIds.length==1)?'result was':'results were')}} succefully  fetched from CrossRef and Datacite.</span>

            </div>

            <div *ngIf ="duplicateIds.length > 0"  >{{duplicateIds.length | number}} duplicate DOIs in {{((duplicateIds.length==1)?'line':'lines')}} {{duplicateIdsRow}}.</div>

              <ul class="">

            </div>

            <div *ngIf = "noValidIds.length > 0"   >No valid DOIs:

              <ul class="">

            </div>

          </div>

          <div *ngIf="errorMessage.length > 0 " class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>

    </form>

</div>

    `

})

//[(ngModel)]="date"

export class BulkClaimComponent {

  filesToUpload: Array<File>;

  navigateTo: string = "Search";

  source: string = "crossref";

  type : string = "publication";

  resultsFromSearch:number;

  @Input() public select:boolean = true ;

  @Input() public results;

  allIds:string[] = [];

  foundIds:string[] = [];

  duplicateIds:string[] = [];

  showInfo :boolean = false;

  @ViewChild (ModalLoading) loading : ModalLoading ;

  errorMessage = "";

  infoMEssage = "";

  enableUpload:boolean = true;

  limit =150;

      this.filesToUpload = [];

  }

  ngOnInit() {}

  upload() {

    this.enableUpload = false;

    this.showReport = false;

    this.errorMessage = "";

    if(this.filesToUpload.length == 0){

      this.errorMessage = "There is no selected file to upload.";

      return ;

       if(this.filesToUpload[0].name.indexOf(".csv") == -1 || this.filesToUpload[0].type != "text/csv"){

        this.errorMessage = "No valid file type. The required type is CSV";

        return ;

      }

    this.loading.open();

          this.allIds = [];

          this.foundIds = [];

          this.noValidIds = [];

          this.results.slice(0,this.results.length);

          this.notFoundIds = [];

          if(rows.length +  this.results.length > this.limit){

            this.exceedsLimit = true;

              UIkit.notification({

                  message : 'Your basket exceeds the number of allowed results (150)',

                  status  : 'warning',

                  timeout : 1500,

                  pos     : 'top-center'

              });

          }

          for(i=0;i<((rows.length>this.limit-this.results.length)?(this.limit-this.results.length):rows.length);i++){

              var values = rows[i].split(',');

              var id=this.removeDoubleQuotes(values[0]);

              if(DOI.isValidDOI(id)){

                var accessMode = (values[1] != undefined) ? this.removeDoubleQuotes(values[1]):"OPEN";

                accessMode = (this.validateAccessMode(accessMode)?accessMode:"OPEN");

                var embargoDate =(values[2] != undefined) ? this.removeDoubleQuotes(values[2]):Dates.getDateToday();

                embargoDate = (Dates.isValidDate(embargoDate)?embargoDate:Dates.getDateToday());

                if(this.allIds.indexOf(id)>-1){

                  this.duplicateIds.push(id);

                  this.allIds.push(id);

             }else{

               this.noValidIds.push(id);

             invalid_rows++;

         }

         }

       }, (error) => {

         this.enableUpload = true;

          console.log(error);

          this.loading.close();

          this.handleError("Error uploading file", error);

  }

  private removeDoubleQuotes(value){

     if(value.indexOf('"')== 0){

        value = value.substring(1,value.length);

      }

      var index =+value.indexOf('"');

      if(index == (value.length - 1) || index == (value.length - 2) ){

        value = value.substring(0,index);

      }

      return value;

  }

  private validateAccessMode(value){

    var accessModes = ["OPEN", "CLOSED", "EMBARGO"];

     if(accessModes.indexOf(value) > -1){

        return true;

      }

      return false;

  }

  fileChangeEvent(fileInput: any){

      this.filesToUpload = <Array<File>> fileInput.target.files;

  makeFileRequest(url: string, params: Array<string>, files: Array<File>) {

      return new Promise((resolve, reject) => {

          var formData: any = new FormData();

          var xhr = new XMLHttpRequest();

          for(var i = 0; i < files.length; i++) {

              formData.append("uploads[]", files[i], files[i].name);

          }

          xhr.onreadystatechange = function () {

              if (xhr.readyState == 4) {

                  if (xhr.status == 200) {

                      resolve(xhr.response);

                  } else {

                      reject(xhr.response);

                  }

              }

          }

          xhr.open("POST", url, true);

          xhr.send(formData);

      });

  }

            if(data.length > 0){

              result.embargoEndDate = date;

              this.results.push(result);

              this.endOfFetching();

            }else{

            }

           },

          err => {

            this.handleError("Error getting crossref by DOIs: "+id, err);

          }

        );

  }

          items => {

              var result = items[0];

              this.foundIds.push(id);

              result.embargoEndDate = date;

              this.results.push(result);

            }else{

              this.notFoundIds.push(id);

            this.endOfFetching();

           },

          err => {

            this.handleError("Error getting datacite result by DOI: "+id, err);

          }

        );

  }

  endOfFetching(){

      this.enableUpload = true;

      this.loading.close();

      return;

    }

    if(this.allIds.length == this.foundIds.length+this.notFoundIds.length ){

      this.enableUpload = true;

      this.loading.close();

            localStorage.setItem(this.localStoragePrefix + "results", JSON.stringify(this.results));

          }

  }

  private handleError(message: string, error) {

      console.error("Bulk Claim (component): "+message, error);

  }