// vim:set sw=4 ts=4 sts=4 ft=javascript expandtab:

// total file counter

window.fc = 0;

// Cancelled files indexes

window.cancelled = [];

// Set websocket

window.ws = spawnWebsocket(0, function() {return null;});

// Use slice of 0.75MB

window.sliceLength = 750000;

// Global zip objects for currently created zip file

window.zip = null;

window.zipSize = 0;

// Init the list of files (used by LDAP invitation feature)

window.filesURLs = [];

// Copy a link to clipboard

function copyToClipboard(txt) {

    var textArea = $('<textarea>');

    textArea.addClass('textarea-hidden');

    textArea.val(txt);

    $('body').append(textArea);

    textArea.select();

    try {

        var successful = document.execCommand('copy');

        var msg = successful ? i18n.copySuccess : i18n.copyFail;

        Materialize.toast(msg, 4000);

    } catch (err) {

        el.focus();

        var len = el.value.length * 2;

        el.setSelectionRange(0, len);

        alert(i18n.hit);

    }

    textArea.remove();

}

// Copy all links to clipboard

function copyAllToClipboard(event) {

    event.preventDefault();

    var text = new Array();

    var a = $('.link-input');

    var i;

    for (i = 0; i < a.length; i++) {

        text.push(a[i].value);

    }

    var textArea = $('<textarea>');

    textArea.addClass('textarea-hidden');

    textArea.val(text.join("\n"));

    $('body').append(textArea);

    textArea.select();

    try {

        var successful = document.execCommand('copy');

        var msg = successful ? i18n.copySuccess : i18n.copyFail;

        Materialize.toast(msg, 4000);

    } catch (err) {

        textArea.removeClass('textarea-hidden');

        textArea.addClass('white-background');

        alert(i18n.hits);

    }

    textArea.remove();

}

// Add item to localStorage

function addItem(name, url, size, del_at_first_view, created_at, delay, short, token) {

    var files = localStorage.getItem(window.prefix + 'files');

    if (files === null) {

        files = new Array();

    } else {

        files = JSON.parse(files);

    }

    files.push({ name: name, short: short, url: url, size: size, del_at_first_view: del_at_first_view, created_at: created_at, delay: delay, token: token });

    localStorage.setItem(window.prefix + 'files', JSON.stringify(files));

}

// Remove a file block

function destroyBlock(el) {

    $(el).parents('li').remove();

    if ($('.link-input').length === 0) {

        $('#misc').empty();

        if ($('#results li').length === 0 && window.fileList === null) {

            $('#results').hide();

        }

    } else {

        updateMailLink();

    }

}

// When clicking on del at first view checkbox

function firstViewClicking() {

    if ($('#first-view').attr('data-checked') && $('#first-view').attr('data-checked') === 'data-checked') {

        $('#first-view').attr('data-checked', null);

    } else {

        $('#first-view').attr('data-checked', 'data-checked');

    }

}

// When clicking on zip checkbox

function zipClicking () {

    if ($('#zip-files').attr('data-checked') && $('#zip-files').attr('data-checked') === 'data-checked') {

        window.zipSize = 0;

        window.zip = null;

        $('#zip-files').attr('data-checked', null);

        $('#zipname').val('documents.zip');

        $('#zipname-input').addClass('hide');

        $('#zipping').addClass('hide');

        $('#files').removeClass('m6').addClass('m12');

        $('#zip-parts').html('');

        $('#delete-day').attr('disabled', null);

        $('#first-view').attr('disabled', null);

    } else {

        $('#zip-files').attr('data-checked', 'data-checked');

        $('#zipname-input').removeClass('hide');

        $('#zip-size').text(filesize(window.zipSize));

    }

}

// Get the zip file name

function getZipname() {

    var zipname = $('#zipname').val();

    if (zipname === '') {

        zipname = 'documents.zip';

    }

    if (!zipname.endsWith('.zip')) {

        if (zipname.endsWith('.')) {

            zipname += 'zip';

        } else {

            zipname += '.zip';

        }

    }

    return escapeHtml(zipname);

}

// Update the zip name

function updateZipname() {

    $('#zip-name').text(getZipname());

}

// Create blob from zip

