Changeset 6 for pro-bachkim-filespace/violetspace-prototype/assets/js

Timestamp:

May 29, 2014 5:50:37 PM (11 years ago)

Author:

dungnv

Message:

 

Location:

pro-bachkim-filespace/violetspace-prototype/assets/js

Files:

• filemanager/filemanager.js (modified) (2 diffs)
• vsfilemanager.js (modified) (8 diffs)

pro-bachkim-filespace/violetspace-prototype/assets/js/filemanager/filemanager.js

@@ -19 +19 @@
                         $('#directory-view-container').height(dirTreeHeight);
                         $('#directory-content-view-container').height(dirTreeHeight);
-                        $('#directory-content-view-container').width('calc(100% - ' + ($('#directory-view-container').width() + 3) + 'px)');
+                        $('#directory-content-view-container').width('calc(100% - ' + ($('#directory-view-container').width() + 8) + 'px)');
                         var scollWidth = $('#directory-content-view-container').width();
 
@@ -49 +49 @@
                 */
 
+                var privateGrid = $('#file-container').violetGrid ({directoryContent:null});
+
                 var privateTree =  $('#treeview-container').violetTree({
                         script:'getdata.php',
                         expandEasing: 'easeOutBounce', 
                         collapseEasing: 'easeOutBounce',
-                        homeDirNameDisplay: "Thư mục gốc"
+                        homeDirNameDisplay: "Thư mục gốc",
+                        grid: privateGrid
                 });
 

pro-bachkim-filespace/violetspace-prototype/assets/js/vsfilemanager.js

@@ -15 +15 @@
                         if( o.collapseEasing == undefined ) o.collapseEasing = null;
 
