lufi/themes/default/public/js/lufi-files.js

// vim:set sw=4 ts=4 sts=4 ft=javascript expandtab:
// Add item to localStorage
function addItem(item) {
    var files = localStorage.getItem('files');
    if (files === null) {
        files = new Array();
    } else {
        files = JSON.parse(files);
    }
    files.push(item);
    localStorage.setItem('files', JSON.stringify(files));
}

function delItem(name) {
    var files = localStorage.getItem('files');
    if (files === null) {
        files = new Array();
    } else {
        files = JSON.parse(files);
    }
    var i;
    for (i = 0; i < files.length; i++) {
        if (files[i].short === name) {
            files.splice(i, 1);
        }
    }
    localStorage.setItem('files', JSON.stringify(files));
}

function itemExists(name) {
    var files = localStorage.getItem('files');
    if (files === null) {
        return false;
    } else {
        files = JSON.parse(files);
        var i;
        for (i = 0; i < files.length; i++) {
            if (files[i].short === name) {
                return true;
            }
        }
        return false;
    }
}

function purgeExpired() {
    var files = JSON.parse(localStorage.getItem('files'));

    files.forEach(function(element, index, array) {
        $.ajax({
            url: counterURL,
            method: 'POST',
            dataType: 'json',
            data: {
                short: element.short,
                token: element.token
            },
            success: function(data, textStatus, jqXHR) {
                if (data.success) {
                    if (data.deleted) {
                        $('#count-'+data.short).parent().remove();
                        delItem(data.short);
                    }
                }
            }
        });
    });
}

function exportStorage() {
    var a   = $('<a id="data-json">');
    a.hide();
    $('body').append(a);

    var storageData = [localStorage.getItem('files')];
    var exportFile  = new Blob(storageData, {type : 'application/json'});
    var url         = window.URL.createObjectURL(exportFile);

    a.attr('href', url);
    a.attr('download', 'data.json');
    $('#data-json')[0].click();
    $('#data-json').remove();
}

function importStorage(f) {
    var reader = new FileReader();
    reader.addEventListener("loadend", function() {
        try {
            var newFiles = JSON.parse(String.fromCharCode.apply(null, new Uint8Array(reader.result)));
            var i;
            var hasImported = 0;
            for (i = 0; i < newFiles.length; i++) {
                var item = newFiles[i];
                if (!itemExists(item.short)) {
                    addItem(item);
                    hasImported++;
                }
            }
            populateFilesTable();

            Materialize.toast(i18n.importProcessed);
        } catch(err) {
            alert(err);
        }
    });
    reader.readAsArrayBuffer(f[0]);
}

function populateFilesTable() {
    $('#myfiles').empty();

    var files = JSON.parse(localStorage.getItem('files'));
    files.sort(function(a, b) {
        if (a.created_at < b.created_at) {
            return -1;
        } else if (a.created_at > b.created_at) {
            return 1;
        } else {
            return 0
        }
    });
    files.forEach(function(element, index, array) {
        var del_view   = (element.del_at_first_view) ? '<i class="small mdi-action-done"></i>' : '<i class="small mdi-navigation-close"></i>';
        var dlink      = baseURL+'d/'+element.short+'/'+element.token;
        var limit      = (element.delay === 0) ? i18n.noExpiration : moment.unix(element.delay * 86400 + element.created_at).locale(window.navigator.language).format('LLLL');
        var created_at = moment.unix(element.created_at).locale(window.navigator.language).format('LLLL');

        var tr = $('<tr>');
        tr.html([ '<td class="left-align">',
                      escapeHtml(element.name),
                  '</td>',
                  '<td class="center-align">',
                      '<a href="', element.url, '" class="classic"><i class="small mdi-file-file-download"></i></a>',
                  '</td>',
                  '<td id="count-', element.short, '" class="center-align">',
                  '</td>',
                  '<td class="center-align">',
                      del_view,
                  '</td>',
                  '<td>',
                      created_at,
                  '</td>',
                  '<td>',
                      limit,
                  '</td>',
                  '<td class="center-align">',
                      '<a href="', dlink, '" class="classic"><i class="small mdi-action-delete"></i></a>',
                  '</td>'].join(''));
        $('#myfiles').append(tr);

        $.ajax({
            url: counterURL,
            method: 'POST',
            dataType: 'json',
            data: {
                short: element.short,
                token: element.token
            },
            success: function(data, textStatus, jqXHR) {
                if (data.success) {
                    $('#count-'+data.short).html(data.counter);
                    if (data.deleted) {
                        $('#count-'+data.short).parent().addClass('purple lighten-4');
                    }
                } else {
                    alert(data.msg);
                    $('#count-'+data.short).parent().remove();
                    if (data.missing) {
                        delItem(data.short);
                    }
                }
            }
        });
    });
}