erp_app 3.0.7 → 3.0.8

data/public/javascripts/erp_app/shared/file_manager_tree.js

@@ -72,7 +72,8 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
      * @event drop_view
      * call through for drop view event.
      */
-      'drop_view'
+      'drop_view',
+      'showImage'
       );
   },
 
@@ -88,7 +89,6 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
     };
 
     if(!Compass.ErpApp.Utility.isBlank(config['autoLoadRoot']) && !config['autoLoadRoot']){
-      rootConfig.expanded = false,
       rootConfig.children = [];
       rootConfig.autoLoad = false;
     }
@@ -119,7 +119,16 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
         name:'leaf'
       },{
         name:'isSecured'
-      }]
+      },{
+        name:'size'
+      },{
+        name:'width'
+      },{
+        name:'height'
+      },{
+        name:'url'
+      }
+      ]
     });
 
     var defaultListeners = {
@@ -129,7 +138,7 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
           currentUser.showInvalidAccess();
           return false;
         }
-        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to move this file?', function(btn){
+        Ext.MessageBox.confirm('Confirm', 'Are you sure you want to move the selected file(s)?', function(btn){
           if(btn == 'no'){
             store.load({
               node:oldParent
@@ -142,10 +151,15 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
           else
           if(btn == 'yes')
           {
+            selectedNodes = self.getSelectionModel().getSelection();
+
             var msg = Ext.Msg.wait("Saving", "Saving move...");
             Ext.apply(self.extraPostData, {
               node:node.data.id,
-              parent_node:newParent.data.id
+              parent_node:newParent.data.id,
+              selected_nodes:Ext.JSON.encode(Ext.Array.map(selectedNodes, function(node, i) {
+                return node.data.id;
+              }))
             });
             Ext.Ajax.request({
               url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/save_move',
@@ -154,7 +168,7 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
               success: function(response) {
                 msg.hide();
                 var responseObj = Ext.decode(response.responseText);
-                Ext.Msg.alert('Status', responseObj.msg);
+                //Ext.Msg.alert('Status', responseObj.msg);
                 if(responseObj.success){
                   store.load({
                     node:newParent
@@ -175,27 +189,38 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
       },
       'itemclick':function(view, record, item, index, e){
         e.stopEvent();
-        if(record.get('leaf')){
-          if(!self.fireEvent('allowviewcontents', this)){
-            currentUser.showInvalidAccess();
-            return false;
-          }
-          var msg = Ext.Msg.wait("Loading", "Retrieving contents...");
-          Ext.Ajax.request({
-            url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/get_contents',
-            method: 'POST',
-            params:{
-              node:record.data.id
-            },
-            success: function(response) {
-              msg.hide();
-              self.fireEvent('contentLoaded', this, record, response.responseText);
-            },
-            failure: function() {
-              Ext.Msg.alert('Status', 'Error loading contents');
-              msg.hide();
+
+        if (!(self.initialConfig.enableViewContents === false)){
+          if(record.get('leaf')){
+            if(!self.fireEvent('allowviewcontents', this)){
+              currentUser.showInvalidAccess();
+              return false;
             }
-          });
+
+            var fileType = record.data.id.split('.').pop();
+
+            if (Ext.Array.indexOf(['png','gif','jpg','jpeg','ico','bmp','tif','tiff'], fileType.toLowerCase()) > -1){
+              self.fireEvent('showImage', this, record);
+            }
+            else{
+              var msg = Ext.Msg.wait("Loading", "Retrieving contents...");
+              Ext.Ajax.request({
+                url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/get_contents',
+                method: 'POST',
+                params:{
+                  node:record.data.id
+                },
+                success: function(response) {
+                  msg.hide();
+                  self.fireEvent('contentLoaded', this, record, response.responseText);
+                },
+                failure: function() {
+                  Ext.Msg.alert('Status', 'Error loading contents');
+                  msg.hide();
+                }
+              });
+            }
+          }
         }
       },
       'itemcontextmenu':function(view, record, item, index, e){
@@ -207,159 +232,197 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
         }
 
         self.selectedNode = record;
-        var menuItems = [
-        {
-          text:'Rename',
-          iconCls:'icon-edit',
-          listeners:{
-            'click':function(){
-              if(!self.fireEvent('allowrename', this)){
-                currentUser.showInvalidAccess();
-                return false;
-              }
-              var renameForm = {
-                xtype:'form',
-                autoDestroy:true,
-                width: 500,
-                frame: true,
-                buttonAlign:'center',
-                bodyStyle: 'padding: 10px 10px 0 10px;',
-                labelWidth: 50,
-                defaults: {
-                  anchor: '95%',
-                  allowBlank: false,
-                  msgTarget: 'side',
-                  labelWidth:50
-                },
-                items: [{
-                  xtype: 'textfield',
-                  fieldLabel: 'Name',
-                  name:'file_name',
-                  value:record.data["text"]
-                },{
-                  xtype:'hidden',
-                  name:'node',
-                  value:record.data.id
-                }],
-                buttons: [{
-                  text: 'Save',
-                  handler: function(btn){
-                    var renameForm = btn.findParentByType('form');
-                    if(renameForm.getForm().isValid()){
-                      Ext.apply(self.extraPostData, renameForm.getValues());
-                      var msg = Ext.Msg.wait("Loading", "Renaming file...");
-                      Ext.Ajax.request({
-                        url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/rename_file',
-                        method: 'POST',
-                        params:self.extraPostData,
-                        success: function(response) {
-                          msg.close();
-                          var responseObj =  Ext.decode(response.responseText);
-                          
-                          if(responseObj.success){
-                            store.load({
-                              node:record.parentNode,
-                              params:self.extraPostData
-                            });
-                            var window = renameForm.findParentByType('window');
-                            window.close()
-                          }
-                          else{
-                            Ext.Msg.alert("Error", responseObj.error);
+        var menuItems = [];
+		
+		//if this is a leaf (file) allow user to view details
+		if(record.data['leaf']){
+			menuItems.push({
+		      nodeType:'leaf',
+		      text:'View Details',
+		      iconCls:'icon-add',
+		      listeners:{
+		        scope:self,
+		        'click':function(){
+		          var details = 'Filename: '+record.data.text;
+
+			      if(record.data.url){
+				    details += '<br /> URL: '+record.data.url 	
+				  }
+				  if(record.data.size){
+				    details += '<br /> Size: '+record.data.size + ' bytes' 	
+				  }
+				  if(record.data.width){
+				    details += '<br /> Width: '+record.data.width + ' px' 	
+				  }
+				  if(record.data.height){
+				    details += '<br /> Height: '+record.data.height + ' px' 	
+				  }
+				  Ext.Msg.alert('Details',details);
+		        }
+		      }
+		    });
+		}
+        // if root node don't show rename menu item
+        if(record.data['id'] != 'root_node' && !(self.initialConfig.showRenameMenuItem === false)){
+          menuItems.push({
+            text:'Rename',
+            iconCls:'icon-edit',
+            listeners:{
+              'click':function(){
+                if(!self.fireEvent('allowrename', this)){
+                  currentUser.showInvalidAccess();
+                  return false;
+                }
+                var renameForm = {
+                  xtype:'form',
+                  autoDestroy:true,
+                  width: 500,
+                  frame: true,
+                  buttonAlign:'center',
+                  bodyStyle: 'padding: 10px 10px 0 10px;',
+                  labelWidth: 50,
+                  defaults: {
+                    anchor: '95%',
+                    allowBlank: false,
+                    msgTarget: 'side',
+                    labelWidth:50
+                  },
+                  items: [{
+                    xtype: 'textfield',
+                    fieldLabel: 'Name',
+                    name:'file_name',
+                    value:record.data["text"]
+                  },{
+                    xtype:'hidden',
+                    name:'node',
+                    value:record.data.id
+                  }],
+                  buttons: [{
+                    text: 'Save',
+                    handler: function(btn){
+                      var renameForm = btn.findParentByType('form');
+                      if(renameForm.getForm().isValid()){
+                        Ext.apply(self.extraPostData, renameForm.getValues());
+                        var msg = Ext.Msg.wait("Loading", "Renaming file...");
+                        Ext.Ajax.request({
+                          url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/rename_file',
+                          method: 'POST',
+                          params:self.extraPostData,
+                          success: function(response) {
+                            msg.close();
+                            var responseObj =  Ext.decode(response.responseText);
+                            
+                            if(responseObj.success){
+                              store.load({
+                                node:record.parentNode,
+                                params:self.extraPostData
+                              });
+                              var window = renameForm.findParentByType('window');
+                              window.close()
+                            }
+                            else{
+                              Ext.Msg.alert("Error", responseObj.error);
+                            }
+                          },
+                          failure: function(response) {
+                            msg.close();
+                            var responseObj =  Ext.decode(response.responseText);
+                            msg.hide();
+                            Ext.Msg.alert('Status', responseObj.msg);
                           }
-                        },
-                        failure: function(response) {
-                          msg.close();
-                          var responseObj =  Ext.decode(response.responseText);
-                          msg.hide();
-                          Ext.Msg.alert('Status', responseObj.msg);
-                        }
-                      });
+                        });
+                      }
                     }
-                  }
-                },{
-                  text: 'Reset',
-                  handler: function(btn){
-                    var renameForm = btn.findParentByType('form');
-                    renameForm.getForm().reset();
-                  }
-                }]
-              };
+                  },{
+                    text: 'Reset',
+                    handler: function(btn){
+                      var renameForm = btn.findParentByType('form');
+                      renameForm.getForm().reset();
+                    }
+                  }]
+                };
 
-              var type = '';
-              if(record.data["leaf"]){
-                type = 'file'
-              }
-              else{
-                type = 'directory'
-              }
+                var type = '';
+                if(record.data["leaf"]){
+                  type = 'file'
+                }
+                else{
+                  type = 'directory'
+                }
 
-              var renameWindow = Ext.create('Ext.window.Window', {
-                title:'Rename ' + type,
-                layout: 'fit',
-                width:500,
-                height:120,
-                items:[
-                renameForm
-                ]
-              });
+                var renameWindow = Ext.create('Ext.window.Window', {
+                  title:'Rename ' + type,
+                  layout: 'fit',
+                  width:500,
+                  height:120,
+                  items:[
+                  renameForm
+                  ]
+                });
 
-              renameWindow.show();
-            }
-          }
-        },
-        {
-          text:'Delete',
-          iconCls:'icon-delete',
-          listeners:{
-            scope:this,
-            'click':function(){
-              if(!self.fireEvent('allowdelete', this)){
-                currentUser.showInvalidAccess();
-                return false;
+                renameWindow.show();
               }
-              Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this file?', function(btn){
-                if(btn == 'no'){
+            }
+          });
+        }
+
+        // if root node don't show delete menu item
+        if(record.data['id'] != 'root_node'){
+          menuItems.push({
+            text:'Delete',
+            iconCls:'icon-delete',
+            listeners:{
+              scope:this,
+              'click':function(){
+                selectedNodes = self.getSelectionModel().getSelection();
+
+                if(!self.fireEvent('allowdelete', this)){
+                  currentUser.showInvalidAccess();
                   return false;
                 }
-                else
-                if(btn == 'yes')
-                {
-                  Ext.apply(self.extraPostData, {
-                    node:record.data.id,
-                    leaf:record.data.leaf
-                  });
-                  var msg = Ext.Msg.wait("Loading", "Deleting file...");
-                  Ext.Ajax.request({
-                    url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/delete_file',
-                    method: 'POST',
-                    params:self.extraPostData,
-                    success: function(response) {
-                      var responseObj =  Ext.decode(response.responseText);
-                      msg.hide();
-                      if(responseObj.success){
-                        store.load({
-                          node:record.parentNode,
-                          params:self.extraPostData
-                        });
-                        self.fireEvent('fileDeleted', this, record);
-                      }
-                      else{
-                        Ext.Msg.alert("Error", responseObj.error);
+                Ext.MessageBox.confirm('Confirm', 'Are you sure you want to delete this file?', function(btn){
+                  if(btn == 'no'){
+                    return false;
+                  }
+                  else if(btn == 'yes'){
+                    Ext.apply(self.extraPostData, {
+                      node:record.data.id,
+                      leaf:record.data.leaf,
+                      selected_nodes:Ext.JSON.encode(Ext.Array.map(selectedNodes, function(node, i) {
+                        return node.data.id;
+                      }))
+                    });
+                    var msg = Ext.Msg.wait("Loading", "Deleting file...");
+                    Ext.Ajax.request({
+                      url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/delete_file',
+                      method: 'POST',
+                      params:self.extraPostData,
+                      success: function(response) {
+                        var responseObj =  Ext.decode(response.responseText);
+                        msg.hide();
+                        if(responseObj.success){
+                          store.load({
+                            node:record.parentNode,
+                            params:self.extraPostData
+                          });
+                          self.fireEvent('fileDeleted', this, record);
+                        }
+                        else{
+                          Ext.Msg.alert("Error", responseObj.error);
+                        }
+                      },
+                      failure: function(response) {
+                        var responseObj =  Ext.decode(response.responseText);
+                        msg.hide();
+                        Ext.Msg.alert('Status', responseObj.msg);
                       }
-                    },
-                    failure: function(response) {
-                      var responseObj =  Ext.decode(response.responseText);
-                      msg.hide();
-                      Ext.Msg.alert('Status', responseObj.msg);
-                    }
-                  });
-                }
-              });
+                    });
+                  }
+                });
+              }
             }
-          }
+          });
         }
-        ];
 
         //add additional menu items if they are passed in the config
         //check to see where the should show, folders, leafs, or all
@@ -391,10 +454,20 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
                   currentUser.showInvalidAccess();
                   return false;
                 }
-                store.load({
-                  node:record,
-                  params:self.extraPostData
-                });
+                
+                // prevent double reload
+                if (!store.isLoading()){
+                  // bugfix (clearOnLoad) 
+                  while (delNode = self.selectedNode.childNodes[0]) {
+                    self.selectedNode.removeChild(delNode);
+                  }
+
+                  store.load({
+                    node:self.selectedNode,
+                    params:self.extraPostData,
+                    callback: function(){ view.refresh(); }
+                  });
+                }
               }
             }
           });
@@ -415,8 +488,6 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
                 });
                 var uploadWindow = new Compass.ErpApp.Shared.UploadWindow({
                   standardUploadUrl:this.initialConfig['standardUploadUrl'],
-                  flashUploadUrl:this.initialConfig['flashUploadUrl'],
-                  xhrUploadUrl:this.initialConfig['xhrUploadUrl'],
                   extraPostData:self.extraPostData,
                   listeners:{
                     'fileuploaded':function(){
@@ -434,84 +505,88 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
           });
 
           /*new file*/
-          menuItems.push({
-            text:'New File',
-            iconCls:'icon-document',
-            listeners:{
-              scope:self,
-              'click':function(){
-                if(!self.fireEvent('allownewfile', this)){
-                  currentUser.showInvalidAccess();
-                  return false;
-                }
-                Ext.MessageBox.prompt('New File', 'Please enter new file name:', function(btn, text){
-                  if(btn == 'ok'){
-                    Ext.apply(self.extraPostData, {
-                      path:record.data.id,
-                      name:text
-                    });
-                    var msg = Ext.Msg.wait("Processing", "Creating new file...");
-                    Ext.Ajax.request({
-                      url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/create_file',
-                      method: 'POST',
-                      params:self.extraPostData,
-                      success: function(response) {
-                        msg.hide();
-                        store.load({
-                          node:record,
-                          params:self.extraPostData
-                        });
-                      },
-                      failure: function() {
-                        Ext.Msg.alert('Status', 'Error creating file.');
-                        msg.hide();
-                      }
-                    });
+          if (!(self.initialConfig.showNewFileMenuItem === false)){
+            menuItems.push({
+              text:'New File',
+              iconCls:'icon-document',
+              listeners:{
+                scope:self,
+                'click':function(){
+                  if(!self.fireEvent('allownewfile', this)){
+                    currentUser.showInvalidAccess();
+                    return false;
                   }
-                });
+                  Ext.MessageBox.prompt('New File', 'Please enter new file name:', function(btn, text){
+                    if(btn == 'ok'){
+                      Ext.apply(self.extraPostData, {
+                        path:record.data.id,
+                        name:text
+                      });
+                      var msg = Ext.Msg.wait("Processing", "Creating new file...");
+                      Ext.Ajax.request({
+                        url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/create_file',
+                        method: 'POST',
+                        params:self.extraPostData,
+                        success: function(response) {
+                          msg.hide();
+                          store.load({
+                            node:record,
+                            params:self.extraPostData
+                          });
+                        },
+                        failure: function() {
+                          Ext.Msg.alert('Status', 'Error creating file.');
+                          msg.hide();
+                        }
+                      });
+                    }
+                  });
+                }
               }
-            }
-          });
+            });
+          }
 
           /*new folder menu item*/
-          menuItems.push({
-            text:'New Folder',
-            iconCls:'icon-content',
-            listeners:{
-              scope:this,
-              'click':function(){
-                if(!self.fireEvent('allownewfolder', this)){
-                  currentUser.showInvalidAccess();
-                  return false;
-                }
-                Ext.MessageBox.prompt('New Folder', 'Please enter new folder name:', function(btn, text){
-                  if(btn == 'ok'){
-                    Ext.apply(self.extraPostData, {
-                      path:record.data.id,
-                      name:text
-                    });
-                    var msg = Ext.Msg.wait("Processing", "Creating new folder...");
-                    Ext.Ajax.request({
-                      url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/create_folder',
-                      method: 'POST',
-                      params:self.extraPostData,
-                      success: function(response) {
-                        msg.hide();
-                        store.load({
-                          node:record,
-                          params:self.extraPostData
-                        });
-                      },
-                      failure: function() {
-                        Ext.Msg.alert('Status', 'Error creating folder.');
-                        msg.hide();
-                      }
-                    });
+          if (!(self.initialConfig.showNewFolderMenuItem === false)){
+            menuItems.push({
+              text:'New Folder',
+              iconCls:'icon-content',
+              listeners:{
+                scope:this,
+                'click':function(){
+                  if(!self.fireEvent('allownewfolder', this)){
+                    currentUser.showInvalidAccess();
+                    return false;
                   }
-                });
+                  Ext.MessageBox.prompt('New Folder', 'Please enter new folder name:', function(btn, text){
+                    if(btn == 'ok'){
+                      Ext.apply(self.extraPostData, {
+                        path:record.data.id,
+                        name:text
+                      });
+                      var msg = Ext.Msg.wait("Processing", "Creating new folder...");
+                      Ext.Ajax.request({
+                        url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/create_folder',
+                        method: 'POST',
+                        params:self.extraPostData,
+                        success: function(response) {
+                          msg.hide();
+                          store.load({
+                            node:record,
+                            params:self.extraPostData
+                          });
+                        },
+                        failure: function() {
+                          Ext.Msg.alert('Status', 'Error creating folder.');
+                          msg.hide();
+                        }
+                      });
+                    }
+                  });
+                }
               }
-            }
-          });
+            });
+          }
         }
         else{
           //check if we are allowing to view contents
@@ -525,22 +600,30 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
                     currentUser.showInvalidAccess();
                     return false;
                   }
-                  var msg = Ext.Msg.wait("Loading", "Retrieving contents...");
-                  Ext.Ajax.request({
-                    url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/get_contents',
-                    method: 'POST',
-                    params:{
-                      node:record.data.id
-                    },
-                    success: function(response) {
-                      msg.hide();
-                      self.fireEvent('contentLoaded', this, record, response.responseText);
-                    },
-                    failure: function() {
-                      Ext.Msg.alert('Status', 'Error loading contents');
-                      msg.hide();
-                    }
-                  });
+
+                  var fileType = record.data.id.split('.').pop();
+
+                  if (Ext.Array.indexOf(['png','gif','jpg','jpeg','ico','bmp','tif','tiff'], fileType.toLowerCase()) > -1){
+                    self.fireEvent('showImage', this, record);
+                  }
+                  else{
+                    var msg = Ext.Msg.wait("Loading", "Retrieving contents...");
+                    Ext.Ajax.request({
+                      url: (self.initialConfig['controllerPath'] || '/erp_app/desktop/file_manager/base') + '/get_contents',
+                      method: 'POST',
+                      params:{
+                        node:record.data.id
+                      },
+                      success: function(response) {
+                        msg.hide();
+                        self.fireEvent('contentLoaded', this, record, response.responseText);
+                      },
+                      failure: function() {
+                        Ext.Msg.alert('Status', 'Error loading contents');
+                        msg.hide();
+                      }
+                    });
+                  }
                 }
               }
             });
@@ -580,6 +663,8 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
     config['listeners'] = defaultListeners;
 
     config = Ext.apply({
+      clearOnLoad: false, 
+      multiSelect:true,
       store:store,
       animate:false,
       containerScroll: true,
@@ -588,17 +673,20 @@ Ext.define("Compass.ErpApp.Shared.FileManagerTree",{
       autoScroll:true,
       margins: '5 0 5 5',
       viewConfig: {
+        loadMask: true,
         plugins: {
           ptype: 'treeviewdragdrop'
-        },
-        listeners:{
-          'beforedrop':function(node, data, overModel, dropPosition,dropFunction,options){
-            self.fireEvent('beforedrop_view', node, data, overModel, dropPosition,dropFunction,options);
-          },
-          'drop':function(node, data, overModel, dropPosition, options){
-            self.fireEvent('drop_view', node, data, overModel, dropPosition, options);
-          }
         }
+        // these events were throwing extjs errors when trying to move multiple files in file manager when hovering over drop node
+        // Since they are not being used I am commenting them out
+        // listeners:{
+        //   'beforedrop':function(node, data, overModel, dropPosition,dropFunction,options){
+        //     self.fireEvent('beforedrop_view', node, data, overModel, dropPosition,dropFunction,options);
+        //   },
+        //   'drop':function(node, data, overModel, dropPosition, options){
+        //     self.fireEvent('drop_view', node, data, overModel, dropPosition, options);
+        //   }
+        // }
       }
     }, config);