X-Git-Url: https://scm.cri.ensmp.fr/git/Plinn.git/blobdiff_plain/99afe0ce8700bf835ff7bbedf77bb46e58f996d8..db27711c73a072eea8522dcdc19b15b31a84da46:/skins/ajax_scripts/folder_contents_script.js?ds=sidebyside

diff --git a/skins/ajax_scripts/folder_contents_script.js b/skins/ajax_scripts/folder_contents_script.js
index 379c2c3..d427939 100644
--- a/skins/ajax_scripts/folder_contents_script.js
+++ b/skins/ajax_scripts/folder_contents_script.js
@@ -4,6 +4,13 @@
 // 
 // 
 
+var FolderDDropControler;
+var DropTarget;
+var loadListing;
+var DDFolderUploader;
+
+(function(){
+
 function getTargetRow(evt){
 	var target = getTargetedObject(evt);
 	while (target.nodeName != "TR")
@@ -11,7 +18,7 @@ function getTargetRow(evt){
 	return target;
 }
 
-function FolderDDropControler(listing) {
+FolderDDropControler = function(listing) {
 	this.folderUrl = document.getElementById("FolderUrl").innerHTML;
 	this.targetRow = null;
 	this.lastOverPosition = null;
@@ -136,7 +143,7 @@ FolderDDropControler.prototype.reset = function() {
 
 
 
-function DropTarget(node, folderDDControler) {
+DropTarget = function(node, folderDDControler) {
 	this.folderDDControler = folderDDControler;
 	this.batchSize = parseInt(document.getElementById("BatchNavigationSize").innerHTML);
 	var thisControler = this;
@@ -196,7 +203,7 @@ DropTarget.prototype.highlightTarget = function(evt){
 
 
 
-function loadListing(evt) {
+loadListing = function(evt) {
 	var target = getTargetedObject(evt);
 	disableDefault(evt);
 	disablePropagation(evt);
@@ -233,3 +240,92 @@ function loadListing(evt) {
 	}
 	return false;
 }
+
+DDFolderUploader = function(dropbox, uploadUrl, listing) {
+	DDFileUploaderBase.apply(this, [dropbox, uploadUrl]);
+	this.listing = listing;
+	this.progressBarMaxSize = listing.clientWidth;
+	var thead = listing;
+	do {
+		thead = thead.previousSibling;
+	} while (thead.tagName !== 'THEAD')
+
+	var cells = thead.getElementsByTagName('th');
+	var cell;
+	this.tableSpan = 0;
+	for (var i = 0 ; i < cells.length ; i++) {
+		cell = cells[i];
+		this.tableSpan += cell.getAttribute('colspan') ? Number(cell.getAttribute('colspan')) : 1;
+	}
+	var lastRow = listing.lastChild;
+	while(lastRow && lastRow.tagName !== 'TR') {
+		lastRow = lastRow.previousSibling;
+	}
+	this.lastRowClassName = lastRow ? lastRow.className : 'even';
+};
+
+copyPrototype(DDFolderUploader, DDFileUploaderBase);
+
+
+DDFolderUploader.prototype.createRow = function(file) {
+	var row = document.createElement('tr');
+	row.file = file;
+	row.className = this.lastRowClassName === 'even' ? 'odd' : 'even';
+	this.lastRowClassName = row.className;
+	var td = document.createElement('td');
+	td.setAttribute('colspan', this.tableSpan);
+	var relSpan = document.createElement('span');
+	relSpan.style.position = 'relative';
+	td.appendChild(relSpan);
+	var progressBar = document.createElement('span');
+	progressBar.className = 'upload-progress';
+	row.progressBar = progressBar;
+	relSpan.appendChild(progressBar);
+	var fileNameSpan = document.createElement('span');
+	fileNameSpan.innerHTML = file.name;
+	td.appendChild(fileNameSpan);
+	row.appendChild(td);
+	this.listing.appendChild(row);
+	this.progressBarMaxSize = row.clientWidth;
+	return row;
+};
+
+// Methods about upload
+DDFolderUploader.prototype.handleFiles = function(files) {
+	var file, i, row;
+	for (i = 0; i < files.length; i++) {
+		file = files[i];
+		row = this.createRow(file);
+		this.uploadQueuePush(row);
+	}
+};
+
+DDFolderUploader.prototype.beforeUpload = function(item) {
+  	this.uploadedItem = item;
+	this.progressBar = item.progressBar;
+};
+
+DDFolderUploader.prototype.uploadCompleteHandlerCB = function(req) {
+	var item = this.uploadedItem;
+	var row = getCopyOfNode(req.responseXML.documentElement.firstChild);
+  	row.className = item.className;
+
+	if (req.status === 200) {
+		// update
+    	console.log('todo');
+	}
+	else if(req.status === 201) {
+		// creation
+		this.listing.replaceChild(row, item);
+		this.progressBarMaxSize = row.clientWidth;
+	}
+};
+
+DDFolderUploader.prototype.progressHandlerCB = function(progress) {
+	// 0 <= progress <= 1
+	var size = this.progressBarMaxSize * progress;
+	size = Math.round(size);
+	this.progressBar.style.width = size + 'px';
+};
+
+}());
\ No newline at end of file