diff --git a/demos/electron/index.html b/demos/electron/index.html index d0fa5db..c8ef088 100644 --- a/demos/electron/index.html +++ b/demos/electron/index.html @@ -26,12 +26,12 @@ a { text-decoration: none } Source Code Repo Issues? Something look weird? Click here and report an issue
-
+
Drop a spreadsheet file here to see sheet data
- ... or click here to select a file + ... or click here to select a file -

+


diff --git a/demos/electron/index.js b/demos/electron/index.js index 045ca9b..7ac4826 100644 --- a/demos/electron/index.js +++ b/demos/electron/index.js @@ -1,94 +1,79 @@ /* xlsx.js (C) 2013-present SheetJS -- https://sheetjs.com */ -/* global Uint8Array, console */ -/* exported export_xlsx */ -/* eslint no-use-before-define:0 */ -var XLSX = require('xlsx'); -var electron = require('electron').remote; +const XLSX = require('xlsx'); +const electron = require('electron').remote; -var process_wb = (function() { - var HTMLOUT = document.getElementById('htmlout'); - var XPORT = document.getElementById('xport'); +const EXTENSIONS = "xls|xlsx|xlsm|xlsb|xml|csv|txt|dif|sylk|slk|prn|ods|fods|htm|html".split("|"); - return function process_wb(wb) { - XPORT.disabled = false; - HTMLOUT.innerHTML = ""; - wb.SheetNames.forEach(function(sheetName) { - var htmlstr = XLSX.utils.sheet_to_html(wb.Sheets[sheetName],{editable:true}); - HTMLOUT.innerHTML += htmlstr; - }); +const processWb = function(wb) { + const HTMLOUT = document.getElementById('htmlout'); + const XPORT = document.getElementById('exportBtn'); + XPORT.disabled = false; + HTMLOUT.innerHTML = ""; + wb.SheetNames.forEach(function(sheetName) { + const htmlstr = XLSX.utils.sheet_to_html(wb.Sheets[sheetName],{editable:true}); + HTMLOUT.innerHTML += htmlstr; + }); +}; + +const readFile = function(files) { + const f = files[0]; + const reader = new FileReader(); + reader.onload = function(e) { + let data = e.target.result; + data = new Uint8Array(data); + processWb(XLSX.read(data, {type: 'array'})); }; -})(); + reader.readAsArrayBuffer(f); +}; -var do_file = (function() { - return function do_file(files) { - var f = files[0]; - var reader = new FileReader(); - reader.onload = function(e) { - var data = e.target.result; - data = new Uint8Array(data); - process_wb(XLSX.read(data, {type: 'array'})); - }; - reader.readAsArrayBuffer(f); - }; -})(); +const handleReadBtn = async function() { + const o = await electron.dialog.showOpenDialog({ + title: 'Select a file', + filters: [{ + name: "Spreadsheets", + extensions: EXTENSIONS + }], + properties: ['openFile'] + }); + if(o.filePaths.length > 0) processWb(XLSX.readFile(o.filePaths[0])); +}; -(function() { - var drop = document.getElementById('drop'); +const exportXlsx = async function() { + const HTMLOUT = document.getElementById('htmlout'); + const wb = XLSX.utils.table_to_book(HTMLOUT); + const o = await electron.dialog.showSaveDialog({ + title: 'Save file as', + filters: [{ + name: "Spreadsheets", + extensions: EXTENSIONS + }] + }); + console.log(o.filePath); + XLSX.writeFile(wb, o.filePath); + electron.dialog.showMessageBox({ message: "Exported data to " + o.filePath, buttons: ["OK"] }); +}; - function handleDrop(e) { - e.stopPropagation(); - e.preventDefault(); - do_file(e.dataTransfer.files); - } +// add event listeners +const readBtn = document.getElementById('readBtn'); +const readIn = document.getElementById('readIn'); +const exportBtn = document.getElementById('exportBtn'); +const drop = document.getElementById('drop'); - function handleDragover(e) { - e.stopPropagation(); - e.preventDefault(); - e.dataTransfer.dropEffect = 'copy'; - } - - drop.addEventListener('dragenter', handleDragover, false); - drop.addEventListener('dragover', handleDragover, false); - drop.addEventListener('drop', handleDrop, false); -})(); - -(function() { - var readf = document.getElementById('readf'); - async function handleF(/*e*/) { - var o = await electron.dialog.showOpenDialog({ - title: 'Select a file', - filters: [{ - name: "Spreadsheets", - extensions: "xls|xlsx|xlsm|xlsb|xml|xlw|xlc|csv|txt|dif|sylk|slk|prn|ods|fods|uos|dbf|wks|123|wq1|qpw|htm|html".split("|") - }], - properties: ['openFile'] - }); - if(o.filePaths.length > 0) process_wb(XLSX.readFile(o.filePaths[0])); - } - readf.addEventListener('click', handleF, false); -})(); - -(function() { - var xlf = document.getElementById('xlf'); - function handleFile(e) { do_file(e.target.files); } - xlf.addEventListener('change', handleFile, false); -})(); - -var export_xlsx = (function() { - var HTMLOUT = document.getElementById('htmlout'); - var XTENSION = "xls|xlsx|xlsm|xlsb|xml|csv|txt|dif|sylk|slk|prn|ods|fods|htm|html".split("|") - return async function() { - var wb = XLSX.utils.table_to_book(HTMLOUT); - var o = await electron.dialog.showSaveDialog({ - title: 'Save file as', - filters: [{ - name: "Spreadsheets", - extensions: XTENSION - }] - }); - console.log(o.filePath); - XLSX.writeFile(wb, o.filePath); - electron.dialog.showMessageBox({ message: "Exported data to " + o.filePath, buttons: ["OK"] }); - }; -})(); -void export_xlsx; +readBtn.addEventListener('click', handleReadBtn, false); +readIn.addEventListener('change', (e) => { readFile(e.target.files); }, false); +exportBtn.addEventListener('click', exportXlsx, false); +drop.addEventListener('dragenter', (e) => { + e.stopPropagation(); + e.preventDefault(); + e.dataTransfer.dropEffect = 'copy'; +}, false); +drop.addEventListener('dragover', (e) => { + e.stopPropagation(); + e.preventDefault(); + e.dataTransfer.dropEffect = 'copy'; +}, false); +drop.addEventListener('drop', (e) => { + e.stopPropagation(); + e.preventDefault(); + readFile(e.dataTransfer.files); +}, false);