Changeset 66 for pro-bachkim-filespace/sourcecode/assets

Timestamp:

Aug 25, 2014 7:37:45 PM (11 years ago)

Author:

dungnv

Message:

 

Location:

pro-bachkim-filespace/sourcecode/assets

Files:

• css/space/grid.css (added)
• css/space/style.css (modified) (2 diffs)
• js/filemanager/filemanager.js (modified) (1 diff)
• js/grid.js (added)
• js/jquery/jquery.contextMenu.js (modified) (2 diffs)
• js/manager.js (added)
• js/tree.js (added)
• js/vsgrid.js (modified) (6 diffs)
• js/vstree.js (modified) (6 diffs)

pro-bachkim-filespace/sourcecode/assets/css/space/style.css

@@ -3 +3 @@
 @import "../jquery/jquery-ui-1.10.4.min.css";
 @import "../jquery/jquery.contextmenu_new.css";
-@import "../jquery/tinyscrollbar.css";
 @import "../font-awesome.min.css";
 @import "../ace.min.css";
 @import "vsgrid.css";
+@import "grid.css";
 @import "contextmenu.css";
 @import "../uploadfile.min.css";
@@ -142 +142 @@
 #file-container {
         padding-left: 10px;
-        padding-right: 5px;
-        padding-top: 15px;
+        padding-right: 10px;
+        padding-top: 10px;
         display: block;
         width:100%;

pro-bachkim-filespace/sourcecode/assets/js/filemanager/filemanager.js

@@ -72 +72 @@
             });
                 
-                /*$('#btnNewFolder').click (function(){
-                        var curDir = privateTree.getCurrentDir();
-                        privateTree.createDir(curDir);
+                $('#btnNewFolder').click (function(){
                 });
                 
-                $('#btnCopy').click (function(){
+                /*$('#btnCopy').click (function(){
                         privateTree.copy();
                 });*/

pro-bachkim-filespace/sourcecode/assets/js/jquery/jquery.contextMenu.js

@@ -26 +26 @@
                         
                         if( o.disabledItems == undefined ) o.disabledItems = null;
+                        if( o.enabledItems == undefined ) o.enabledItems = null;
                         
                         // Loop each context menu
@@ -82 +83 @@
                                                         });
                                                         
-                                                        
                                                         if (o.disabledItems != null) {
                                                                 for (var i = 0; i < o.disabledItems.length; i ++) {
                                                                         $(menu).find('LI.' + o.disabledItems[i]).addClass('disabled');
+                                                                }
+                                                        }
+                                                        else if (o.enabledItems != null) {
+                                                                for (var i = 0; i < o.enabledItems.length; i ++) {
+                                                                        $(menu).find('LI.' + o.enabledItems[i]).removeClass('disabled');
                                                                 }
                                                         }

pro-bachkim-filespace/sourcecode/assets/js/vsgrid.js

@@ -26 +26 @@
                                 if( d.customEvent == undefined ) d.customEvent = null;
 
-                                var strHTML = '<div class="vscell" rel="id:' + d.id + '">';
+                                var strHTML = '<div class="vscell '+ d.minetype +'" rel="id:' + d.id + '">';
                                         strHTML += '<div class="selector unselected">';
                                         strHTML +=      '<div class="icon-' + d.minetype + '"></div>';
@@ -34 +34 @@
                                 
                                 var disabledItemsList = null;
+                                var enabledItemsList = null;
+                                var menuName = '';
                                 
                                 if (d.minetype == 'directory') {
                                         disabledItemsList = ['preview'];
+                                        menuName = 'gridMenuDir';
+                                }
+                                else {
+                                        disabledItemsList = ['newfolder'];
+                                        menuName = 'gridMenuFile';
                                 }
                                 
                                 $(o.container).append(strHTML);
 
