Ticket #349: catwalk-js-multiple-joins-pages.2.diff

turbogears/toolbox/catwalk/static/javascript/catwalk.js

@@ -2 +2 @@
-catwalk.MAX_HISTORY_LENGTH = 20;
-catwalk.currentPanel = 'structure';
-catwalk.multipleJoinContext = {};
+catwalk.join_page_info = {};
-catwalk.history = [];
-catwalk.disclosedRelations = {};
-catwalk.addHistory = function(entry)
@@ -288 +289 @@
-catwalk.error_result = function(result)
-{
-  if(!Widget.exists(result.error)) return false;
-  alert(result.error);
-  return true;
-}
-catwalk.paging_footer = function(result)
@@ -336 +336 @@
-               next_page
-              );
-}
+catwalk.paging_join_footer = function(result)
+{
+    var total = parseInt(result['total']);
+    var start = parseInt(result['start']);
+    var size = parseInt(result['page_size']);
+    if(total <= size ) return '';
+    var page_number = parseInt( start / size + 1 );
+    var total_pages =  parseInt( total/size +1);
+    var previous_page = IMG({'border':'0','style':'margin-right:5px','align':'absbottom',
+                                'src':'/tg_static/images/transp.png'} );
+    var next_page = previous_page;
+    var next_start = start + size;
+    var previous_start = start - size;
+    if(page_number > 1)
+    {
+        previous_page = A({
+                           'href':"javascript:catwalk.retrieveJoins('"+ result['objectName'] +"','" + result['id'] + "','" + result['joinName'] + "','" + result['joinType'] + "','" + result['joinObjectName'] + "','" + previous_start +"')",
+                           'title':'Previous page',
+                           'class':'discloser'
+                           },
+                           IMG({'border':'0','width':'15','style':'margin-right:5px','align':'absbottom',
+                                'src':'/tg_static/images/arrow_left.png'} )
+                          );
+    }
+    if(page_number < total_pages)
+    {
+        next_page = A({
+                           'href':"javascript:catwalk.retrieveJoins('"+ result['objectName'] +"','" + result['id'] + "','" + result['joinName'] + "','" + result['joinType'] + "','" + result['joinObjectName'] + "','" + next_start +"')",
+                           'title':'Next page',
+                           'class':'discloser'
+                           },
+                           IMG({'border':'0','style':'margin-right:5px','align':'absbottom',
+                                'src':'/tg_static/images/arrow_up.png'} )
+                          );
+    }
+    return DIV({'style':'font-size:10px;margin:6px;'},
+               previous_page,
+               ' ',
+               'Page ',
+               catwalk.join_page_selector(page_number,total_pages,size,result['objectName'], result['id'], result['joinName'], result['joinType'], result['joinObjectName']) ,
+               '  of '+ total_pages,
+               ' ',
+               next_page
+              );
+}
-catwalk.page_size = function(size,object_name)
-{
-    var page_size =  createDOM('SELECT',{'style':'font-size:10px',
@@ -361 +406 @@
-    }
-    return page_selector;
-}
+catwalk.join_page_selector = function(page_number,total_pages,size,object_name, id, joinName, joinType, joinObjectName)
+{
+    var page_selector =  createDOM('SELECT',{'style':'font-size:10px',
+                                             'onchange':'catwalk.update_join_page(this,"'+ object_name + '","' + id + '","' + joinName + '","' + joinType + '","' + joinObjectName+ '")'});
+    for(var i=0;i < total_pages;i++)
+    {
+        var props ={'value':(i*size)};
+        if((i+1) == page_number) props['selected'] ='selected';
+        page_selector.appendChild(createDOM('OPTION',props,(i+1)));
+    }
+    return page_selector;
+}
-catwalk.update_page_size = function(list,object_name)
-{
-    return;
@@ -370 +427 @@
-    var page = list.options[list.selectedIndex].value;
-    catwalk.retrieveValues(object_name,page);
-}
-go_to_page = function(page
+update_join_page = function( list, object_name, id, joinName, joinType, joinObjectName 
-{
-
+
+
-}
-catwalk.renderValues = function(result)
-{
@@ -681 +739 @@
-                          );
-  replaceChildNodes('content',formEdit);
-  catwalk.menuSelect('browse');
+  catwalk.checkDisclosedRelations(objectName,result['id']);
-  catwalk.addHistory({'view':'display','objectName':objectName,'id':result['id']});
-  catwalk.hightlightObject(objectName);
-  catwalk.checkDisclosedRelations(objectName,result['id']);
-}
-catwalk.checkDisclosedRelations = function(objectName,id)
-{
@@ -699 +757 @@
-                              ctx['id'],
-                              ctx['joinName'],
-                              ctx['joinType'],
-
+
+
-    }
-}
-catwalk.retrieveManageRelatedJoins = function(objectName,id,joinName,relatedObjectName)
@@ -734 +793 @@
-  var allJoins = createDOM('SELECT',{'id':'select_add_'+ results['join'],'size':'10','style':'width:225px','multiple':'multiple'},
-                                map(catwalk.renderOptions, catwalk.optionsForJoins(results['allJoins']['rows']) ) 
-                           );
-
+,0
-  var joinsTable = TABLE(null,
-                         TBODY(null,
-                               TR(null,
@@ -787 +846 @@
-{
-    catwalk.disclosedRelations[joinName]['visible'] = !catwalk.disclosedRelations[joinName]['visible'];
-}
-
+, page
-{
-  var u = 'joins?objectName='+ objectName +'&id='+ id;
-  u+='&join='+ joinName +'&joinType='+ joinType +'&joinObjectName='+ joinObjectName;
+  u += '&start=' + page;
-  catwalk.addDisclosedRelation(joinName,{'objectName':objectName,
-                                         'visible':true,
-                                         'id':id,
-                                         'joinName':joinName,
-                                         'joinType':joinType,
-
+
+
-  var e = loadJSONDoc(u);
-  e.addCallback(catwalk.renderJoins);
-}
@@ -821 +882 @@
-  if(catwalk.error_result(results)) return;
-  var params = [results['hostObject'], results['id'],
-                results['join'],results['joinType'],
-
+,results['start']
-               ];
-
- 
@@ -831 +892 @@
-               'actions':{
-                          'sort':'',
-                          'column_management':{'function':'catwalk.updateColumnsJoinView','params':params},
-o
-o
-o
+joinO
+joinO
+joinO
-                          }
-             };
-  if(results['joinType']=='SORelatedJoin') data['actions']['remove']='';
-  var grid = (results['rows'].length >0)? Widget.grid.render(results['join'],data):'';
-  var r = results;
+  catwalk.join_page_info = { 'start':r['start'], 'page_size':r['page_size'], 'total':r['total'] };
-  if(results['joinType']=='SORelatedJoin')
-  {
-
+ r['joinType'], 
-  }
-  else
-  {
-    //grid = DIV(null,grid,catwalk.renderAddMultipleJoinsControl(r['joinObjectName']));
-
+
+
-  }
-  replaceChildNodes('grid_'+ results['join'],grid);
-
@@ -866 +929 @@
-  var e = loadJSONDoc(u);
-  e.addCallback(catwalk.renderValues);
-}
-column
+start,column 
-{
-  var u = 'updateColumnsJoinView?objectName='+ objectName +'&id='+ id;
-  u+='&join='+ join +'&joinType='+ joinType +'&joinObjectName='+ joinObjectName;
-
+ + '&start=' + start
-  var e = loadJSONDoc(u);
-  e.addCallback(catwalk.renderJoins);
-}
-hostObject,id,otherClassName
+ hostObject, id, joinName, joinType, otherClassName 
-{
-
+
+
+
+
+
+
+
+
+
+
-    catwalk.retrieveFormAdd(otherClassName);
-}
-hostObject,id,
+ hostObject, id, joinName, joinType, 
-{
-  return Widget.iconLabel.render('add','Add Multiple Join',
-id,
+ id, joinName, joinType, 
-}
-
+joinType,
-{
+  var total = catwalk.join_page_info['total'];
+  var last_page = total - (total % catwalk.join_page_info['page_size']);
+  catwalk.addDisclosedRelation(joinName,{'joinObjectName':objectName,
+                                         'visible':true,
+                                         'id':id,
+                                         'joinName':joinMethodName,
+                                         'joinType':joinType,
+                                         'objectName':otherClassName,
+                                         'start':last_page});
-  return Widget.iconLabel.render('edit','Manage Relations',
-                                 'javascript:catwalk.retrieveManageRelatedJoins',
-                                 [objectName,id,joinMethodName,otherClassName]);
@@ -897 +978 @@
-  {
-    var edit = '';
-    var action = Widget.renderHandler('javascript:catwalk.retrieveJoins',
-
+,0
-                                     );
-    return TR(null, TD({'colspan':'2'},
-                        SPAN({'id':'disclose_'+ column.columnName},