meidosafe/public/js/queueRenderer.js

var getQueueRenderer = function () {
    return new QueueRenderer();
};
var QueueRenderer = (function () {
    function QueueRenderer() {
    }
    QueueRenderer.prototype.createTextDiv = function (className, value) {
        var element = document.createElement("div");
        element.className = className;
        element.innerHTML = value;
        return element;
    };
    QueueRenderer.prototype.createButton = function (value, callback) {
        var element = document.createElement("button");
        element.className = "table-row-button";
        element.innerHTML = value;
        element.addEventListener("click", callback);
        return element;
    };
    QueueRenderer.prototype.createQueueRow = function (file, queueSettings) {
        var itemRow = document.createElement("div");
        itemRow.id = file.guid;
        itemRow.className = "table-row-item";
        this.renderQueueRowContent(itemRow, file, queueSettings);
        return itemRow;
    };
    QueueRenderer.prototype.translateFileStatus = function (file) {
        console.log(file)
        console.log(pu)
        switch (file.uploadStatus.toString()) {
            case pu.UploadStatus.queued:
                return "Queued";
            case pu.UploadStatus.uploading:
                return "Uploading";
            case pu.UploadStatus.uploaded:
                return "Uploaded";
            case pu.UploadStatus.failed:
                return "Failed";
            case pu.UploadStatus.canceled:
                return "Canceled";
        }
        return "Unknown";
    };
    QueueRenderer.prototype.renderQueueRowContent = function (itemRow, file, queueSettings) {
        while (itemRow.firstChild)
            itemRow.removeChild(itemRow.firstChild);
        itemRow.appendChild(this.createTextDiv('table-row-item-status', this.translateFileStatus(file)));
        itemRow.appendChild(this.createTextDiv('table-row-item-name', file.name));
        itemRow.appendChild(this.createTextDiv('table-row-item-progress', file.progress.toString() + "%"));
        switch (file.uploadStatus.toString()) {
            case pu.UploadStatus.queued:
                if (!queueSettings.autoStart) {
                    itemRow.appendChild(this.createButton("Start", function () { return file.start(); }));
                    break;
                }
            case pu.UploadStatus.uploading:
                itemRow.appendChild(this.createButton("Cancel", function () { return file.cancel(); }));
                break;
            case pu.UploadStatus.uploaded:
            case pu.UploadStatus.failed:
            case pu.UploadStatus.canceled:
                itemRow.appendChild(this.createButton("Delete", function () { return file.remove(); }));
                break;
        }
    };
    QueueRenderer.prototype.renderItemProgress = function (queueId, file) {
        var itemRow = document.getElementById(file.guid);
        for (var i = 0; i < itemRow.childNodes.length; i++) {
            var node = itemRow.childNodes[i];
            if (node.attributes.getNamedItem('class').value == 'table-row-item-progress') {
                node.textContent = file.progress.toString() + "%";
                break;
            }
        }
    };
    QueueRenderer.prototype.renderQueue = function (queueId, queueTitle, files, queueSettings) {
        var _this = this;
        var queue = document.getElementById(queueId);
        while (queue.firstChild)
            queue.removeChild(queue.firstChild);
        queue.appendChild(this.createTextDiv("table-header-title", queueTitle));
        files.forEach(function (file) {
            queue.appendChild(_this.createQueueRow(file, queueSettings));
        });
    };
    return QueueRenderer;
})();