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 'listbox' :
  11                 case 'tree' : break;
  12                 case 'richlistbox' :
  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                 switch(this.node.nodeName) {
  36                         case 'tree' : this._init_tree(params); break;
  37                         case 'listbox' : this._init_listbox(params); break;
  38                         default: throw('NYI: Need ._init() for ' + this.node.nodeName); break;
  39                 }
  40         },
  41
  42         '_init_tree' : function (params) {
  43                 if (this.prebuilt) {
  44
  45                         this.treechildren = this.node.lastChild;
  46
  47                 } else {
  48                         var treecols = document.createElement('treecols');
  49                         this.node.appendChild(treecols);
  50
  51                         for (var i = 0; i < this.columns.length; i++) {
  52                                 var treecol = document.createElement('treecol');
  53                                 for (var j in this.columns[i]) {
  54                                         treecol.setAttribute(j,this.columns[i][j]);
  55                                 }
  56                                 treecols.appendChild(treecol);
  57                                 var splitter = document.createElement('splitter');
  58                                 splitter.setAttribute('class','tree-splitter');
  59                                 treecols.appendChild(splitter);
  60                         }
  61
  62                         var treechildren = document.createElement('treechildren');
  63                         this.node.appendChild(treechildren);
  64                         this.treechildren = treechildren;
  65                 }
  66                 if (typeof params.on_select == 'function') {
  67                         this.node.addEventListener(
  68                                 'select',
  69                                 params.on_select,
  70                                 false
  71                         );
  72                 }
  73         },
  74
  75         '_init_listbox' : function (params) {
  76                 if (this.prebuilt) {
  77                 } else {
  78                         var listhead = document.createElement('listhead');
  79                         this.node.appendChild(listhead);
  80
  81                         var listcols = document.createElement('listcols');
  82                         this.node.appendChild(listcols);
  83
  84                         for (var i = 0; i < this.columns.length; i++) {
  85                                 var listheader = document.createElement('listheader');
  86                                 listhead.appendChild(listheader);
  87                                 var listcol = document.createElement('listcol');
  88                                 listcols.appendChild(listcol);
  89                                 for (var j in this.columns[i]) {
  90                                         listheader.setAttribute(j,this.columns[i][j]);
  91                                         listcol.setAttribute(j,this.columns[i][j]);
  92                                 };
  93                         }
  94                 }
  95         },
  96
  97         'append' : function (params) {
  98                 var rnode;
  99                 switch (this.node.nodeName) {
 100                         case 'tree' : rnode = this._append_to_tree(params); break;
 101                         case 'listbox' : rnode = this._append_to_listbox(params); break;
 102                         default: throw('NYI: Need .append() for ' + this.node.nodeName); break;
 103                 }
 104                 if (rnode && params.attributes) {
 105                         for (var i in params.attributes) {
 106                                 rnode.setAttribute(i,params.attributes[i]);
 107                         }
 108                 }
 109                 return rnode;
 110         },
 111
 112         '_append_to_tree' : function (params) {
 113
 114                 if (typeof params.row == 'undefined') throw('util.list.append: Object must contain a row');
 115
 116                 var s = ('util.list.append: params = ' + js2JSON(params) + '\n');
 117
 118                 var treeitem = document.createElement('treeitem');
 119                 treeitem.setAttribute('retrieve_id',params.retrieve_id);
 120                 this.treechildren.appendChild( treeitem );
 121                 var treerow = document.createElement('treerow');
 122                 treeitem.appendChild( treerow );
 123
 124                 s += ('tree = ' + this.node + '  treechildren = ' + this.treechildren + '\n');
 125                 s += ('treeitem = ' + treeitem + '  treerow = ' + treerow + '\n');
 126
 127                 if (typeof params.retrieve_row == 'function' || typeof this.retrieve_row == 'function') {
 128
 129                         treerow.setAttribute('retrieve_id',params.retrieve_id);
 130                         //FIXME//Make async and fire when row is visible in list
 131                         var row;
 132                         if (typeof params.retrieve_row == 'function') {
 133
 134                                 row = params.retrieve_row( params );
 135
 136                         } else {
 137
 138                                 if (typeof this.retrieve_row == 'function') {
 139
 140                                         row = this.retrieve_row( params );
 141
 142                                 }
 143                         }
 144                         params.row = row;
 145                         this._map_row_to_treecell(params,treerow);
 146
 147                 } else {
 148                         this._map_row_to_treecell(params,treerow);
 149                 }
 150                 this.error.sdump('D_LIST',s);
 151
 152                 return treeitem;
 153         },
 154
 155         '_append_to_listbox' : function (params) {
 156
 157                 if (typeof params.row == 'undefined') throw('util.list.append: Object must contain a row');
 158
 159                 var s = ('util.list.append: params = ' + js2JSON(params) + '\n');
 160
 161                 var listitem = document.createElement('listitem');
 162
 163                 s += ('listbox = ' + this.node + '  listitem = ' + listitem + '\n');
 164
 165                 if (typeof params.retrieve_row == 'function' || typeof this.retrieve_row == 'function') {
 166
 167                         listitem.setAttribute('retrieve_id',params.retrieve_id);
 168                         //FIXME//Make async and fire when row is visible in list
 169                         var row;
 170                         if (typeof params.retrieve_row == 'function') {
 171
 172                                 row = params.retrieve_row( params );
 173
 174                         } else {
 175
 176                                 if (typeof this.retrieve_row == 'function') {
 177
 178                                         row = this.retrieve_row( params );
 179
 180                                 }
 181                         }
 182                         params.row = row;
 183                         this._map_row_to_listcell(params,listitem);
 184
 185                 } else {
 186                         this._map_row_to_listcell(params,listitem);
 187                 }
 188
 189                 this.node.appendChild( listitem );
 190
 191                 this.error.sdump('D_LIST',s);
 192
 193                 return listitem;
 194
 195         },
 196
 197         '_map_row_to_treecell' : function(params,treerow) {
 198                 var s = '';
 199                 for (var i = 0; i < this.columns.length; i++) {
 200                         var treecell = document.createElement('treecell');
 201                         var value = '';
 202                         if (typeof params.map_row_to_column == 'function')  {
 203
 204                                 label = params.map_row_to_column(params.row,this.columns[i]);
 205
 206                         } else {
 207
 208                                 if (typeof this.map_row_to_column == 'function') {
 209
 210                                         label = this.map_row_to_column(params.row,this.columns[i]);
 211                                 }
 212                         }
 213                         treecell.setAttribute('label',label);
 214                         treerow.appendChild( treecell );
 215                         s += ('treecell = ' + treecell + ' with label = ' + label + '\n');
 216                 }
 217                 this.error.sdump('D_LIST',s);
 218         },
 219
 220         '_map_row_to_listcell' : function(params,listitem) {
 221                 var s = '';
 222                 for (var i = 0; i < this.columns.length; i++) {
 223                         var value = '';
 224                         if (typeof params.map_row_to_column == 'function')  {
 225
 226                                 value = params.map_row_to_column(params.row,this.columns[i]);
 227
 228                         } else {
 229
 230                                 if (typeof this.map_row_to_column == 'function') {
 231
 232                                         value = this.map_row_to_column(params.row,this.columns[i]);
 233                                 }
 234                         }
 235                         if (typeof value == 'string') {
 236                                 var listcell = document.createElement('listcell');
 237                                 listcell.setAttribute('label',value);
 238                                 listitem.appendChild(listcell);
 239                                 s += ('listcell = ' + listcell + ' with label = ' + value + '\n');
 240                         } else {
 241                                 listitem.appendChild(value);
 242                                 s += ('listcell = ' + value + ' is really a ' + value.nodeName + '\n');
 243                         }
 244                 }
 245                 this.error.sdump('D_LIST',s);
 246         },
 247
 248         'retrieve_selection' : function(params) {
 249                 switch(this.node.nodeName) {
 250                         case 'tree' : return this._retrieve_selection_from_tree(params); break;
 251                         default: throw('NYI: Need ._retrieve_selection_from_() for ' + this.node.nodeName); break;
 252                 }
 253         },
 254
 255         '_retrieve_selection_from_tree' : function(params) {
 256                 var list = [];
 257                 var start = new Object();
 258                 var end = new Object();
 259                 var numRanges = this.node.view.selection.getRangeCount();
 260                 for (var t=0; t<numRanges; t++){
 261                         this.node.view.selection.getRangeAt(t,start,end);
 262                         for (var v=start.value; v<=end.value; v++){
 263                                 var i = this.node.contentView.getItemAtIndex(v);
 264                                 list.push( i );
 265                         }
 266                 }
 267                 return list;
 268         },
 269 }
 270 dump('exiting util.list.js\n');