ENH : optimized javaascript speed

Author: Charles Marion

public/js/layout/jquery.treeTable.js

@@ -256,18 +256,28 @@
         });
   }
 
+  function trimName(name,padding)
+  {
+    if(name.length*6+padding>350)
+      { 
+      toremove=(name.length*6+padding-350)/6;  
+      name=name.substring(0,10)+'...'+name.substring(name.length+10+3-toremove);
+      return name;
+      }
+  return name;
+  }
 
   function createElementsAjax(node,elements,first)
   {
-    console.log(elements);
     var i = 1;
     var id=node.attr('id');
     elements['folders'] = jQuery.makeArray(elements['folders']);
     elements['items'] = jQuery.makeArray(elements['items']);
+    var padding=parseInt(node.find('td:first').css('padding-left').slice(0,-2));
     var html='';
     $.each(elements['folders'], function(index, value) {
       html+= "<tr id='"+id+"-"+i+"' class='parent child-of-"+id+"' ajax='"+value['folder_id']+"'type='folder'  policy='"+value['policy']+"' element='"+value['folder_id']+"'>";
-      html+=     "  <td><span class='folder'>"+value['name']+"</span></td>";
+      html+=     "  <td><span class='folder'>"+trimName(value['name'],padding)+"</span></td>";
       html+=     "  <td>"+'<img class="folderLoading"  element="'+value['folder_id']+'" alt="" src="'+json.global.webroot+'/public/images/icons/loading.gif"/>'+"</td>";
       html+=     "  <td>"+value['creation']+"</td>";
       html+=     "  <td><input type='checkbox' class='treeCheckbox' type='folder' element='"+value['folder_id']+"'/></td>";
@@ -277,7 +287,7 @@
 
     $.each(elements['items'], function(index, value) { 
       html+=  "<tr id='"+id+"-"+i+"' class='child-of-"+id+"'  type='item' policy='"+value['policy']+"' element='"+value['item_id']+"'>";
-      html+=     "  <td><span class='file'>"+value['name']+"</span></td>";
+      html+=     "  <td><span class='file'>"+trimName(value['name'],padding)+"</span></td>";
       html+=     "  <td>"+value['size']+"</td>";
       html+=     "  <td>"+value['creation']+"</td>";
       html+=     "  <td><input type='checkbox' class='treeCheckbox' type='item' element='"+value['item_id']+"'/></td>";