Open-ILS/web/opac/common/js/sorttable.js

   1 /*
   2         Changed HTML entities to hex encoded entities
   3         bill erickson
   4         */
   5
   6 addEvent(window, "load", sortables_init);
   7
   8 var SORT_COLUMN_INDEX;
   9
  10 function sortables_init() {
  11     // Find all tables with class sortable and make them sortable
  12     if (!document.getElementsByTagName) return;
  13     tbls = document.getElementsByTagName("table");
  14     for (ti=0;ti<tbls.length;ti++) {
  15         thisTbl = tbls[ti];
  16         if (((' '+thisTbl.className+' ').indexOf("sortable") != -1) && (thisTbl.id)) {
  17             //initTable(thisTbl.id);
  18             ts_makeSortable(thisTbl);
  19         }
  20     }
  21 }
  22
  23 function ts_makeSortable(table) {
  24     if (table.rows && table.rows.length > 0) {
  25         var firstRow = table.rows[0];
  26     }
  27     if (!firstRow) return;
  28
  29     /* We have a first row: assume it's the header, and make its contents clickable links*/
  30     for (var i=0;i<firstRow.cells.length;i++) {
  31         var cell = firstRow.cells[i];
  32         var txt = ts_getInnerText(cell);
  33         cell.innerHTML = '<a href="#" class="sortheader" onclick="ts_resortTable(this);return false;">'
  34                         + txt +'<span class="sortarrow">&#160;&#160;&#160;</span></a>';
  35     }
  36 }
  37
  38 function ts_getInnerText(el) {
  39         if (typeof el == "string") return el;
  40         if (typeof el == "undefined") { return el };
  41         if (el.innerText) return el.innerText;  //Not needed but it is faster
  42         var str = "";
  43
  44         var cs = el.childNodes;
  45         var l = cs.length;
  46         for (var i = 0; i < l; i++) {
  47                 switch (cs[i].nodeType) {
  48                         case 1: //ELEMENT_NODE
  49                                 str += ts_getInnerText(cs[i]);
  50                                 break;
  51                         case 3: //TEXT_NODE
  52                                 str += cs[i].nodeValue;
  53                                 break;
  54                 }
  55         }
  56         return str;
  57 }
  58
  59 function ts_resortTable(lnk) {
  60     // get the span
  61     var span;
  62     for (var ci=0;ci<lnk.childNodes.length;ci++) {
  63         if (lnk.childNodes[ci].tagName && lnk.childNodes[ci].tagName.toLowerCase() == 'span') span = lnk.childNodes[ci];
  64     }
  65     var spantext = ts_getInnerText(span);
  66     var td = lnk.parentNode;
  67     var column = td.cellIndex;
  68     var table = getParent(td,'TABLE');
  69
  70     // Work out a type for the column
  71     if (table.rows.length <= 1) return;
  72     var itm = ts_getInnerText(table.rows[1].cells[column]);
  73          if(!itm) return;
  74     sortfn = ts_sort_caseinsensitive;
  75     if (itm.match(/^\d\d[\/-]\d\d[\/-]\d\d\d\d$/)) sortfn = ts_sort_date;
  76     if (itm.match(/^\d\d[\/-]\d\d[\/-]\d\d$/)) sortfn = ts_sort_date;
  77     if (itm.match(/^[£$]/)) sortfn = ts_sort_currency;
  78     if (itm.match(/^[\d\.]+$/)) sortfn = ts_sort_numeric;
  79     SORT_COLUMN_INDEX = column;
  80     var firstRow = new Array();
  81     var newRows = new Array();
  82     for (i=0;i<table.rows[0].length;i++) { firstRow[i] = table.rows[0][i]; }
  83     for (j=1;j<table.rows.length;j++) { newRows[j-1] = table.rows[j]; }
  84
  85     newRows.sort(sortfn);
  86
  87     if (span.getAttribute("sortdir") == 'down') {
  88         ARROW = '&#160;&#160;&#8593;';
  89         newRows.reverse();
  90         span.setAttribute('sortdir','up');
  91     } else {
  92         ARROW = '&#160;&#160;&#8595;';
  93         span.setAttribute('sortdir','down');
  94     }
  95
  96     /* We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
  97      don't do sortbottom rows */
  98     for (i=0;i<newRows.length;i++) { if (!newRows[i].className || (newRows[i].className && (newRows[i].className.indexOf('sortbottom') == -1))) table.tBodies[0].appendChild(newRows[i]);}
  99     // do sortbottom rows only
 100     for (i=0;i<newRows.length;i++) { if (newRows[i].className && (newRows[i].className.indexOf('sortbottom') != -1)) table.tBodies[0].appendChild(newRows[i]);}
 101
 102     // Delete any other arrows there may be showing
 103     var allspans = document.getElementsByTagName("span");
 104     for (var ci=0;ci<allspans.length;ci++) {
 105         if (allspans[ci].className == 'sortarrow') {
 106             if (getParent(allspans[ci],"table") == getParent(lnk,"table")) { // in the same table as us?
 107                 allspans[ci].innerHTML = '&#160;&#160;&#160;';
 108             }
 109         }
 110     }
 111
 112     span.innerHTML = ARROW;
 113 }
 114
 115 function getParent(el, pTagName) {
 116         if (el == null) return null;
 117         else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase())        // Gecko bug, supposed to be uppercase
 118                 return el;
 119         else
 120                 return getParent(el.parentNode, pTagName);
 121 }
 122 function ts_sort_date(a,b) {
 123     // y2k notes: two digit years less than 50 are treated as 20XX, greater than 50 are treated as 19XX
 124     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
 125     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
 126     if (aa.length == 10) {
 127         dt1 = aa.substr(6,4)+aa.substr(3,2)+aa.substr(0,2);
 128     } else {
 129         yr = aa.substr(6,2);
 130         if (parseInt(yr) < 50) { yr = '20'+yr; } else { yr = '19'+yr; }
 131         dt1 = yr+aa.substr(3,2)+aa.substr(0,2);
 132     }
 133     if (bb.length == 10) {
 134         dt2 = bb.substr(6,4)+bb.substr(3,2)+bb.substr(0,2);
 135     } else {
 136         yr = bb.substr(6,2);
 137         if (parseInt(yr) < 50) { yr = '20'+yr; } else { yr = '19'+yr; }
 138         dt2 = yr+bb.substr(3,2)+bb.substr(0,2);
 139     }
 140     if (dt1==dt2) return 0;
 141     if (dt1<dt2) return -1;
 142     return 1;
 143 }
 144
 145 function ts_sort_currency(a,b) {
 146     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,'');
 147     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,'');
 148     return parseFloat(aa) - parseFloat(bb);
 149 }
 150
 151 function ts_sort_numeric(a,b) {
 152     aa = parseFloat(ts_getInnerText(a.cells[SORT_COLUMN_INDEX]));
 153     if (isNaN(aa)) aa = 0;
 154     bb = parseFloat(ts_getInnerText(b.cells[SORT_COLUMN_INDEX]));
 155     if (isNaN(bb)) bb = 0;
 156     return aa-bb;
 157 }
 158
 159 function ts_sort_caseinsensitive(a,b) {
 160     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).toLowerCase();
 161     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).toLowerCase();
 162     if (aa==bb) return 0;
 163     if (aa<bb) return -1;
 164     return 1;
 165 }
 166
 167 function ts_sort_default(a,b) {
 168     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
 169     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
 170     if (aa==bb) return 0;
 171     if (aa<bb) return -1;
 172     return 1;
 173 }
 174
 175
 176 function addEvent(elm, evType, fn, useCapture)
 177 // addEvent and removeEvent
 178 // cross-browser event handling for IE5+,  NS6 and Mozilla
 179 // By Scott Andrew
 180 {
 181   if (elm.addEventListener){
 182     elm.addEventListener(evType, fn, useCapture);
 183     return true;
 184   } else if (elm.attachEvent){
 185     var r = elm.attachEvent("on"+evType, fn);
 186     return r;
 187   } else {
 188     alert("Handler could not be removed");
 189   }
 190 }