Réindexation des memberdata. Refactoring.

[Plinn.git] / skins / ajax_scripts / folder_contents_script.js

diff --git a/skins/ajax_scripts/folder_contents_script.js b/skins/ajax_scripts/folder_contents_script.js
index dc31b4c..6480f9d 100644 (file)
--- a/skins/ajax_scripts/folder_contents_script.js
+++ b/skins/ajax_scripts/folder_contents_script.js
@@ -13,35 +13,54 @@ var DDFolderUploader;
 
 function getTargetRow(evt){
        var target = getTargetedObject(evt);
 
 function getTargetRow(evt){
        var target = getTargetedObject(evt);

-       while (target.nodeName != "TR")
-               target = target.parentNode;
+       while (target.nodeName !== "TR") {
+               target = target.parentNode; }

        return target;
 }
 
        return target;
 }
 

-FolderDDropControler = function(listing) {
+FolderDDropControler = function(listing, orderable, firstItemPos) {

        this.folderUrl = document.getElementById("FolderUrl").innerHTML;
        this.targetRow = null;
        this.lastOverPosition = null;
        this.prevDirUp = null;
        this.noOver = true;
        this.listing = listing;
        this.folderUrl = document.getElementById("FolderUrl").innerHTML;
        this.targetRow = null;
        this.lastOverPosition = null;
        this.prevDirUp = null;
        this.noOver = true;
        this.listing = listing;

+       this.firstItemPos = firstItemPos;
+       this._updatePositions();
+       this.lastCBChecked = undefined;

        var thisControler = this;
        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);};
+       if (orderable) {
+               this.listing.onmousedown        = function(evt) {thisControler.drag(evt);};
+               this.listing.onmouseover        = function(evt) {thisControler.moveRow(evt);};
+               this.listing.onmouseup          = function(evt) {thisControler.drop(evt);};
+               addListener(this.listing, 'click', function(evt) {thisControler.disableClickAfterDrop(evt);});
+       }
+       addListener(this.listing, 'click', function(evt) {thisControler.selectCBRange(evt);});

        
        

-       if (browser.isIE) {
+       if (browser.isIE10max) {

                this.listing.ondragstart = function() { window.event.returnValue = false;};
        }
                this.listing.ondragstart = function() { window.event.returnValue = false;};
        }