function uploadZip(e) {

    e.preventDefault();

    var delay             = $('#delete-day');

    var del_at_first_view = $('#first-view');

    $('#zip-files').attr('disabled', 'disabled');

    $('#file-browser-button').attr('disabled', 'disabled');

    $('#file-browser-span').addClass('disabled');

    $('#uploadZip').addClass('hide');

    $('#zip-parts').text('');

    $('#zip-compressing').removeClass('hide');

    window.zip.generateAsync({type:"blob"})

        .then(function(zipFile) {

            // if $('#zipping') is hidden, the zipping has been aborted

            if (!$('#zipping').hasClass('hide')) {

                window.zip = null;

                $('#zipping').addClass('hide');

                $('#files').removeClass('m6').addClass('m12');

                $('#zipname-input').addClass('hide');

                $('#zip-compressing').addClass('hide');

                $('#uploadZip').removeClass('hide');

                $('#results').show();

                $('#zip-files').attr('disabled', null);

                var zipname = getZipname();

                var file = new File([zipFile], zipname, {type: 'application/zip'});

                Materialize.toast(i18n.enqueued.replace('XXX', zipname), 3000, 'teal accent-3');

                if (window.fileList === undefined || window.fileList === null) {

                    window.fileList = [file];

                    uploadFile(0, delay.val(), del_at_first_view.is(':checked'));

                } else {

                    window.fileList.push(file);

                }

            }

            $('#file-browser-button').attr('disabled', null);

            $('#file-browser-span').removeClass('disabled');

        });

}

// Update the mail link

function updateMailLink() {

    var a = $('.link-input');

    var l = new Array();

    var i;

    for (i = 0; i < a.length; i++) {

        l.push(a[i].id);

    }

    var u = actionURL+'m?links='+JSON.stringify(l);

    $('#mailto').attr('href', u);

}

// [Invitation feature] Send URLs of files to server

function sendFilesURLs() {

    if (window.filesURLs.length > 0) {

        $.ajax({

            url: sendFilesURLsURL,

            method: 'POST',

            dataType: 'json',

            data: {

                urls: window.filesURLs

            },

            success: function(data, textStatus, jqXHR) {

                if (data.success) {

                    Materialize.toast(data.msg, 6000, 'teal accent-3');

                } else {

                    Materialize.toast(data.msg, 10000, 'red accent-2');

                }

            }

        });

    }

}

// Start uploading the files (called from <input> and from drop zone)

function handleFiles(f) {

    var delay             = $('#delete-day');

    var zip_files         = $('#zip-files');

    var del_at_first_view = $('#first-view');

    delay.attr('disabled', 'disabled');

    del_at_first_view.attr('disabled', 'disabled');

    if (zip_files.is(':checked')) {

        if (window.zip === null) {

            window.zip = new JSZip();

        }

        $('#zipping').removeClass('hide');

        $('#files').removeClass('m12').addClass('m6');

        for (var i = 0; i < f.length; i++) {

            var element  = f.item(i);

            var filename = element.name;

            var origname = filename;

            var counter  = 0;

            while (typeof(window.zip.files[filename]) !== 'undefined') {

                counter += 1;

                filename = origname.substring(0, origname.lastIndexOf('.')) + '_(' + counter + ')' + origname.substring(origname.lastIndexOf('.'));

            }

            window.zip.file(filename, element);

            window.zipSize += element.size;

            $('#zip-size').text(filesize(window.zipSize));

            $('#zip-parts').append([

                '
',

                    '— ', filename, ' (', filesize(element.size), ')',

                ''

            ].join(''));

        }

    } else {

        if (window.fileList === undefined || window.fileList === null) {

            window.fileList = Array.prototype.slice.call(f);

            for (var i = 0; i < window.fileList.length; i++) {

                var file = window.fileList[i];

                Materialize.toast(i18n.enqueued.replace('XXX', escapeHtml(file.name)), 3000, 'teal accent-3');

            }

            window.nbFiles  = window.fileList.length;

            $('#results').show();

            uploadFile(0, delay.val(), del_at_first_view.is(':checked'));

        } else {

            window.fileList = window.fileList.concat(Array.prototype.slice.call(f));

        }

    }

}

// Create random key

function genRandomKey() {

    return sjcl.codec.base64.fromBits(sjcl.random.randomWords(8, 10), 0);

}

// Create progress bar and call slicing and uploading function

