MarietjeDjango/marietje/static/js/upload.js

!function(e){var t=function(t,n){this.$element=e(t),this.type=this.$element.data("uploadtype")||(this.$element.find(".thumbnail").length>0?"image":"file"),this.$input=this.$element.find(":file");if(this.$input.length===0)return;this.name=this.$input.attr("name")||n.name,this.$hidden=this.$element.find('input[type=hidden][name="'+this.name+'"]'),this.$hidden.length===0&&(this.$hidden=e('<input type="hidden" />'),this.$element.prepend(this.$hidden)),this.$preview=this.$element.find(".fileupload-preview");var r=this.$preview.css("height");this.$preview.css("display")!="inline"&&r!="0px"&&r!="none"&&this.$preview.css("line-height",r),this.original={exists:this.$element.hasClass("fileupload-exists"),preview:this.$preview.html(),hiddenVal:this.$hidden.val()},this.$remove=this.$element.find('[data-dismiss="fileupload"]'),this.$element.find('[data-trigger="fileupload"]').on("click.fileupload",e.proxy(this.trigger,this)),this.listen()};t.prototype={listen:function(){this.$input.on("change.fileupload",e.proxy(this.change,this)),e(this.$input[0].form).on("reset.fileupload",e.proxy(this.reset,this)),this.$remove&&this.$remove.on("click.fileupload",e.proxy(this.clear,this))},change:function(e,t){if(t==="clear")return;var n=e.target.files!==undefined?e.target.files[0]:e.target.value?{name:e.target.value.replace(/^.+\\/,"")}:null;if(!n){this.clear();return}this.$hidden.val(""),this.$hidden.attr("name",""),this.$input.attr("name",this.name);if(this.type==="image"&&this.$preview.length>0&&(typeof n.type!="undefined"?n.type.match("image.*"):n.name.match(/\.(gif|png|jpe?g)$/i))&&typeof FileReader!="undefined"){var r=new FileReader,i=this.$preview,s=this.$element;r.onload=function(e){i.html('<img src="'+e.target.result+'" '+(i.css("max-height")!="none"?'style="max-height: '+i.css("max-height")+';"':"")+" />"),s.addClass("fileupload-exists").removeClass("fileupload-new")},r.readAsDataURL(n)}else this.$preview.text(n.name),this.$element.addClass("fileupload-exists").removeClass("fileupload-new")},clear:function(e){this.$hidden.val(""),this.$hidden.attr("name",this.name),this.$input.attr("name","");if(navigator.userAgent.match(/msie/i)){var t=this.$input.clone(!0);this.$input.after(t),this.$input.remove(),this.$input=t}else this.$input.val("");this.$preview.html(""),this.$element.addClass("fileupload-new").removeClass("fileupload-exists"),e&&(this.$input.trigger("change",["clear"]),e.preventDefault())},reset:function(e){this.clear(),this.$hidden.val(this.original.hiddenVal),this.$preview.html(this.original.preview),this.original.exists?this.$element.addClass("fileupload-exists").removeClass("fileupload-new"):this.$element.addClass("fileupload-new").removeClass("fileupload-exists")},trigger:function(e){this.$input.trigger("click"),e.preventDefault()}},e.fn.fileupload=function(n){return this.each(function(){var r=e(this),i=r.data("fileupload");i||r.data("fileupload",i=new t(this,n)),typeof n=="string"&&i[n]()})},e.fn.fileupload.Constructor=t,e(document).on("click.fileupload.data-api",'[data-provides="fileupload"]',function(t){var n=e(this);if(n.data("fileupload"))return;n.fileupload(n.data());var r=e(t.target).closest('[data-dismiss="fileupload"],[data-trigger="fileupload"]');r.length>0&&(r.trigger("click.fileupload"),t.preventDefault())})}(window.jQuery)

$(function () {
    $(document).on('change', '.filefield', function () {
        var file = this.files[0];
        var url = file.urn || file.name;
        var filefield = $(this);
        
        // Read ID3 tags to fill the form.
        ID3.loadTags(url, function () {
            var tags = ID3.getAllTags(url);
            filefield.parent().parent().parent().find('.artist').val(tags.artist);
            filefield.parent().parent().parent().find('.title').val(tags.title);
        }, {
            tags: ['title', 'artist'],
            dataReader: FileAPIReader(file)
        });
    });
    var uploadform = $('.uploadform').clone(true, true);
    
    $('#add').click(function() {
        uploadform.clone().appendTo('.forms-container');
    });
    
    $('#remove').click(function() {
        $('.uploadform').last().remove();
    });
    
    $('#upload').click(function() {
        var forms = $('.uploadform form');
        forms.each(function() {
            var progressBar = $(this).find('.progress-bar');
            var resultMessage = $(this).find('.result-message');
            var form = $(this);
            $(this).ajaxSubmit({
                uploadProgress: function(event, position, total, percentComplete) {
                    form.find('input').attr('disabled', true);
                    progressBar.css('width', percentComplete + '%');
                },
                success: function(result) {
                    progressBar.removeClass('progress-bar-info progress-bar-success progress-bar-danger');
                    progressBar.css('width', '100%');
                    
                    if(!result.success)
                    {
                        progressBar.addClass('progress-bar-danger');
                        resultMessage.text(result.errorMessage);
                    }
                    else
                    {
                        progressBar.addClass('progress-bar-success');
                        resultMessage.text('Uploaded sucessfully.');
                    }
                },
                error: function() {
                    progressBar.removeClass('progress-bar-info');
                    progressBar.addClass('progress-bar-danger');
                    progressBar.css('width', '100%');
                }
            });
        });
    });
});