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

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