Open-ILS/xul/staff_client/chrome/content/evergreen/util/list.js

   1 dump('entering util.list.js\n');
   2
   3 if (typeof main == 'undefined') main = {};
   4 util.list = function (id) {
   5
   6         this.node = document.getElementById(id);
   7
   8         if (!this.node) throw('Could not find element ' + id);
   9         switch(this.node.nodeName) {
  10                 case 'tree' : break;
  11                 case 'richlistbox' :
  12                 case 'listbox' :
  13                         throw(this.node.nodeName + ' not yet supported'); break;
  14                 default: throw(this.node.nodeName + ' not supported'); break;
  15         }
  16
  17         JSAN.use('util.error'); this.error = new util.error();
  18
  19         return this;
  20 };
  21
  22 util.list.prototype = {
  23
  24         'init' : function (params) {
  25
  26                 if (typeof params.map_row_to_column == 'function') this.map_row_to_column = params.map_row_to_column;
  27                 if (typeof params.retrieve_row == 'function') this.retrieve_row = params.retrieve_row;
  28
  29                 this.prebuilt = false;
  30                 if (typeof params.prebuilt != 'undefined') this.prebuilt = params.prebuilt;
  31
  32                 if (typeof params.columns == 'undefined') throw('util.list.init: No columns');
  33                 this.columns = params.columns;
  34
  35                 if (this.prebuilt) {
  36
  37                         this.treechildren = this.node.lastChild;
  38
  39                 } else {
  40                         var treecols = document.createElement('treecols');
  41                         this.node.appendChild(treecols);
  42
  43                         for (var i = 0; i < this.columns.length; i++) {
  44                                 var treecol = document.createElement('treecol');
  45                                 for (var j in this.columns[i]) {
  46                                         treecol.setAttribute(j,this.columns[i][j]);
  47                                 }
  48                                 treecols.appendChild(treecol);
  49                                 var splitter = document.createElement('splitter');
  50                                 splitter.setAttribute('class','tree-splitter');
  51                                 treecols.appendChild(splitter);
  52                         }
  53
  54                         var treechildren = document.createElement('treechildren');
  55                         this.node.appendChild(treechildren);
  56                         this.treechildren = treechildren;
  57                 }
  58         },
  59
  60         'append' : function (params) {
  61                 switch (this.node.nodeName) {
  62                         case 'tree' : this.append_to_tree(params); break;
  63                         default: throw('NYI: Need .append() for ' + this.node.nodeName); break;
  64                 }
  65         },
  66
  67         'append_to_tree' : function (params) {
  68
  69                 if (typeof params.row == 'undefined') throw('util.list.append: Object must contain a row');
  70
  71                 dump('util.list.append: params = ' + js2JSON(params) + '\n');
  72
  73                 var treeitem = document.createElement('treeitem');
  74                 this.treechildren.appendChild( treeitem );
  75                 var treerow = document.createElement('treerow');
  76                 treeitem.appendChild( treerow );
  77
  78                 dump('tree = ' + this.node + '  treechildren = ' + this.treechildren + '\n');
  79                 dump('treeitem = ' + treeitem + '  treerow = ' + treerow + '\n');
  80
  81                 if (typeof params.retrieve_row == 'function' || typeof this.retrieve_row == 'function') {
  82
  83                         treerow.setAttribute('retrieve_id',params.retrieve_id);
  84                         //FIXME//Make async and fire when row is visible in list
  85                         var row;
  86                         if (typeof params.retrieve_row == 'function') {
  87
  88                                 row = params.retrieve_row( params );
  89
  90                         } else {
  91
  92                                 if (typeof this.retrieve_row == 'function') {
  93
  94                                         row = this.retrieve_row( params );
  95
  96                                 }
  97                         }
  98                         params.row = row;
  99                         this._map_row_to_treecell(params,treerow);
 100
 101                 } else {
 102                         this._map_row_to_treecell(params,treerow);
 103                 }
 104
 105                 return treeitem;
 106         },
 107
 108         '_map_row_to_treecell' : function(params,treerow) {
 109                 for (var i = 0; i < this.columns.length; i++) {
 110                         var treecell = document.createElement('treecell');
 111                         var label = '';
 112                         if (typeof params.map_row_to_column == 'function')  {
 113
 114                                 label = params.map_row_to_column(params.row,this.columns[i]);
 115
 116                         } else {
 117
 118                                 if (typeof this.map_row_to_column == 'function') {
 119
 120                                         label = this.map_row_to_column(params.row,this.columns[i]);
 121                                 }
 122                         }
 123                         treecell.setAttribute('label',label);
 124                         treerow.appendChild( treecell );
 125                         dump('treecell = ' + treecell + ' with label = ' + label + '\n');
 126                 }
 127         },
 128
 129 }
 130 dump('exiting util.list.js\n');