Page Comparison

[{
 name : "fullname",
 type : "string"; \\ STring | Date | number,
 required: true | false,
 date_format: "MM-DD-YYYY"
},
 {
 name : "Gender",
 type : "enum | options";
 required: true,
 date_format: "",
 value : ["M", "F"]
 }
]

 // this.file is the local csv file
 Papa.parse( this.file, {
        header: true,
        skipEmptyLines: true,
        complete: function( results ){
            this.content = results;
            this.parsed = true;
        }.bind(this)
    } );

var array1= ["Name", "Gender"];
var array2= ["Fullname", "Gender"];
if(array1.sort().join(',') === array2.sort().join(',')){
    alert('same members');
}
else
alert('not a match');

 var fields = [{
 name : "Fullname",
 type : "string"; \\ STring | Date | number,
 required: true | false,
 date_format: "MM-DD-YYYY"
},{
 name : "Gender",
 type : "enum";
 required: true,
 date_format: "",
 value : ["M", "F"]
 }
 ,{
 name : "Date of birth",
 type : "Date";
 required: true,
 date_format: "MM-DD-YYYY",
 value : []
 }
];

var report = [];
var submissions = [][];
function isKey(obj, value) {
  return  obj.name === value ;
}

function addReport(obj,col, text) {
    let find = false;
    for (let k = 0; k < report.length ; k++) {
            if(report[k].column === col ){
               find = true;
               setReportError(k,text);
               break;
            }
      }
      if (report.length==0 || !find ) {
           addNewReport(obj.name, col, text);
      }
}
function generateReport(obj, case, i, j) {
   var col = getExcelColumnName(j);
   if (obj.required && case==="" || case == undefined) {
          var error = "Row "+(i+1)+" :  This field is required. ";
          addReport(obj,col,error);
          return;
   }
   
   switch(obj.type){
     case "String" : 
       if (typeof case !== 'string' || case instanceof String){
          var error = "Row "+(i+1)+" :  This field should be a string . ";
          addReport(obj,col,error)
       }
     break; 
     case "Number" : 
     if(typeof case != 'number'){
        var error = "Row "+(i+1)+" :  This field should be a number. ";
        addReport(obj,col,error)
        return;
     }
     break;
     case "Date" : 
     // to complete  
     if (moment(case, 'YYYY-MM-DD').format('YYYY-MM-DD') === case){
     var error = "Row "+(i+1)+" :  This field format is not correct. ";
     addReport(obj,col,error)
     }
     break;
    case "DateTime" : 
        // to complete  
     if (moment(case, 'YYYY-MM-DD HH:MN:SS').format('YYYY-MM-DD HH:MN:SS') === case){
     var error = "Row "+(i+1)+" :  This field format is not correct. ";
     addReport(obj,col,error)
     }
     break;
     case "Enum" || "Options" : 
      let error = true;
      for(let i = 0; i< obj.value.length; i++) {
           if (obj.value[i]===case) {
             error = false;
             break;
           }
      }
      if (error) {
        var error = "Row "+(i+1)+" :  This field format is not correct.it must contain one of those "+obj.value.join(',');
        addReport(obj,col,error)
      }
     break;
   }
}
function setReportError(k, text){
      report[k].error.push(text);
   }
   addNewReport(name, column, error){
     report.push({ name, column, error: [error] });
   }
function getExcelColumnName(num){
  num++;
  let columnLetter = "",
  t;
  while (num > 0) {
    t = (num - 1) % 26;
    columnLetter = String.fromCharCode(65 + t) + columnLetter;
    num = (num - t) / 26 | 0;
  }
  return columnLetter || undefined;
}

  downloadCsvFile() {
      const data = this.json_csv.data;
      const fileName = this.json_csv.file_name;
      const exportType = exportFromJSON.types.csv;
      if (data) exportFromJSON({ data, fileName, exportType });
    }
    
    addFile(e,type) {
      if(this.file!=undefined) {
        this.addNotification({message:'Sorry, you can upload only one file.',consoleError: 'Only one file can be drag.',});
        return;
      }
      let droppedFiles = (type==0)?  e.dataTransfer.files : this.$refs.file.files;
      if(!droppedFiles) return;

      if(droppedFiles.length>1) {
        this.addNotification({message:'Sorry, you can drag only one file.',consoleError: 'Only one file can be drag.',});
        return;
      }
      this.file = droppedFiles [0];
      this.parseFile();
    },
    handleFile(){
      if(this.file==undefined) {
        this.$refs.file.click();
      }
    },
    removeFile(file){
      this.files = this.files.filter(f => {
        return f != file;
      });
    },
    parseFile(){
      Papa.parse( this.file, {
        header: true,
        skipEmptyLines: true,
        complete: function( results ){
          this.content = results;
          this.parsed = true;
          this.generateSubmission();
        }.bind(this)
      });
    },
    generateSubmission(){
      // eslint-disable-next-line no-unused-vars
      this.createSubmissions(this.content).then((data)=>{
        this.value = 100;
        this.error = false;
        this.upload_state = 10;
        this.message = data.message;
        this.sendSubmission();
      //eslint-disable-next-line no-unused-vars
      }).catch((error)=>{
        this.value = 100;
        this.error = true;
        this.message = error.message;
        this.upload_state = 10;
        if(error.code==500) this.generateAndShowCsvErrorFile();
      });
    },
    createSubmissions(content){
      return new Promise((resolve, reject) => {
        if(content.data.length==0) reject({ message: 'Csv file is empty', code : 400 });
        let entries = Object.entries(content.data[0]);
        if (entries.length != this.formFields.length) reject({ code : 401, message: 'Header of this csv file is not compatible to this form.'});
        for (let i = 0; i<content.data.length; i++) {
          this.value = this.pourcentage((i+1));
          let entries = Object.entries(this.content.data[i]);
          for (let j = 0; j< entries.length; j++){
            // eslint-disable-next-line no-unused-vars
            let key = entries[j][0];
            // eslint-disable-next-line no-unused-vars
            let value = entries[j][1];
            let obj = this.fields.find(o => o.name === key);
            this.submissions[i][key] = value;
            this.generateReport(obj, value, i, j);
          }
        }
        if (report.length != 0){
            reject({ code : 500, message: 'Some errors have been found please download the report csv file to see them all.' });
         } else {
            resolve({ message: 'Your Bulk submission has been successful' });
        }
      });
  }

function generateAndShowCsvErrorFile() {
    const new_report = []
    for (let i = 0; i< this.report.length; i++){
    name, column, error: [error]
       new_report.push({
       name : this.report[i].name,
        column: this.report[i].column,
        error: this.report[i].error.join('|'),
       })
    }
     const data = new_report;
     const fileName = "error_report_"+moment();
     const exportType = exportFromJSON.types.csv;
    if (data) exportFromJSON({ data, fileName, exportType });
}

function sendSubmission() {
  const subsObj = [];
  for (let i = 0; i< this.submissions.length; i++){
    subsObj.push({ data: Object.assign({}, this.submissions[i]) });
  }
  service.sendListSubmission(subsObj);
}