assets/js/testing-batch.js in appscms-tools-theme-3.0.2 vs assets/js/testing-batch.js in appscms-tools-theme-3.0.3

- old
+ new

@@ -1,39 +1,39 @@ -zipFileType = 'svg' -renderFileTypes = ['svg'] -const batchConversion = async (file, indexValue) => { - return new Promise((resolve, reject) => { - if (file) { - const reader = new FileReader() - reader.readAsDataURL(file) - reader.onload = (e) => { - if (e.target.result) { - let image = new Image() - let canvas = document.createElement('canvas') - canvas.setAttribute('id', 'canvas-img') - let ctx = canvas.getContext('2d') - image.onload = () => { - canvas.width = image.width - canvas.height = image.height - // counter.innerHTML = e.target.value + "%" - let filters = document.querySelector('#applyFilter') - if (filters.getAttribute('data-filter') === 'opacity') { - ctx.globalAlpha = filters.value - ctx.drawImage(image, 0, 0, canvas.width, canvas.height) - resolve([indexValue, canvas.toDataURL('image/png'), 'image']) - } else { - ctx.filter = - filters.getAttribute('data-filter') + - '(' + - filters.value + - filters.getAttribute('data-scale') + - ') ' - ctx.drawImage(image, 0, 0, canvas.width, canvas.height) - resolve([indexValue, canvas.toDataURL('image/png'), 'image']) - } - } - image.src = e.target.result - } - } - } - }) -} +zipFileType = 'svg' +renderFileTypes = ['svg'] +const batchConversion = async (file, indexValue) => { + return new Promise((resolve, reject) => { + if (file) { + const reader = new FileReader() + reader.readAsDataURL(file) + reader.onload = (e) => { + if (e.target.result) { + let image = new Image() + let canvas = document.createElement('canvas') + canvas.setAttribute('id', 'canvas-img') + let ctx = canvas.getContext('2d') + image.onload = () => { + canvas.width = image.width + canvas.height = image.height + // counter.innerHTML = e.target.value + "%" + let filters = document.querySelector('#applyFilter') + if (filters.getAttribute('data-filter') === 'opacity') { + ctx.globalAlpha = filters.value + ctx.drawImage(image, 0, 0, canvas.width, canvas.height) + resolve([indexValue, canvas.toDataURL('image/png'), 'image']) + } else { + ctx.filter = + filters.getAttribute('data-filter') + + '(' + + filters.value + + filters.getAttribute('data-scale') + + ') ' + ctx.drawImage(image, 0, 0, canvas.width, canvas.height) + resolve([indexValue, canvas.toDataURL('image/png'), 'image']) + } + } + image.src = e.target.result + } + } + } + }) +}