Integrated uploader and upload dialog.

[scpubgit/stemmaweb.git] / root / js / uploader.js

function $upl(id) {
	return document.getElementById(id);	
}

function limitFiles( up, files ) {
    most_recent = files.slice(-1)[0];
    file_ids = $.map(up.files, function (item) { return item.id; });
    $.each(file_ids, function(index, file_id) {
        if( file_id!=most_recent.id ) { uploader.removeFile( uploader.getFile(file_id) ) };
    });
    $('#filelist').empty().html( '<div class="uploadfile" id="' + most_recent.id + '"><span id="uploadfile_label">File selected:</span>&nbsp;' + most_recent.name.substring(0,17) + '&nbsp;<b></b></div>' );
    $('#upload_button').button('enable');
}

function create_uploader(upload_url) {
        uploader = new plupload.Uploader({
        runtimes : 'html4',
        browse_button : 'pick_uploadfile_button',
        container: 'upload_container',
        max_file_size : '10mb',
        url : upload_url,
        filters : [
            {title : "Tradition files", extensions : "txt,xls,xlsx,csv,xml"},
        ]
    });

    uploader.bind('BeforeUpload', function(up, file) {
        var parameter_values = {};
        $.each($('#new_tradition').serializeArray(), function(i, field) {
            parameter_values[field.name] = field.value;
        });    
        up.settings.multipart_params = parameter_values;
    });
   
    uploader.bind('Init', function(up, params) {
        // $upl('filelist').innerHTML = "<div>Current runtime: " + params.runtime + "</div>";
    });

    uploader.bind('FilesAdded', function(up, files) {
        //Needed because Pluploader needs some time to add the file to the queue.
        setTimeout( function(){ limitFiles(up, files) }, 50 );
    });

    uploader.bind('UploadProgress', function(up, file) {
        $upl(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
    });

    uploader.bind('FileUploaded', function(up, file, ret) {
                   //token = ret.response;
                   $('#upload-collation-dialog').dialog( 'option', 'buttons').cancel();
    });
            
    uploader.init();

}