JSFiddle - React, Tailwind, and code Playground

by maccaroo

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.3.0/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.15.2/xlsx.min.js"></script>
<form enctype="multipart/form-data">
    <input id="upload" type="file"  name="files[]" onchange="handleFileSelect">
</form>
<textarea class="form-control" rows=35 cols=120 id="xlx_json"></textarea>

JavaScript

function process(data){

	header = readHeader(data[0]);

	print(header);
}

function getTasks(){
	return ['Setup','Installation','Pour','Initial Stressing','Final Stress','Cut & Seal','Grouting','Clean up','Other']
}

function readHeader(row){
	return row;
}


var ExcelParser = function() {

  this.process = function(file) {
    
    var workbook = XLSX.readfile(file);
  };
};

function handleFileSelect(event) {

  var file = event.target.files[0];
  var parser = new ExcelParser();
  
  parser.process(file);
}