Open-ILS/xul/staff_client/chrome/content/util/widgets.js

   1 dump('entering util/widgets.js\n');
   2
   3 if (typeof util == 'undefined') var util = {};
   4 util.widgets = {};
   5
   6 util.widgets.EXPORT_OK  = [
   7         'get',
   8         'store_disable',
   9         'restore_disable',
  10         'disable',
  11         'get_list_from_tree_selection',
  12         'disable_accesskeys_in_node_and_children',
  13         'enable_accesskeys_in_node_and_children',
  14         'remove_children',
  15         'make_grid',
  16         'make_menulist',
  17         'insertAfter',
  18         'apply_vertical_tab_on_enter_handler',
  19         'vertical_tab',
  20         'click',
  21         'dispatch',
  22 ];
  23 util.widgets.EXPORT_TAGS        = { ':all' : util.widgets.EXPORT_OK };
  24
  25 util.widgets.get = function(e) {
  26         if (typeof e == 'object') {
  27                 return e;
  28         } else {
  29                 return document.getElementById(e);
  30         }
  31 }
  32
  33 util.widgets.store_disable = function() {
  34         for (var i = 0; i < arguments.length; i++) {
  35                 var e = util.widgets.get( arguments[i] );
  36                 e.setAttribute('_disabled',e.getAttribute('disabled'));
  37         }
  38 }
  39
  40 util.widgets.restore_disable = function() {
  41         for (var i = 0; i < arguments.length; i++) {
  42                 var e = util.widgets.get( arguments[i] );
  43                 e.setAttribute('disabled',e.getAttribute('_disabled'));
  44         }
  45 }
  46
  47 util.widgets.disable = function() {
  48         for (var i = 0; i < arguments.length; i++) {
  49                 var e = util.widgets.get( arguments[i] );
  50                 e.setAttribute('disabled',true);
  51         }
  52 }
  53
  54 util.widgets.click = function(e) {
  55         var evt = document.createEvent("MouseEvent");
  56         evt.initMouseEvent( "click", true, true, window, 0, 0, 0, 0, 0, false,false,false,false,0,null);
  57         util.widgets.get(e).dispatchEvent(evt);
  58 }
  59
  60 util.widgets.dispatch = function(ev,el) {
  61         var evt = document.createEvent("Events");
  62         //var evt = document.createEvent();
  63         evt.initEvent( ev, true, true );
  64         util.widgets.get(el).dispatchEvent(evt);
  65 }
  66
  67 util.widgets.make_menulist = function( items ) {
  68         var menulist = document.createElement('menulist');
  69         var menupopup = document.createElement('menupopup'); menulist.appendChild(menupopup);
  70         for (var i = 0; i < items.length; i++) {
  71                 var menuitem = document.createElement('menuitem'); menupopup.appendChild(menuitem);
  72                 menuitem.setAttribute('label',items[i][0]);
  73                 menuitem.setAttribute('value',items[i][1]);
  74         }
  75         return menulist;
  76 }
  77
  78 util.widgets.make_grid = function( cols ) {
  79         var grid = document.createElement('grid');
  80         var columns = document.createElement('columns'); grid.appendChild(columns);
  81         for (var i = 0; i < cols.length; i++) {
  82                 var column = document.createElement('column'); columns.appendChild(column);
  83                 for (var j in cols[i]) {
  84                         column.setAttribute(j,cols[i][j]);
  85                 }
  86         }
  87         var rows = document.createElement('rows'); grid.appendChild(rows);
  88         return grid;
  89 }
  90
  91 util.widgets.get_list_from_tree_selection = function(tree_w) {
  92         var hitlist;
  93         var tree = util.widgets.get(tree_w);
  94         var list = [];
  95         var start = new Object();
  96         var end = new Object();
  97         var numRanges = tree.view.selection.getRangeCount();
  98         for (var t=0; t<numRanges; t++){
  99                 tree.view.selection.getRangeAt(t,start,end);
 100                 for (var v=start.value; v<=end.value; v++){
 101                         var i = tree.contentView.getItemAtIndex(v);
 102                         list.push( i );
 103                 }
 104         }
 105         return list;
 106 }
 107
 108 util.widgets.remove_children = function() {
 109         for (var i = 0; i < arguments.length; i++) {
 110                 var e = util.widgets.get( arguments[i] );
 111                 while(e.lastChild) e.removeChild( e.lastChild );
 112         }
 113 }
 114
 115 util.widgets.disable_accesskeys_in_node_and_children = function( node ) {
 116         if (node.getAttribute('accesskey')) {
 117                 node.setAttribute('oldaccesskey', node.getAttribute('accesskey'));
 118                 node.setAttribute('accesskey',''); node.accessKey = '';
 119         }
 120         for (var i = 0; i < node.childNodes.length; i++) {
 121                 util.widgets.disable_accesskeys_in_node_and_children( node.childNodes[i] );
 122         }
 123         dump('- node = <' + node.id + '> accesskey = <' + node.accessKey + '> accesskey = <' + node.getAttribute('accesskey') + '> oldaccesskey = <' + node.getAttribute('oldaccesskey') + '>\n');
 124 }
 125
 126 util.widgets.enable_accesskeys_in_node_and_children = function( node ) {
 127         if (node.getAttribute('oldaccesskey')) {
 128                 node.setAttribute('accesskey', node.getAttribute('oldaccesskey'));
 129                 node.accessKey = node.getAttribute('oldaccesskey');
 130                 node.setAttribute('oldaccesskey','');
 131         }
 132         for (var i = 0; i < node.childNodes.length; i++) {
 133                 util.widgets.enable_accesskeys_in_node_and_children( node.childNodes[i] );
 134         }
 135         dump('+ node = <' + node.id + '> accesskey = <' + node.accessKey + '> accesskey = <' + node.getAttribute('accesskey') + '> oldaccesskey = <' + node.getAttribute('oldaccesskey') + '>\n');
 136 }
 137
 138 util.widgets.insertAfter = function(parent_node,new_node,sibling_node) {
 139         sibling_node = sibling_node.nextSibling;
 140         if (sibling_node) {
 141                 parent_node.insertBefore(new_node,sibling_node);
 142         } else {
 143                 parent_node.appendChild(new_node);
 144         }
 145 }
 146
 147 util.widgets.apply_vertical_tab_on_enter_handler = function(node) {
 148         try {
 149                 node.addEventListener(
 150                         'keypress',
 151                         function(ev) {
 152                                 dump('keypress: ev.target.tagName = ' + ev.target.tagName
 153                                         + ' ev.target.nodeName = ' + ev.target.nodeName
 154                                         + ' ev.keyCode = ' + ev.keyCode
 155                                         + ' ev.charCode = ' + ev.charCode + '\n');
 156                                 if (ev.keyCode == 13) {
 157                                         dump('trying vertical tab\n');
 158                                         util.widgets.vertical_tab(ev.target);
 159                                         ev.preventDefault(); ev.stopPropagation();
 160                                         return true;
 161                                 }
 162                         },
 163                         false
 164                 );
 165         } catch(E) {
 166                 alert(E);
 167         }
 168 }
 169
 170 util.widgets.vertical_tab = function(node) {
 171         try {
 172                 var rel_vert_pos = node.getAttribute('rel_vert_pos') || 0;
 173                 dump('vertical_tab -> node = ' + node.nodeName + ' rel_vert_pos = ' + rel_vert_pos + '\n');
 174
 175                 var nl = document.getElementsByTagName( node.nodeName );
 176
 177                 var found_self = false; var next_node; var max_rel_vert_pos = 0;
 178                 for (var i = 0; i < nl.length; i++) {
 179
 180                         var candidate_node = nl[i];
 181                         var test_rel_vert_pos = candidate_node.getAttribute('rel_vert_pos') || 0;
 182
 183                         if (found_self && !next_node && (test_rel_vert_pos == rel_vert_pos) && !candidate_node.disabled) {
 184
 185                                 next_node = candidate_node;
 186
 187                         }
 188                         if (candidate_node == node) found_self = true;
 189
 190                         if (test_rel_vert_pos > max_rel_vert_pos) max_rel_vert_pos = test_rel_vert_pos;
 191                 }
 192
 193                 dump('intermediate: next_node = ' + next_node + ' max_rel_vert_pos = ' + max_rel_vert_pos + '\n');
 194
 195                 if (!next_node) {
 196
 197                         found_self = false;
 198                         for (var next_pos = rel_vert_pos; next_pos <= max_rel_vert_pos; next_pos++) {
 199
 200                                 for (var i = 0; i < nl.length; i++) {
 201                                         var candidate_node = nl[i];
 202                                         var test_rel_vert_pos = candidate_node.getAttribute('rel_vert_pos') || 0;
 203
 204                                         if (found_self && !next_node && (test_rel_vert_pos == next_pos) && !candidate_node.disabled ) {
 205                                                 next_node = candidate_node;
 206                                         }
 207
 208                                         if (candidate_node == node) found_self = true;
 209                                 }
 210
 211                         }
 212
 213                 }
 214
 215                 if (next_node) {
 216                         dump('focusing\n');
 217                         next_node.focus();
 218                 }
 219         } catch(E) {
 220                 alert(E);
 221         }
 222 }
 223
 224
 225 dump('exiting util/widgets.js\n');