function uploadFile(i, delay, del_at_first_view) {

    // Prevent exiting page before full upload

    window.onbeforeunload = confirmExit;

    // Create a random key, different for all files

    var randomkey = genRandomKey();

    // Get the file and properties

    var file  = window.fileList[i];

    var name  = escapeHtml(file.name);

    var size  = filesize(file.size);

    var parts = Math.ceil(file.size/window.sliceLength);

    if (parts === 0) {

        parts = 1;

    }

    // Create a progress bar for the file

    var r  = $('#ul-results');

    var w  = $('
');

    w.addClass('list-group-item');

    w.html(['
',

                '
',

                    '',

                        '',

                    '',

                    '
',

                        '', name, ' (', size,')',

                        '
',

                    '',

                    '
',

                        '
',

                            '', name, '0%',

                        '',

                    '',

            '
'].join(''));

    r.prepend(w);

    $('#destroy-'+window.fc).on('click', function(event) {

        event.preventDefault();

        window.cancelled.push(i);

        destroyBlock(this);

    });

    sliceAndUpload(randomkey, i, parts, 0, delay, del_at_first_view, null, null);

}

// Get a slice of file and send it

function sliceAndUpload(randomkey, i, parts, j, delay, del_at_first_view, short, mod_token) {

    if (mod_token !== null && window.cancelled.includes(i)) {

        var data = JSON.stringify({

            id: short,

            mod_token: mod_token,

            cancel: true,

            i: i

        })+'XXMOJOXXuseless';

        // Verify that we have a websocket and send json

        if (window.ws.readyState === 3) {

            window.ws = spawnWebsocket(0, function() {

                window.ws.send(data);

            });

        } else {

            window.ws.onclose = function() {

                console.log('Websocket closed, waiting 10sec.');

                window.ws = spawnWebsocket(0, function() {return null;});

            };

            window.ws.onerror = function() {

                console.log('Error on Websocket, waiting 10sec.');

                window.ws = spawnWebsocket(0, function() {return null;});

            };

            window.ws.send(data);

        }

    } else {

        var file  = window.fileList[i];

        var slice = file.slice(j * window.sliceLength, (j + 1) * window.sliceLength, file.type);

        var fr = new FileReader();

        fr.onloadend = function() {

            var sl        = $('#parts-'+window.fc);

            // Get the binary result, different result in IE browsers (see default.html.ep line 27:48)

            if (isIE == true){

                var bin = fr.content;

            } else {

                var bin = fr.result;

            }

            // Transform it in base64

            var b         = window.btoa(bin);

            // Encrypt it

            var encrypted = sjcl.encrypt(randomkey, b);

            // Prepare json

            var data = {

                // number of parts

                total: parts,

                // part X of total

                part: j,

                size: file.size,

                name: file.name,

                type: file.type,

                delay: delay,

                del_at_first_view: del_at_first_view,

                zipped: $('#zip-files').is(':checked'),

                id: short,

                // number of the sent file in the queue

                i: i

            };

            if ($('#file_pwd').length === 1) {

                var pwd = $('#file_pwd').val();

                if (pwd !== undefined && pwd !== null && pwd !== '') {

                    data['file_pwd'] = $('#file_pwd').val();

                }

            }

            data = JSON.stringify(data)+'XXMOJOXX'+JSON.stringify(encrypted);;

            var percent = Math.round(1000 * j/parts)/10;

            console.log('sending slice '+(j + 1)+'/'+parts+' of file '+file.name+' ('+percent+'%)');

            sl.html(percent.toFixed(1)+'%');

            // Verify that we have a websocket and send json

            if (window.ws.readyState === 3) {

                window.ws = spawnWebsocket(0, function() {

                    window.ws.send(data);

                });

            } else {

                window.ws.onclose = function() {

                    console.log('Websocket closed, waiting 10sec.');

                    window.ws = spawnWebsocket(0, function() {

                        console.log('sending again slice '+(j + 1)+'/'+parts+' of file '+file.name);

                        window.ws.send(data);

                    });

                };

                window.ws.onerror = function() {

                    console.log('Error on Websocket, waiting 10sec.');

                    window.ws = spawnWebsocket(0, function() {

                        console.log('sending again slice '+(j + 1)+'/'+parts+' of file '+file.name);

                        window.ws.send(data);

                    });

                };

                window.ws.send(data);

            }

        }

        fr.readAsBinaryString(slice);

    }

}

// Update the progress bar

function updateProgressBar(data) {

    if (typeof(data.action) !== 'undefined' && data.action === 'cancel') {

        if (data.success) {

            console.log('Upload successfully cancelled');

        } else {

            console.log('Upload cancellation failed: ' + data.msg);

        }

        // Remove the cancelled index

        window.cancelled.splice(window.cancelled.indexOf(window.fc), 1);

        // Upload next file

        window.fc++;

        data.i++;

        if (data.i < window.fileList.length) {

            uploadFile(data.i, $('#delete-day').val(), $('#first-view').is(':checked'));

        } else {

            // We have finished

            window.cancelled = [];

            window.fileList = null;

            window.onbeforeunload = null;

            $('#delete-day').attr('disabled', null);

            $('#first-view').attr('disabled', null);

            if ($('#zip-files').is(':checked') && window.zip === null) {

                $('label[for="zip-files"]').click();

            }

        }

        if ($('#results li').length === 0 && window.fileList === null) {

            $('#results').hide();

        }

    } else {

        var i                 = data.i;

        var sent_delay        = data.sent_delay;

        var del_at_first_view = data.del_at_first_view;

        if (data.success) {

            var j          = data.j;

            var delay      = data.delay;

            var parts      = data.parts;

            var short      = data.short;

            var created_at = data.created_at;

            console.log('getting response for slice '+(j + 1)+'/'+parts+' of file '+data.name+' ('+data.duration+' sec)');

            var dp    = $('#progress-'+window.fc);

            var key   = dp.attr('data-key');

            if (j + 1 === parts) {

                //

                window.ws.onclose = function() {

                    console.log('Connection is closed.');

                };

                window.ws.onerror = function() {

                    console.log('Error on WebSocket connection but file has been fully send, so we don\'t care.');

                }

                notify(i18n.fileUploaded, data.name);

                $('#parts-'+window.fc).remove();

                var n       = $('#name-'+window.fc);

                var s       = $('#size-'+window.fc);

                var d       = $('
');

                var url     = baseURL+'r/'+short+'#'+key;

                var del_url = actionURL+'d/'+short+'/'+data.token;

                var links   = encodeURIComponent('["'+short+'"]');

                var limit   = (delay === 0) ? i18n.noLimit : i18n.expiration+' '+moment.unix(delay * 86400 + created_at).locale(window.navigator.language).format('LLLL');

                if (!isGuest) {

                    n.html(n.html()+' '+s.html()+' 
'+limit);

                    d.html(['
',

                                '
',

                                    '',

                                        '',

                                            '',

                                        '',

                                        '',

                                            '',

                                        '',

                                    '',

                                    '<input id="', short, '" class="form-control link-input white-background" value="', url, '" readonly="" type="text">',

                                    '<label class="active" for="', short, '">', i18n.dlText, '</label>',

                                '',

                                '
',

                                    '',

                                        '',

                                    '',

                                    '<input id="delete-', short, '" class="form-control white-background" value="', del_url, '" readonly="" type="text">',

                                    '<label class="active" for="delete-', short, '">', i18n.delText, '</label>',

                                '',

                            ''].join(''));

                } else {

                    n.html(n.html()+' '+s.html());

                }

                s.remove();

                var p2 = dp.parent();

                var p1 = p2.parent();

                p2.remove();

                p1.append(d);

                $('#copyurl-'+window.fc).on('click', function(e) {

                    e.preventDefault();

                    copyToClipboard(url);

                });

                $("input[type='text']").on("click", function () {

                    $(this).select();

                });

                // Add copy all and mailto buttons

                var misc = $('#misc');

                if (misc.html() === '' && !isGuest) {

                    misc.html(''+i18n.copyAll+' '+i18n.mailTo+'');

                    $('#copyall').on('click', copyAllToClipboard);

                } else {

                    updateMailLink();

                }

                // Add the file to localStorage

                if (!isGuest) {

                    addItem(data.name, url, data.size, del_at_first_view, created_at, delay, data.short, data.token);

                }

                if (isGuest && short !== null) {

                    window.filesURLs.push(JSON.stringify({ name: data.name, short: data.short, url: url, size: data.size, created_at: created_at, delay: delay, token: data.token }));

                }

                // Upload next file

                window.fc++;

                i++;

                if (i < window.fileList.length) {

                    uploadFile(i, sent_delay, del_at_first_view);

                } else {

                    // We have finished

                    window.fileList = null;

                    window.onbeforeunload = null;

                    $('#delete-day').attr('disabled', null);

                    $('#first-view').attr('disabled', null);

                    if ($('#zip-files').is(':checked') && window.zip === null) {

                        $('label[for="zip-files"]').click();

                    }

                    if (isGuest) {

                        sendFilesURLs();

                    }

                }

                if ($('#results li').length === 0 && window.fileList === null) {

                    $('#results').hide();

                }

            } else {

                j++;

                // Update progress bar

                var percent = Math.round(1000 * j/parts)/10;

                var wClass  = percent.toString().replace('.', '-');

                dp.removeClass();

                dp.addClass('determinate');

                dp.addClass('width-'+wClass);

                dp.attr('aria-valuenow', percent);

                // Encrypt and upload next slice

                sliceAndUpload(key, i, parts, j, delay, del_at_first_view, short, data.token);

            }

        } else {

            addAlertOnFile(data.msg, i, delay, del_at_first_view);

            if (isGuest) {

                sendFilesURLs();

            }

        }

    }

}

// Write message instead in a file block

function addAlertOnFile(msg, i, sent_delay, del_at_first_view) {

    var n       = $('#name-'+window.fc);

    var p       = $('#progress-'+window.fc);

    var d       = $('
');

    p.parent().remove();

    d.addClass('card pink');

    d.html(['
',

                '', msg, '',

            ''].join(''));

    n.parent().append(d);

    // Upload next file

    window.fc++;

    i++;

    if (i < window.fileList.length) {

        uploadFile(i, sent_delay, del_at_first_view);

    } else {

        // We have finished

        window.onbeforeunload = null;

        $('#zip-files').attr('disabled', null);

        $('#delete-day').attr('disabled', null);

        $('#first-view').attr('disabled', null);

    }

}

// Dropzone events functions

function handleDrop(evt) {

    evt.stopPropagation();

    evt.preventDefault();

    var f = evt.dataTransfer.files; // FileList object

    handleFiles(f);

}

function handleDragOver(evt) {

    evt.stopPropagation();

    evt.preventDefault();

    evt.dataTransfer.dropEffect = 'copy'; // Explicitly show this is a copy.

}

// Spawn websocket

function spawnWebsocket(i, callback) {

    if (i === undefined || i === null) {

        i = 0;

    }

    var ws       = new WebSocket(ws_url);

    ws.onopen    = function() {

        console.log('Connection is established!');

        if (callback !== undefined) {

            callback();

        }

    };

    ws.onclose   = function() {

        console.log('Connection is closed.');

    }

    ws.onmessage = function(e) {

        updateProgressBar(JSON.parse(e.data));

    }

    ws.onerror = function() {

        console.log('error');

        if (i < 5 && callback !== undefined) {

            console.log('Retrying to send file (try '+i+' of 5)');

            window.ws = spawnWebsocket(i + 1, callback);

        }

    }

    return ws;

}

// Dropzone events binding

function bindDropZone() {

    var dropZone = document.getElementById('files');

    dropZone.addEventListener('dragover', handleDragOver, false);

    dropZone.addEventListener('drop', handleDrop, false);

    $('#file-browser-span').removeClass('disabled');

    $('#file-browser-span').addClass('cyan');

    $('#file-browser-button').attr('disabled', null);

    $('#file-browser-button').on('change', function(e) {

        handleFiles(this.files);

    });

}

// When it's ready

$(document).ready(function() {

    $('#zip-files').prop('checked', false);

    $('#first-view').prop('checked', false);

    $('#zipname').val('documents.zip');

    if (!sjcl.random.isReady(10)) {

        var loop = setInterval(function() {

            if (!sjcl.random.isReady(10)) {

                $('#not-enough-entropy').removeClass('hiddendiv');

            } else {

                $('#not-enough-entropy').addClass('hiddendiv');

                bindDropZone();

                clearInterval(loop);

            }

        }, 1000);

    } else {

        bindDropZone();

    }

    if (maxSize > 0) {

        $('#max-file-size').text(i18n.maxSize.replace('XXX', filesize(maxSize)));

    }

    $('label[for="first-view"]').on('click', firstViewClicking);

    $('label[for="zip-files"]').on('click', zipClicking);

    $('#zipname').on('input', updateZipname);

    $('#uploadZip').on('click', uploadZip);

    $('#reset-zipping').on('click', function() {

        window.zip = null;

        $('label[for="zip-files"]').click();

        $('#zip-files').attr('disabled', null);

        $('#zip-compressing').addClass('hide');

        $('#file-browser-button').attr('disabled', null);

        $('#file-browser-span').removeClass('disabled');

        $('#files').removeClass('m6').addClass('m12');

    });

});