function saveImages(images) {
    var zip = new JSZip();

    images.forEach(function (canvas, index) {
        var dataURL = canvas.toDataURL("image/jpeg", 0.8);
        var img = dataURL.replace(/^data:image\/(png|jpeg);base64,/, "");
        zip.file("flyer_" + index + ".jpg", img, {base64: true});
    });    
    
    zip.generateAsync({type:"blob"}).then(function(content) {
        saveAs(content, `apresentacao_${(new Date().toJSON().slice(0,19))}.zip`);
    });
}

function getImages(){
    var classesNodeList = document.querySelectorAll(".imageContainer");
    var images = [];
    var promises = Array.prototype.map.call(classesNodeList, function(element) {
        return html2canvas(element).then(
            res=>{
                images.push(res);
            }
        ).catch(error=>console.log(error));            
    });
    
    Promise.all(promises).then((values) => {
        saveImages(images);
    });
}

document.addEventListener("DOMContentLoaded", () => {
    getImages();
});