-                                $('div[rel="id:'+ d.id +'"]').bind('click',function(e){itemClick(this)});
-                                
-                                $('div[rel="id:'+ d.id +'"]').contextMenu({
-                                        menu: 'gridMenu',
-                                        disabledItems: disabledItemsList
+                                $('div[rel="id:'+ d.id +'"].' + d.minetype).bind('click',function(e){itemClick(this)});
+                                $('div[rel="id:'+ d.id +'"].' + d.minetype).bind('dblclick',function(e){doubleClick(this)});
+                                
+                                $('div[rel="id:'+ d.id +'"].' + d.minetype).draggable({ containment: "parent",helper: "original" });
+                                
+                                $('div[rel="id:'+ d.id +'"].' + d.minetype).contextMenu({
+                                        menu: menuName,
+                                        disabledItems: disabledItemsList,
+                                        enabledItems: enabledItemsList
                                 }, function(action, el, pos) {
                                         itemClick(el);
@@ -106 +117 @@
                                 $('#box-newfolder').on('show.bs.modal', function () {
                                         $('#box-newfolder').find('#frm-newfolder').get(0).reset();
-                                        
                                 });
                                 
@@ -211 +221 @@
                         }
                         
+                        var doubleClick = function (i) {
+                                var rel = $(i).attr('rel');
+                                if ($(i).hasClass('directory')) {                               
+                                        var id = rel.substring(3, rel.length);
+                                        o.curentParent = o.dirIDprefix + id;
+                                        renderGrid(o);
+                                        o.tree.openTreeOffset(id);
+                                }
+                        }
+                        
                         var searchItemByID = function (itemID, type) {
                                 var source = (type == 'directory') ? o.directoryTreeData.DIRECTORIES : (type == 'file') ? o.directoryTreeData.FILES : null;
@@ -241 +261 @@
                                 var disabledItemsList = ['preview','rename','copy','cut','delete','open'];
                                 var item = searchItemByID(currentDirID,'directory');
-                                console.log(item);
+                                
                                 $(o.container).contextMenu({
                                         menu: 'gridMenuParent',
@@ -380 +400 @@
                                 }
                         }
+                        
+                        this.searchItem = function (id, type) {
+                                return searchItemByID (id, type);
+                        }
 
                         this.initialize = function() {

pro-bachkim-filespace/sourcecode/assets/js/vstree.js

@@ -56 +56 @@
                                 o.directoryTreeData = parseData;                                
                                 var directoryData = parseData.DIRECTORIES;
-
+                                
                                 var homeNode = createNode({
                                         id:0,
@@ -64 +64 @@
                                 selectDir($(homeNode).find('> A'));
                                 if (directoryData != null) {
+                                        var count = 0;
                                         for (var i = 0; i < directoryData.length ; i++) {
+                                                var htmlNode = $(o.container).find('#' + o.dirIDprefix + directoryData[i].parentID);
+                                                
                                                 var node = createNode ({
                                                         id: directoryData[i].id,
                                                         name: directoryData[i].name,
-                                                        currentNode: $(o.container).find('#' + o.dirIDprefix + directoryData[i].parentID).find('> A'),
+                                                        currentNode: $(htmlNode).find('> A'),
                                                         hidden: (directoryData[i].parentID > 0) ? true : false
                                                 })
+                                                
+                                                count ++;
                                         };
                                 }
@@ -104 +109 @@
                                 //bind new node to data
                                 if (d.addToJSONData == true) {
-                                        //o.directoryTreeData.DIRECTORIES.length
                                         var newdir = {};
                                         newdir.id = d.id;
                                         newdir.name = d.name;
-                                        
-                                        console.log(d.currentNode);
-                                        
                                         newdir.parentID = $(o.container).find(d.currentNode).parent().attr('id').substring(o.dirIDprefix.length, $(d.currentNode).parent().attr('id').length);
                                         o.directoryTreeData.DIRECTORIES.push(newdir);
@@ -164 +165 @@
                                 return $(parent).find('UL').size();
                         }
-
-                        var openDir = function (o) {
-                                if( $(o).parent().hasClass('collapsed') ) {
-                                        $(o).parent().find('> UL:hidden').slideDown({ duration: o.expandSpeed, easing: o.expandEasing });
-                                        $(o).parent().removeClass('collapsed').addClass('expanded');
-                                }
-                                else if( $(o).parent().hasClass('expanded') ) {
-                                        $(o).parent().find('> UL').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
-                                        $(o).parent().removeClass('expanded').addClass('collapsed');
-                                }
-                                selectDir(o);
+                        
+                        var openDirById = function (dirID) {
+                                console.log(o.grid);
+                                var item = o.grid.searchItem(dirID, 'directory');
+                                var treeNode = $(o.container).find('#' + o.dirIDprefix + item.id);
+                                
+                                if(item.parentID != 0) {
+                                        var parent = $(o.container).find('#' + o.dirIDprefix + item.parentID);
+                                        if( $(parent).hasClass('collapsed') ) {
+                                                $(parent).removeClass('collapsed').addClass('expanded');
+                                                $(parent).find('> UL:hidden').slideDown({ duration: o.expandSpeed, easing: o.expandEasing });
+                                        }
+                                }
+                                
+                                if( $(treeNode).hasClass('collapsed') ) {
+                                        $(treeNode).find('> UL:hidden').slideDown({ duration: o.expandSpeed, easing: o.expandEasing });
+                                        $(treeNode).parent().parent().find('> UL:hidden').slideDown({ duration: o.expandSpeed, easing: o.expandEasing });
+                                        $(treeNode).removeClass('collapsed').addClass('expanded');
+                                }
+                                
+                                selectDir($(treeNode).find('> A'));
+                        }
+
+                        var openDir = function (i) {
+                                closeAllChild($(i).parent());
+                                
+                                if( $(i).parent().hasClass('collapsed') ) {
+                                        $(i).parent().find('> UL:hidden').slideDown({ duration: o.expandSpeed, easing: o.expandEasing });
+                                        $(i).parent().removeClass('collapsed').addClass('expanded');
+                                }
+                                else if( $(i).parent().hasClass('expanded') ) {
+                                        $(i).parent().find('> UL').slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
+                                        $(i).parent().removeClass('expanded').addClass('collapsed');
+                                }
+                                
+                                selectDir(i);
+                        }
+                        
+                        var closeAllChild = function (i) {
+                                if ($(i).hasClass('home')) return;
+                                var aryChildDir = $(i).find ('UL');
+                                for (var i = 0; i < aryChildDir.length; i++) {
+                                        $(aryChildDir[i]).slideUp({ duration: o.collapseSpeed, easing: o.collapseEasing });
+                                        $(aryChildDir[i]).find('> LI').removeClass('expanded').addClass('collapsed');
+                                }
                         }
 
@@ -295 +330 @@
                                         hidden: false,
                                         addToJSONData:true});
-                        }
+                        };
 
                         this.deleteDir = function (c) {
@@ -348 +383 @@
                                 
                         }
+                        
+                        this.openTreeOffset = function (nodeID) {
+                                openDirById(nodeID);
+                        }
 
                         this.initialize = function() {