Open-ILS/src/reporter/templates/header.ttk

   1
   2 <head>
   3
   4         <!-- Load our JS libs -->
   5         <script language='javascript' src='/opac/common/js/Cookie.js'> </script>
   6         <script language='javascript' src='/opac/common/js/Cookies.js'> </script>
   7         <script language='javascript' src='/opac/common/js/md5.js'> </script>
   8         <script language='javascript' src='/opac/common/js/config.js'> </script>
   9         <script language='javascript' src='/opac/common/js/utils.js'> </script>
  10         <script language='javascript' src='/opac/common/js/opac_utils.js'> </script>
  11         <script language='javascript' src='/opac/common/js/JSON.js'> </script>
  12         <script language='javascript' src='/opac/common/js/RemoteRequest.js'> </script>
  13         <script language="javascript" src="/opac/common/js/slimtree.js"></script>
  14         <script language="javascript">
  15                 stpicopen  = '/opac/images/slimtree/folder.gif';
  16                 stpicclose = '/opac/images/slimtree/folderopen.gif';
  17                 stpicblank = '/opac/images/slimtree/page.gif';
  18                 stpicline  = '/opac/images/slimtree/line.gif';
  19                 stpicjoin  = '/opac/images/slimtree/join.gif';
  20                 stpicjoinb = '/opac/images/slimtree/joinbottom.gif';
  21
  22                 stimgopen   = elem('img',{src:stpicopen,border:0});
  23                 stimgclose  = elem('img',{src:stpicclose,border:0});
  24                 stimgblank  = elem('img',{src:stpicblank,border:0});
  25                 stimgline   = elem('img',{src:stpicline,border:0});
  26                 stimgjoin   = elem('img',{src:stpicjoin,border:0, style:'display:inline;'});
  27
  28         </script>
  29
  30         <title>[% title %]</title>
  31
  32         <style>
  33                 .navbar { border-bottom: 1px solid gray; padding-right: 20px; padding-left: 5px; }
  34         </style>
  35
  36         <script language="javascript">
  37
  38 addEvent(window, "load", sortables_init);
  39
  40 var SORT_COLUMN_INDEX;
  41
  42 function sortables_init() {
  43     // Find all tables with class sortable and make them sortable
  44     if (!document.getElementsByTagName) return;
  45     tbls = document.getElementsByTagName("table");
  46     for (ti=0;ti<tbls.length;ti++) {
  47         thisTbl = tbls[ti];
  48         if (((' '+thisTbl.className+' ').indexOf("sortable") != -1) && (thisTbl.id)) {
  49             //initTable(thisTbl.id);
  50             ts_makeSortable(thisTbl);
  51         }
  52     }
  53 }
  54
  55 function ts_makeSortable(table) {
  56     if (table.rows && table.rows.length > 0) {
  57         var firstRow = table.rows[0];
  58     }
  59     if (!firstRow) return;
  60
  61     // We have a first row: assume it's the header, and make its contents clickable links
  62     for (var i=0;i<firstRow.cells.length;i++) {
  63         var cell = firstRow.cells[i];
  64         var txt = ts_getInnerText(cell);
  65         cell.innerHTML = '<a href="#" class="sortheader" onclick="ts_resortTable(this);return false;">'+txt+'<span class="sortarrow">&nbsp;&nbsp;&nbsp;</span></a>';
  66     }
  67 }
  68
  69 function ts_getInnerText(el) {
  70         if (typeof el == "string") return el;
  71         if (typeof el == "undefined") { return el };
  72         if (el.innerText) return el.innerText;  //Not needed but it is faster
  73         var str = "";
  74
  75         var cs = el.childNodes;
  76         var l = cs.length;
  77         for (var i = 0; i < l; i++) {
  78                 switch (cs[i].nodeType) {
  79                         case 1: //ELEMENT_NODE
  80                                 str += ts_getInnerText(cs[i]);
  81                                 break;
  82                         case 3: //TEXT_NODE
  83                                 str += cs[i].nodeValue;
  84                                 break;
  85                 }
  86         }
  87         return str;
  88 }
  89
  90 function ts_resortTable(lnk) {
  91     // get the span
  92     var span;
  93     for (var ci=0;ci<lnk.childNodes.length;ci++) {
  94         if (lnk.childNodes[ci].tagName && lnk.childNodes[ci].tagName.toLowerCase() == 'span') span = lnk.childNodes[ci];
  95     }
  96     var spantext = ts_getInnerText(span);
  97     var td = lnk.parentNode;
  98     var column = td.cellIndex;
  99     var table = getParent(td,'TABLE');
 100
 101     // Work out a type for the column
 102     if (table.rows.length <= 1) return;
 103     var itm = ts_getInnerText(table.rows[1].cells[column]);
 104     sortfn = ts_sort_caseinsensitive;
 105     if (itm.match(/^\d\d[\/-]\d\d[\/-]\d\d\d\d$/)) sortfn = ts_sort_date;
 106     if (itm.match(/^\d\d[\/-]\d\d[\/-]\d\d$/)) sortfn = ts_sort_date;
 107     if (itm.match(/^[£$]/)) sortfn = ts_sort_currency;
 108     if (itm.match(/^[\d\.]+$/)) sortfn = ts_sort_numeric;
 109     SORT_COLUMN_INDEX = column;
 110     var firstRow = new Array();
 111     var newRows = new Array();
 112     for (i=0;i<table.rows[0].length;i++) { firstRow[i] = table.rows[0][i]; }
 113     for (j=1;j<table.rows.length;j++) { newRows[j-1] = table.rows[j]; }
 114
 115     newRows.sort(sortfn);
 116
 117     if (span.getAttribute("sortdir") == 'down') {
 118         ARROW = '&nbsp;&nbsp;&uarr;';
 119         newRows.reverse();
 120         span.setAttribute('sortdir','up');
 121     } else {
 122         ARROW = '&nbsp;&nbsp;&darr;';
 123         span.setAttribute('sortdir','down');
 124     }
 125
 126     // We appendChild rows that already exist to the tbody, so it moves them rather than creating new ones
 127     // don't do sortbottom rows
 128     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]);}
 129     // do sortbottom rows only
 130     for (i=0;i<newRows.length;i++) { if (newRows[i].className && (newRows[i].className.indexOf('sortbottom') != -1)) table.tBodies[0].appendChild(newRows[i]);}
 131
 132     // Delete any other arrows there may be showing
 133     var allspans = document.getElementsByTagName("span");
 134     for (var ci=0;ci<allspans.length;ci++) {
 135         if (allspans[ci].className == 'sortarrow') {
 136             if (getParent(allspans[ci],"table") == getParent(lnk,"table")) { // in the same table as us?
 137                 allspans[ci].innerHTML = '&nbsp;&nbsp;&nbsp;';
 138             }
 139         }
 140     }
 141
 142     span.innerHTML = ARROW;
 143 }
 144
 145 function getParent(el, pTagName) {
 146         if (el == null) return null;
 147         else if (el.nodeType == 1 && el.tagName.toLowerCase() == pTagName.toLowerCase())        // Gecko bug, supposed to be uppercase
 148                 return el;
 149         else
 150                 return getParent(el.parentNode, pTagName);
 151 }
 152 function ts_sort_date(a,b) {
 153     // y2k notes: two digit years less than 50 are treated as 20XX, greater than 50 are treated as 19XX
 154     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
 155     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
 156     if (aa.length == 10) {
 157         dt1 = aa.substr(6,4)+aa.substr(3,2)+aa.substr(0,2);
 158     } else {
 159         yr = aa.substr(6,2);
 160         if (parseInt(yr) < 50) { yr = '20'+yr; } else { yr = '19'+yr; }
 161         dt1 = yr+aa.substr(3,2)+aa.substr(0,2);
 162     }
 163     if (bb.length == 10) {
 164         dt2 = bb.substr(6,4)+bb.substr(3,2)+bb.substr(0,2);
 165     } else {
 166         yr = bb.substr(6,2);
 167         if (parseInt(yr) < 50) { yr = '20'+yr; } else { yr = '19'+yr; }
 168         dt2 = yr+bb.substr(3,2)+bb.substr(0,2);
 169     }
 170     if (dt1==dt2) return 0;
 171     if (dt1<dt2) return -1;
 172     return 1;
 173 }
 174
 175 function ts_sort_currency(a,b) {
 176     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,'');
 177     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).replace(/[^0-9.]/g,'');
 178     return parseFloat(aa) - parseFloat(bb);
 179 }
 180
 181 function ts_sort_numeric(a,b) {
 182     aa = parseFloat(ts_getInnerText(a.cells[SORT_COLUMN_INDEX]));
 183     if (isNaN(aa)) aa = 0;
 184     bb = parseFloat(ts_getInnerText(b.cells[SORT_COLUMN_INDEX]));
 185     if (isNaN(bb)) bb = 0;
 186     return aa-bb;
 187 }
 188
 189 function ts_sort_caseinsensitive(a,b) {
 190     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]).toLowerCase();
 191     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]).toLowerCase();
 192     if (aa==bb) return 0;
 193     if (aa<bb) return -1;
 194     return 1;
 195 }
 196
 197 function ts_sort_default(a,b) {
 198     aa = ts_getInnerText(a.cells[SORT_COLUMN_INDEX]);
 199     bb = ts_getInnerText(b.cells[SORT_COLUMN_INDEX]);
 200     if (aa==bb) return 0;
 201     if (aa<bb) return -1;
 202     return 1;
 203 }
 204
 205
 206 function addEvent(elm, evType, fn, useCapture)
 207 // addEvent and removeEvent
 208 // cross-browser event handling for IE5+,  NS6 and Mozilla
 209 // By Scott Andrew
 210 {
 211   if (elm.addEventListener){
 212     elm.addEventListener(evType, fn, useCapture);
 213     return true;
 214   } else if (elm.attachEvent){
 215     var r = elm.attachEvent("on"+evType, fn);
 216     return r;
 217   } else {
 218     alert("Handler could not be removed");
 219   }
 220 }
 221         </script>
 222         [% content %]
 223 </head>
 224