Implémentation d’une méthode utilitaire pour indexer les cases à cocher.
[Plinn.git] / skins / ajax_scripts / folder_contents_script.js
index ece076d..5033108 100644 (file)
@@ -7,6 +7,7 @@
 var FolderDDropControler;
 var DropTarget;
 var loadListing;
 var FolderDDropControler;
 var DropTarget;
 var loadListing;
+var DDFolderUploader;
 
 (function(){
 
 
 (function(){
 
@@ -24,17 +25,34 @@ FolderDDropControler = function(listing) {
        this.prevDirUp = null;
        this.noOver = true;
        this.listing = listing;
        this.prevDirUp = null;
        this.noOver = true;
        this.listing = listing;
+       this.checkboxes = undefined;
+       this._updateCBIndex;
        var thisControler = this;
        this.listing.onmousedown        = function(evt) {thisControler.drag(evt);};
        this.listing.onmouseover        = function(evt) {thisControler.moveRow(evt);};
        this.listing.onmouseup          = function(evt) {thisControler.drop(evt);};
        var thisControler = this;
        this.listing.onmousedown        = function(evt) {thisControler.drag(evt);};
        this.listing.onmouseover        = function(evt) {thisControler.moveRow(evt);};
        this.listing.onmouseup          = function(evt) {thisControler.drop(evt);};
-       this.listing.onclick            = function(evt) {thisControler.disableClickAfterDrop(evt);};
+       addListener(this.listing, 'click', function(evt) {thisControler.disableClickAfterDrop(evt);});
+       addListener(this.listing, 'click', function(evt) {thisControler.selectCBRange(evt);});
        
        if (browser.isIE) {
                this.listing.ondragstart = function() { window.event.returnValue = false;};
        }
 }
 
        
        if (browser.isIE) {
                this.listing.ondragstart = function() { window.event.returnValue = false;};
        }
 }
 
+FolderDDropControler.prototype._updateCBIndex = function() {
+       var cbs = this.listing.getElementsByTagName('INPUT');
+       var index = 0;
+       var cb;
+       this.checkboxes = [];
+       for (var i=0 ; i < cbs.length ; i++) {
+               cb = cbs[i];
+               if (cb.type === 'checkbox') {
+                       cb.position = index++;
+                       this.checkboxes[cb.position] = cb;
+               }
+       }
+};
+
 FolderDDropControler.prototype.drag =  function(evt){
        var target = getTargetedObject(evt);
        if (target.nodeName == "INPUT") return true;
 FolderDDropControler.prototype.drag =  function(evt){
        var target = getTargetedObject(evt);
        if (target.nodeName == "INPUT") return true;
@@ -133,6 +151,10 @@ FolderDDropControler.prototype.disableClickAfterDrop = function(evt) {
        this.reset();
 };
 
        this.reset();
 };
 
+FolderDDropControler.prototype.selectCBRange = function(evt) {
+};
+
+
 FolderDDropControler.prototype.reset = function() {
        this.targetRow = null;
        this.lastOverPosition = null;
 FolderDDropControler.prototype.reset = function() {
        this.targetRow = null;
        this.lastOverPosition = null;
@@ -240,4 +262,91 @@ loadListing = function(evt) {
        return false;
 }
 
        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
 }());
\ No newline at end of file