Changeset 14

Timestamp:

Jun 13, 2014 10:25:51 AM (11 years ago)

Author:

dungnv

Message:

 

Location:

pro-bachkim-filespace/sourcecode/assets/js

Files:

• filemanager/filemanager.js (modified) (1 diff)
• jquery/jquery.contextMenu.js (added)
• jquery/jquery.contextMenu_.js (added)
• jquery/jquery.ui.position.js (added)
• vscontextmenu.js (deleted)
• vsfilemanager.js (modified) (7 diffs)
• vsgrid.js (added)

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

@@ -51 +51 @@
                 var privateGrid = $('#file-container').violetGrid ({directoryContent:null});
                 
-                $('#main-content').violetcontextmenu({
-                                groups:{
-                                                'file':{name:'File',disabled:false},
-                                                'edit':{name:'Edit',disabled:false},
-                                                'share':{name:'Share',disabled:false}
-                                        }
-                });
-                
                 var privateTree =  $('#treeview-container').violetTree({
                         expandEasing: 'easeOutBounce', 

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

@@ -18 +18 @@
                         if( o.directoryTreeData == undefined ) o.directoryTreeData = null;
                         if( o.grid == undefined ) o.grid = null;
-
+                        
                         // PRIVATE methods
                         var sendCommand = function (p) {
@@ -102 +102 @@
                                         sendtoGrid();
                                 }
-
+                                
                                 //bind event on new node
                                 $('#' + 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();
-                                showContextMenu (this);
+                                
+                                $('#' + o.dirIDprefix + d.id).find('a').contextMenu({
+                                        menu: 'treeMenu'
+                                }, function(action, el, pos) {
+                                        alert(
+                                                'Action: ' + action + '\n\n' +
+                                                'Element text: ' + $(el).text() + '\n\n' + 
+                                                'X: ' + pos.x + '  Y: ' + pos.y + ' (relative to element)\n\n' + 
+                                                'X: ' + pos.docX + '  Y: ' + pos.docY+ ' (relative to document)'
+                                                );
                                 });
-
+                                
                                 if (d.customEvent != null) 
                                         $('#' + o.dirIDprefix + d.id).find('a').bind(d.customEvent.eventName, function(e){d.customEvent.eventTrigger(this)});
@@ -149 +156 @@
                                 sendtoGrid();
                         }
-
-                        var showContextMenu = function  (n) {
-                                alert ('showContextMenu on ' + $(n).text());
-                        };
 
                         var sendtoGrid = function () {
@@ -246 +249 @@
                         if( o.directoryTreeData == undefined ) o.directoryTreeData = null;
                         if( o.dirIDprefix == undefined ) o.dirIDprefix = null;
-
+                        
                         var createNode = function (d) {
                                 if( !d ) var d = {};
@@ -262 +265 @@
                                         strHTML += '<div class="file-name unselected">' + d.name + '</div>';
                                         strHTML += '</div>';
-
+                                
+                                var disabledItemsList = null;
+                                
+                                if (d.minetype == 'directory') {
+                                        disabledItemsList = ['preview'];
+                                }
+                                
                                 $(o.container).append(strHTML);
 
-                                $('div[rel="id:'+ d.id +'"]').bind('click',function(e){itemClick(this)});
+                                $('div[rel="id:'+ d.id +'"]').bind('click',function(e){itemClick(this)});                               
+                                $('div[rel="id:'+ d.id +'"]').contextMenu({
+                                        menu: 'gridMenu',
+                                        disabledItems: disabledItemsList
+                                }, function(action, el, pos) {
+                                
+                                        switch(action) {
+                                                case 'rename':
+                                                        itemClick(el);
+                                                        rename(el);
+                                                        break;
+                                                default:
+                                                        break;
+                                        }
+                                        
+                                });
+                        }
+                        
+                        var keyboardRename = function () {
+                                $(document).keypress( function(e) {
+                                        var selectedItem = $('.selector.selected').parent();
+                                        switch( e.keyCode ) {
+                                                case 113:
+                                                        rename(selectedItem);
+                                                        break;
+                                                default:
+                                                        break;
+                                        }
+                                        return false;
+                                });
                         }
 
@@ -306 +344 @@
                                 }
                         }
+                        
+                        var rename = function (e) {
+                                var nameObj = $(e).find('.file-name');
+                                var oldName = $(nameObj).text();
+                                var editor = document.createElement ('INPUT');
+                                editor.type = 'text';
+                                editor.className = 'rename';
+                                editor.value = oldName;
+                                
+                                $(nameObj).text('');
+                                $(nameObj).append(editor);
+                                editor.focus();
+                                $(editor).select();
+                        }
+                        
+                        var cancelRename = function () {
+                                
+                        }
 
                         this.getData = function (data) {
@@ -312 +368 @@
                                 o.dirIDprefix = data.dirIDprefix
                                 renderGrid(o);
+                                keyboardRename();
                         }