This commit is contained in:
Sanj 2012-10-11 04:39:27 +05:30
parent c1876fe0ee
commit 2d84b2269e

View File

@ -1,163 +0,0 @@
// vi:si:et:sw=2:sts=2:ts=2
function doProgress(progress) {
var status = progress.status;
var progress = progress.progress;
//do something with status and progress, i.e. set progressbar width:
$('#progress').css('width', parseInt(progress*100, 10) +'%');
$('#progressstatus').html(parseInt(progress*100, 10) + '% - ' + status);
}
var UploadQueue = function() {
var that = this;
this.allFiles = [];
this.isUploading = false;
this.$list = $('#filesList');
this.$progress = $('#progressbar');
this.len = function() {
return this.allFiles.length;
};
this.getLi = function(no) {
return this.$list.children('li').eq(no);
}
this.init();
}
UploadQueue.prototype.init = function() {
// $('#progressbar').show();
$('#progressbar').width(200).height(20);
// $('#progressbar').css('background-color', '#80ADB0');
$('#progressbar').html('<div id="progress" style="height:20px;width:0%"></div><div id="progressstatus" style="">uploading</div>');
}
/* param f = file */
UploadQueue.prototype.getData = function(f) {
return {
'firefogg': 1,
'name': f.name,
'category': $('#files_category').val()
};
};
UploadQueue.prototype.uploadNext = function() {
};
UploadQueue.prototype.addFile = function(f) {
for (var i=0; i<this.len(); i++) {
if (this.allFiles[i].name == f.name) {
return false;
}
}
this.allFiles.push(f);
this.addFileToList(f);
// this.$list.triggerEvent("fileAdded");
if (!this.isUploading) {
this.upload(this.len() - 1);
}
return this;
};
UploadQueue.prototype.addFileToList = function(f) {
var that = this;
var $li = $('<li />').data("file", f).text(f.name).appendTo(that.$list);
};
UploadQueue.prototype.markDone = function(no, data) {
$('.uploading').removeClass("uploading");
var $li = this.getLi(no);
$li.addClass("uploaded");
fileUploadedCallback($li, data);
if (this.len() > (no + 1)) {
this.upload(no + 1);
} else {
this.isUploading = false;
$('#progressbar').hide();
}
};
UploadQueue.prototype.upload = function(no) {
var that = this;
var fil = this.allFiles[no];
// console.log("uploading", fil);
var data = this.getData(fil);
var $li = this.getLi(no);
this.isUploading = true;
$('#progressbar').show();
$li.addClass("uploading");
var ogg = ChunkUploader({
'file': fil,
'url': add_url,
'data': data,
'callback': function(response) {
var data = JSON.parse(response.responseText);
//console.log("data", data);
if (data.resultUrl) {
that.markDone(no, response);
} else {
$('#progressbar').html(response.status);
}
},
'progress': doProgress
});
/*
ogg = FirefoggUploader(fil, add_url, data, function(ogg) {
if (ogg.resultUrl) {
that.markDone(no, ogg);
} else {
$('#progressbar').html(ogg.status);
}
}, doProgress);
*/
};
function fileUploadedCallback(jq, data) {
// alert("hi");
// console.log(data);
var d = JSON.parse(data.responseText);
// console.log("dd", d)
var fileId = d.fileId;
jq.data("fileId", fileId);
if (d.hasOwnProperty("errors")) {
var $error = $('<div />').addClass("fileError").text(data.errors[0]).appendTo(jq);
} else {
var $formContainer = $('<div />').addClass("fileForm");
// var $title = $('<div />').addClass("formHelp").text("Add Description").appendTo($formContainer);
// console.log(data);
var $titleInput = $('<input />').attr("type", "text").addClass("fileTitle").val(d.title);
// console.log($titleInput);
$titleInput.appendTo($formContainer);
var $descInput = $('<textarea />').attr("placeholder", "Add Description").addClass("fileDesc").appendTo($formContainer);
if (d.type == 'image') {
var $thumbnail = $('<img />').addClass("thumbnail").attr("src", d.thumbnail).appendTo($formContainer);
}
var $submitBtn = $('<button />').text("Submit").click(function() {
var $this = $(this);
$this.attr("disabled", "disabled");
var $parent = $(this).parents('.uploaded');
var fileId = $parent.data("fileId");
var title = $parent.find(".fileTitle").val();
var description = $parent.find(".fileDesc").val();
$.post("/files/editFile/", {
'id': fileId,
'title': title,
'description': description
}, function(response) {
$this.removeAttr("disabled");
$this.after("<span class='saved'>Saved</span>");
},
"json");
}).appendTo($formContainer);
$formContainer.appendTo(jq);
}
}