+                        if( o.directoryTreeData == undefined ) o.directoryTreeData = null;
+                        if( o.grid == undefined ) o.grid = null;
+
                         // PRIVATE methods
                         var sendCommand = function (p) {
@@ -42 +45 @@
 
                         var renderTree = function  (parseData) {
+
+                                o.directoryTreeData = parseData;                                
+                                var directoryData = parseData.DIRECTORIES;
+
                                 var homeNode = createNode({
                                         id:0,
@@ -48 +55 @@
 
                                 selectDir($(homeNode).find('> A'));
-                                if (parseData != null) {
-                                        for (var i = 0; i < parseData.length ; i++) {
+                                if (directoryData != null) {
+                                        for (var i = 0; i < directoryData.length ; i++) {
                                                 var node = createNode ({
-                                                        id: parseData[i].id,
-                                                        name: parseData[i].name,
-                                                        curentNode: $('#' + o.dirIDprefix + parseData[i].parentID).find('> A'),
-                                                        hidden: (parseData[i].parentID > 0) ? true : false
+                                                        id: directoryData[i].id,
+                                                        name: directoryData[i].name,
+                                                        curentNode: $('#' + o.dirIDprefix + directoryData[i].parentID).find('> A'),
+                                                        hidden: (directoryData[i].parentID > 0) ? true : false
                                                 })
                                         };
@@ -71 +78 @@
                                 
                                 if (d.curentNode != null) {
-                                        var strHTML = '<ul class="jqueryFileTree"><li id="' + o.dirIDprefix + d.id + '" class="directory collapsed"><a href="#" rel="' + d.name + '">' + d.name + '</a></li></ul>';
+                                        var strHTML = '<ul class="vstree"><li id="' + o.dirIDprefix + d.id + '" class="directory collapsed"><a href="#" rel="' + d.name + '">' + d.name + '</a></li></ul>';
 
                                         $(d.curentNode).parent().append(strHTML);
@@ -78 +85 @@
                                         
                                 }else if (d.id == 0){
-                                        var strHTML = '<ul class="jqueryFileTree"><li id="' + o.dirIDprefix + d.id + '" class="home"><a href="#" rel="' + d.name + '">' + d.name + '</a></li></ul>';
+                                        var strHTML = '<ul class="vstree"><li id="' + o.dirIDprefix + d.id + '" class="home"><a href="#" rel="' + d.name + '">' + d.name + '</a></li></ul>';
                                         $(o.container).append(strHTML);
                                 }
 
                                 //bind event on new node
-                                $('#' + o.dirIDprefix + d.id).find('a').bind("click", function(e){d.clickEvent(this)});
+                                $('#' + o.dirIDprefix + d.id).find('a').bind("click", function(e){d.clickEvent(this);return false;});
                                 $('#' + o.dirIDprefix + d.id).find('a').bind("contextmenu",function(e){
                                 e.preventDefault();
@@ -126 +133 @@
                                 $('.currentDir').removeClass('currentDir');
                                 $(c).addClass('currentDir');
+                                sendtoGrid();
                         }
 
@@ -131 +139 @@
                                 alert ('showContextMenu on ' + $(n).text());
                         };
+
+                        var sendtoGrid = function () {
+                                o.grid.getData({
+                                                                directoryTreeData: o.directoryTreeData,
+                                                                curentParent:$(o.container).find('.currentDir').parent().attr('id'),
+                                                                dirIDprefix: o.dirIDprefix
+                                                        });
+                        }
 
                         loadTree();
@@ -205 +221 @@
 
                 violetGrid: function (o) {
+                        if( !o ) var o = {};
                         if( o.container == undefined ) o.container = $(this);
                         if( o.defaultViewMode == undefined ) o.defaultViewMode = 'thumbnail';//or 'list'
-
-                        if( o.directoryContent == undefined ) o.directoryContent = null;
-
+                        if( o.directoryTreeData == undefined ) o.directoryTreeData = null;
+                        if( o.dirIDprefix == undefined ) o.dirIDprefix = null;
+
+                        var createNode = function (d) {
+                                if( !d ) var d = {};
+                                if( d.id == undefined ) d.id = null;
+                                if( d.name == undefined ) d.name = null;
+                                if( d.minetype == undefined ) d.minetype = 'directory';
+                                if( d.parentID == undefined ) d.parentID = null;
+                                if( d.clickEvent == undefined ) d.clickEvent = null;
+                                if( d.customEvent == undefined ) d.customEvent = null;
+
+                                var strHTML = '<div class="vscell" rel="id:' + d.id + '">';
+                                        strHTML += '<div class="selector unselected">';
+                                        strHTML +=      '<div class="icon-' + d.minetype + '"></div>';
+                                        strHTML += '</div>';
+                                        strHTML += '<div class="file-name unselected">' + d.name + '</div>';
+                                        strHTML += '</div>';
+
+                                $(o.container).append(strHTML);
+
+                                $('div[rel="id:'+ d.id +'"]').bind('click',function(e){itemClick(this)});
+                        }
+
+                        var itemClick = function (i) {
+                                $(i).parent().find('.selector').removeClass('selected');
+                                $(i).parent().find('.selector').addClass('unselected');
+                                $(i).parent().find('.file-name').removeClass('selected');
+                                $(i).parent().find('.file-name').addClass('unselected');
+
+                                $(i).find('.file-name').removeClass('unselected');
+                                $(i).find('.file-name').addClass('selected');
+                                $(i).find('.selector').removeClass('unselected');
+                                $(i).find('.selector').addClass('selected');
+                        }
+
+                        var renderGrid = function (o) {
+                                $(o.container).find ('.vscell').remove();
+                                var childDir = o.directoryTreeData.DIRECTORIES;
+                                var childFile = o.directoryTreeData.FILES;
+                                var curentDirID = o.curentParent.substring(o.dirIDprefix.length, o.curentParent.length);
+                                
+                                for (var i = 0 ; i < childDir.length; i++) {
+                                        if (childDir[i].parentID != curentDirID) continue;
+                                        createNode ({
+                                                id: childDir[i].id,
+                                                name: childDir[i].name,
+                                                parentID: curentDirID,
+                                        });
+                                }
+
+                                for (var i = 0 ; i < childFile.length; i++) {
+                                        if (childFile[i].parentID != curentDirID) continue;
+                                        createNode ({
+                                                id: childFile[i].id,
+                                                name: childFile[i].name,
+                                                parentID: curentDirID,
+                                                minetype: childFile[i].minetype,
+                                        });
+                                }
+                        }
+
+                        this.getData = function (data) {
+                                o.directoryTreeData = data.directoryTreeData;
+                                o.curentParent = data.curentParent;
+                                o.dirIDprefix = data.dirIDprefix
+                                renderGrid(o);
+                        }
+
+                        this.initialize = function() {
+                        return this;
+                };
+
+                        return this.initialize();
                 }
         });