-}
+};
+
+FolderDDropControler.prototype._updatePositions = function() {
+       var rows = this.listing.getElementsByTagName("TR");
+       var i, row;
+       for (i=0 ; i < rows.length ; i++ ) {
+               row = rows[i];
+               row.pos = i + this.firstItemPos;
+               if (i % 2 === 0) {
+                       row.className = "even"; }
+               else {
+                       row.className = "odd"; }
+       }
+};

 
 FolderDDropControler.prototype.drag =  function(evt){
        var target = getTargetedObject(evt);
 
 FolderDDropControler.prototype.drag =  function(evt){
        var target = getTargetedObject(evt);

-       if (target.nodeName == "INPUT") return true;
+       if (target.nodeName === "INPUT") { return true; }

        disableDefault(evt);
        var targetRow = getTargetRow(evt);
        disableDefault(evt);
        var targetRow = getTargetRow(evt);

-       targetRow.style.backgroundColor = base_properties["highLightColor"];
+       targetRow.style.backgroundColor = base_properties.highLightColor;

        this.listing.style.cursor = "move";
        this.targetRow = targetRow;
        this.lastOverPosition = targetRow.pos;
        this.listing.style.cursor = "move";
        this.targetRow = targetRow;
        this.lastOverPosition = targetRow.pos;


@@ -49,13 +68,13 @@ FolderDDropControler.prototype.drag =  function(evt){
 
 FolderDDropControler.prototype.moveRow =  function(evt){
        var targetRow = this.targetRow;
 
 FolderDDropControler.prototype.moveRow =  function(evt){
        var targetRow = this.targetRow;

-       if (targetRow != null) {
+       if (targetRow !== null) {

                this.noOver = false;
                this.noOver = false;

-               if (browser.isIE) document.selection.clear();
+               if (browser.isIE10max) {document.selection.clear();}

                var overRow = getTargetRow(evt);
 
                var overRow = getTargetRow(evt);
 

-               if (overRow.pos == targetRow.pos) return;
-       
+               if (overRow.pos === targetRow.pos) {return;}
+

                if (this.lastOverPosition < overRow.pos) { // move up
                        this.listing.insertBefore(targetRow, overRow.nextSibling);
                        this.prevDirUp = true;
                if (this.lastOverPosition < overRow.pos) { // move up
                        this.listing.insertBefore(targetRow, overRow.nextSibling);
                        this.prevDirUp = true;


@@ -81,45 +100,36 @@ FolderDDropControler.prototype.moveRow =  function(evt){
 
 FolderDDropControler.prototype.drop =  function(evt){
        var targetRow = this.targetRow;
 
 FolderDDropControler.prototype.drop =  function(evt){
        var targetRow = this.targetRow;

-       if (targetRow != null) {
+       if (targetRow !== null) {

                targetRow.style.backgroundColor="";
                this.listing.style.cursor = "";
                targetRow.style.backgroundColor="";
                this.listing.style.cursor = "";

+               var thisControler = this;

                if (this.noOver) {
                if (this.noOver) {

-                       var thisControler = this;

                        setTimeout(function(){thisControler.reset();}, 50);
                        return;
                }
                        setTimeout(function(){thisControler.reset();}, 50);
                        return;
                }

-               if (this.lastOverPosition != null) {
+               if (this.lastOverPosition !== null) {

                        // get new object position.
                        var trim = 0;
                        // get new object position.
                        var trim = 0;

-                       if (targetRow.pos < this.lastOverPosition && !this.prevDirUp)
-                               trim = -1;
-                       else if (targetRow.pos > this.lastOverPosition && this.prevDirUp)
-                               trim = 1;
+                       if (targetRow.pos < this.lastOverPosition && !this.prevDirUp) {
+                               trim = -1; }
+                       else if (targetRow.pos > this.lastOverPosition && this.prevDirUp) {
+                               trim = 1; }

                
                        // construct url
                
                        // construct url

-                       var object_id = targetRow.getElementsByTagName("INPUT")[0].getAttribute("value");
-                       var url = this.folderUrl + "/moveObjectIdToPosition";
-                       var form ="object_id=" + object_id + "&position:int=" +
-                                          String(this.lastOverPosition - 1 + trim);
+                       var object_id = targetRow.getElementsByTagName("INPUT")[0].getAttribute("value");
+                       var url = this.folderUrl + "/moveObjectIdToPosition";
+                       var form ="object_id=" + object_id + "&position:int=" +
+                                          String(this.lastOverPosition - 1 + trim);

 
                        // reinitialize positions
 
                        // reinitialize positions

-                       var rows = this.listing.getElementsByTagName("TR"), row;
-                       for (var i = 0 ; i < rows.length ; i++) {
-                               row = rows[i];
-                               row.pos = i+1;
-                               if (i % 2 == 0)
-                                       row.className = "even";
-                               else
-                                       row.className = "odd";
-                       }
-
-                       // send request                 
+                       this._updatePositions();
+
+                       // send request                         

                        var req = new XMLHttpRequest();
                        req.open("POST", url, true);
                        req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");
                        req.send(form);
                        var req = new XMLHttpRequest();
                        req.open("POST", url, true);
                        req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");
                        req.send(form);

-                       var thisControler = this;

                        setTimeout(function(){thisControler.reset();}, 50);
                }
        }
                        setTimeout(function(){thisControler.reset();}, 50);
                }
        }


@@ -134,47 +144,80 @@ FolderDDropControler.prototype.disableClickAfterDrop = function(evt) {
        this.reset();
 };
 
        this.reset();
 };
 

+FolderDDropControler.prototype.selectCBRange = function(evt) {
+       var target = getTargetedObject(evt);
+       if (target.tagName === 'INPUT' && target.type === 'checkbox') {
+               evt = getEventObject(evt);
+               var shift = evt.shiftKey;
+               if (shift && this.lastCBChecked) {
+                       var from = this.getCBIndex(this.lastCBChecked);
+                       var to = this.getCBIndex(target);
+                       var rows = this.listing.getElementsByTagName('TR');
+                       var start = Math.min(from, to);
+                       var stop = Math.max(from, to);
+                       var i;
+                       for (i=start ; i<stop ; i++ ) {
+                               rows[i].getElementsByTagName('INPUT')[0].checked = true;
+                       }
+               }
+               else if (target.checked) {
+                       this.lastCBChecked = target;
+               }
+               else {
+                       this.lastCBChecked = undefined;
+               }
+       }
+};
+
+FolderDDropControler.prototype.getCBIndex = function(cb) {
+       var row = cb.parentNode;
+       while(row.tagName !== 'TR') {
+               row = row.parentNode;
+       }
+       return row.pos - this.firstItemPos;
+};
+

 FolderDDropControler.prototype.reset = function() {
        this.targetRow = null;
        this.lastOverPosition = null;
        this.prevDirUp = null;
        this.noOver = true;
 FolderDDropControler.prototype.reset = function() {
        this.targetRow = null;
        this.lastOverPosition = null;
        this.prevDirUp = null;
        this.noOver = true;

-}
+};

 
 
 
 DropTarget = function(node, folderDDControler) {
        this.folderDDControler = folderDDControler;
 
 
 
 DropTarget = function(node, folderDDControler) {
        this.folderDDControler = folderDDControler;

-       this.batchSize = parseInt(document.getElementById("BatchNavigationSize").innerHTML);
+       this.batchSize = parseInt(document.getElementById("BatchNavigationSize").innerHTML, 10);

        var thisControler = this;
        node.onmouseup = function(evt){thisControler.drop(evt);};
        node.onmouseover = function(evt) {thisControler.highlightTarget(evt);};
        node.onmouseout = function(evt) {
                var target = getTargetedObject(evt);
        var thisControler = this;
        node.onmouseup = function(evt){thisControler.drop(evt);};
        node.onmouseover = function(evt) {thisControler.highlightTarget(evt);};
        node.onmouseout = function(evt) {
                var target = getTargetedObject(evt);

-               if (target.nodeName == "A" && target.className == "dropPageTarget")
-                       target.className = "";
+               if (target.nodeName === "A" && target.className === "dropPageTarget"){
+                       target.className = "";}

        };
        };

-}
+};

 
 DropTarget.prototype.drop = function(evt) {
        var target = getTargetedObject(evt);
 
 DropTarget.prototype.drop = function(evt) {
        var target = getTargetedObject(evt);

-       if (target.nodeName == "A" &&
-               target.className != "previous" && 
-               target.className != "next") {
-               var pageNumber = parseInt(target.innerHTML);
+       if (target.nodeName === "A" &&
+               target.className !== "previous" && 
+               target.className !== "next") {
+               var pageNumber = parseInt(target.innerHTML, 10);

                var targetRow = this.folderDDControler.targetRow;
                if ( !isNaN(pageNumber) && targetRow) {
                        this.folderDDControler.reset();
                var targetRow = this.folderDDControler.targetRow;
                if ( !isNaN(pageNumber) && targetRow) {
                        this.folderDDControler.reset();

-               var object_id = targetRow.getElementsByTagName("INPUT")[0].getAttribute("value");
-               var url = this.folderDDControler.folderUrl + "/moveObjectIdToPosition";
-               var form ="object_id=" + object_id + "&position:int=" + String(this.batchSize * (pageNumber-1));
+                       var object_id = targetRow.getElementsByTagName("INPUT")[0].getAttribute("value");
+                       var url = this.folderDDControler.folderUrl + "/moveObjectIdToPosition";
+                       var form ="object_id=" + object_id + "&position:int=" + String(this.batchSize * (pageNumber-1));

                        // send request
                        var req = new XMLHttpRequest();
                        req.open("POST", url, true);
                        req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");
                        req.send(form);
                        req.onreadystatechange = function() {
                        // send request
                        var req = new XMLHttpRequest();
                        req.open("POST", url, true);
                        req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=utf-8");
                        req.send(form);
                        req.onreadystatechange = function() {

-                               if (req.readyState == 4) {
+                               if (req.readyState === 4) {

                                        switch (req.status) {
                                                case 200:
                                                case 204:
                                        switch (req.status) {
                                                case 200:
                                                case 204:


@@ -183,7 +226,7 @@ DropTarget.prototype.drop = function(evt) {
                                                        break;
                                                default:
                                                        alert('Error: ' + req.status);
                                                        break;
                                                default:
                                                        alert('Error: ' + req.status);

-                                       };
+                                       }

                                }
                        };
                }
                                }
                        };
                }


@@ -191,13 +234,13 @@ DropTarget.prototype.drop = function(evt) {
 };
 
 DropTarget.prototype.highlightTarget = function(evt){
 };
 
 DropTarget.prototype.highlightTarget = function(evt){

-       if (browser.isIE) document.selection.clear();
+       if (browser.isIE10max) {document.selection.clear();}

        var target = getTargetedObject(evt);
        if (this.folderDDControler.targetRow &&
        var target = getTargetedObject(evt);
        if (this.folderDDControler.targetRow &&

-               target.nodeName == "A" &&
-               target.className != "previous" &&
-               target.className != "next")
-               target.className = "dropPageTarget";
+               target.nodeName === "A" &&
+               target.className !== "previous" &&
+               target.className !== "next"){
+               target.className = "dropPageTarget";}

 };
 
 
 };
 
 


@@ -207,18 +250,19 @@ loadListing = function(evt) {
        var target = getTargetedObject(evt);
        disableDefault(evt);
        disablePropagation(evt);
        var target = getTargetedObject(evt);
        disableDefault(evt);
        disablePropagation(evt);

+       var url;

        switch (target.nodeName) {
                case "A" :
        switch (target.nodeName) {
                case "A" :

-                       var parts = target.href.split('?')
-                       var url = parts[0];
+                       var parts = target.href.split('?');
+                       url = parts[0];

                        var query = '';
                        var query = '';

-                       if (parts.length == 2)
-                               query = parts[1];
+                       if (parts.length === 2){
+                               query = parts[1];}

                        
                        var urlParts = url.split("/");
                        
                        var urlParts = url.split("/");

-                       var url = urlParts.slice(0,urlParts.length-1).join("/");
-                       if (query.search("template") == -1)
-                               query += "&template=folder_contents_macros&macro=FolderListing&fragmentId=FolderListing";
+                       url = urlParts.slice(0,urlParts.length-1).join("/");
+                       if (query.search("template") === -1){
+                               query += "&template=folder_contents_macros&macro=FolderListing&fragmentId=FolderListing";}

                        url = url + "/folder_contents?" + query;
                        
                        var fi = new FragmentImporter(url);
                        url = url + "/folder_contents?" + query;
                        
                        var fi = new FragmentImporter(url);


@@ -226,9 +270,9 @@ loadListing = function(evt) {
                        break;
 
                case "IMG" :
                        break;
 
                case "IMG" :

-                       if (target.id == 'SetSortingAsDefault') {
+                       if (target.id === 'SetSortingAsDefault') {

                                var parent = target.parentNode;
                                var parent = target.parentNode;

-                               var url = parent.href;
+                               url = parent.href;

                                url = url.replace("folder_contents", "folder_sort_control");
                                parent.parentNode.removeChild(parent);
                                
                                url = url.replace("folder_contents", "folder_sort_control");
                                parent.parentNode.removeChild(parent);
                                


@@ -239,20 +283,21 @@ loadListing = function(evt) {
                        break;
        }
        return false;
                        break;
        }
        return false;

-}
+};

 
 DDFolderUploader = function(dropbox, uploadUrl, listing) {
        DDFileUploaderBase.apply(this, [dropbox, uploadUrl]);
        this.listing = listing;
 
 DDFolderUploader = function(dropbox, uploadUrl, listing) {
        DDFileUploaderBase.apply(this, [dropbox, uploadUrl]);
        this.listing = listing;

+       this.progressBarMaxSize = listing.clientWidth;

        var thead = listing;
        do {
                thead = thead.previousSibling;
        var thead = listing;
        do {
                thead = thead.previousSibling;

-       } while (thead.tagName !== 'THEAD')
+       } while (thead.tagName !== 'THEAD');

 
        var cells = thead.getElementsByTagName('th');
 
        var cells = thead.getElementsByTagName('th');

-       var cell;
+       var cell, i;

        this.tableSpan = 0;
        this.tableSpan = 0;

-       for (var i = 0 ; i < cells.length ; i++) {
+       for (i=0 ; i < cells.length ; i++) {

                cell = cells[i];
                this.tableSpan += cell.getAttribute('colspan') ? Number(cell.getAttribute('colspan')) : 1;
        }
                cell = cells[i];
                this.tableSpan += cell.getAttribute('colspan') ? Number(cell.getAttribute('colspan')) : 1;
        }


@@ -273,9 +318,19 @@ DDFolderUploader.prototype.createRow = function(file) {
        this.lastRowClassName = row.className;
        var td = document.createElement('td');
        td.setAttribute('colspan', this.tableSpan);
        this.lastRowClassName = row.className;
        var td = document.createElement('td');
        td.setAttribute('colspan', this.tableSpan);

-       td.innerHTML = file.name;
+       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);
        row.appendChild(td);
        this.listing.appendChild(row);

+       this.progressBarMaxSize = row.clientWidth;

        return row;
 };
 
        return row;
 };
 


@@ -290,16 +345,31 @@ DDFolderUploader.prototype.handleFiles = function(files) {
 };
 
 DDFolderUploader.prototype.beforeUpload = function(item) {
 };
 
 DDFolderUploader.prototype.beforeUpload = function(item) {

-       // To be implemented by decendant.
+       this.uploadedItem = item;
+       this.progressBar = item.progressBar;

 };
 
 DDFolderUploader.prototype.uploadCompleteHandlerCB = function(req) {
 };
 
 DDFolderUploader.prototype.uploadCompleteHandlerCB = function(req) {

-       // To be implemented by descendant.
+       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) {
 };
 
 DDFolderUploader.prototype.progressHandlerCB = function(progress) {

-       // To be implemented by descendant.

        // 0 <= progress <= 1
        // 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