rbbt-views 1.0.1 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- data/lib/rbbt/workflow/rest.rb +365 -95
- data/lib/rbbt/workflow/rest/client.rb +2 -0
- data/lib/rbbt/workflow/rest/entity.rb +82 -76
- data/lib/rbbt/workflow/rest/finder.rb +78 -0
- data/lib/rbbt/workflow/rest/helpers.rb +288 -47
- data/lib/rbbt/workflow/rest/notes.rb +125 -0
- data/lib/rbbt/workflow/rest/render.rb +280 -240
- data/lib/rbbt/workflow/rest/util.rb +47 -31
- data/share/views/compass/_base.sass +0 -8
- data/share/views/compass/colors.sass +10 -0
- data/share/views/compass/colors/ventana_azul.sass +5 -0
- data/share/views/compass/compass.config +2 -1
- data/share/views/compass/details.sass +50 -0
- data/share/views/compass/dom.sass +64 -0
- data/share/views/compass/embedded.sass +111 -0
- data/share/views/compass/entities.sass +8 -0
- data/share/views/compass/error.sass +13 -0
- data/share/views/compass/finder.sass +42 -0
- data/share/views/compass/fonts.sass +8 -0
- data/share/views/compass/form.sass +49 -1
- data/share/views/compass/header.sass +68 -0
- data/share/views/compass/{main.sass → helpers.sass} +53 -21
- data/share/views/compass/layout.sass +31 -199
- data/share/views/compass/lists.sass +128 -0
- data/share/views/compass/menu.sass +35 -0
- data/share/views/compass/notes.sass +52 -0
- data/share/views/compass/sizes.sass +8 -0
- data/share/views/compass/tables.sass +22 -0
- data/share/views/compass/wait.sass +9 -0
- data/share/views/edit_list.haml +41 -30
- data/share/views/entity/GOTerm.haml +4 -3
- data/share/views/entity/Gene.haml +8 -1
- data/share/views/entity/GenomicMutation.haml +4 -1
- data/share/views/entity/KeggPathway.haml +1 -1
- data/share/views/entity/MutatedIsoform.haml +68 -11
- data/share/views/entity/NCIBioCartaPathway.haml +2 -3
- data/share/views/entity/NCINaturePathway.haml +3 -3
- data/share/views/entity/NCIReactomePathway.haml +2 -3
- data/share/views/entity/PfamDomain.haml +2 -0
- data/share/views/entity/Transcript.haml +10 -0
- data/share/views/entity_list/Default.haml +4 -0
- data/share/views/entity_list/Default/compare_to_other_lists.haml +41 -0
- data/share/views/entity_list/Default/entity_links.haml +6 -0
- data/share/views/entity_list/Default/find_in_other_lists.haml +36 -0
- data/share/views/error.haml +6 -1
- data/share/views/find.haml +10 -0
- data/share/views/form.haml +1 -1
- data/share/views/info.haml +1 -1
- data/share/views/js/_action_setup.js +250 -0
- data/share/views/js/_basic.js +269 -0
- data/share/views/js/_cytoscape.js +44 -0
- data/share/views/js/_details.js +239 -0
- data/share/views/js/_dom_updates.js +384 -0
- data/share/views/js/_embedded.js +95 -0
- data/share/views/js/_images.js +20 -0
- data/share/views/js/_layout.js +21 -0
- data/share/views/js/_lists.js +224 -0
- data/share/views/js/_table.js +36 -0
- data/share/views/js/_workflow.js +42 -0
- data/share/views/js/app.js +0 -570
- data/share/views/js/fix_tablesorter_scientific.js +25 -0
- data/share/views/js/json2.js +487 -0
- data/share/views/layout.haml +8 -98
- data/share/views/notes.haml +15 -0
- data/share/views/partials/_form.haml +22 -7
- data/share/views/partials/_job_control.haml +8 -8
- data/share/views/partials/_list_control.haml +32 -0
- data/share/views/partials/_list_header.haml +6 -0
- data/share/views/partials/_note_list.haml +64 -0
- data/share/views/partials/_result_table.haml +12 -7
- data/share/views/partials/_result_table_controls.haml +11 -5
- data/share/views/partials/_table.haml +24 -6
- data/share/views/partials/layout/_coda.haml +10 -0
- data/share/views/partials/layout/_details.haml +25 -0
- data/share/views/partials/layout/_head.haml +22 -0
- data/share/views/partials/layout/_header.haml +29 -0
- data/share/views/partials/layout/_menu.haml +20 -0
- data/share/views/partials/layout/_resources.haml +41 -0
- data/share/views/public/background.png +0 -0
- data/share/views/public/plugins/cytoscape-web/LICENSE.txt +504 -0
- data/share/views/public/plugins/cytoscape-web/README.txt +213 -0
- data/share/views/public/plugins/cytoscape-web/js/AC_OETags.js +1 -0
- data/share/views/public/plugins/cytoscape-web/js/cytoscapeweb.js +1 -0
- data/share/views/public/plugins/cytoscape-web/js/json2.js +1 -0
- data/share/views/public/plugins/cytoscape-web/swf/CytoscapeWeb.swf +0 -0
- data/share/views/public/plugins/cytoscape-web/swf/playerProductInstall.swf +0 -0
- data/share/views/public/plugins/fancybox/CHANGELOG.md +68 -0
- data/share/views/public/plugins/fancybox/README.md +220 -0
- data/share/views/public/plugins/fancybox/css/blank.gif +0 -0
- data/share/views/public/plugins/fancybox/css/fancybox_loading.gif +0 -0
- data/share/views/public/plugins/fancybox/css/fancybox_sprite.png +0 -0
- data/share/views/public/plugins/fancybox/css/jquery.fancybox.css +234 -0
- data/share/views/public/plugins/fancybox/helpers/fancybox_buttons.png +0 -0
- data/share/views/public/plugins/fancybox/helpers/jquery.fancybox-buttons.css +85 -0
- data/share/views/public/plugins/fancybox/helpers/jquery.fancybox-buttons.js +115 -0
- data/share/views/public/plugins/fancybox/helpers/jquery.fancybox-media.js +85 -0
- data/share/views/public/plugins/fancybox/helpers/jquery.fancybox-thumbs.css +54 -0
- data/share/views/public/plugins/fancybox/helpers/jquery.fancybox-thumbs.js +157 -0
- data/share/views/public/plugins/fancybox/js/jquery.fancybox.js +1463 -0
- data/share/views/public/plugins/fancybox/js/jquery.mousewheel-3.0.6.pack.js +13 -0
- data/share/views/public/plugins/fancybox/lib/jquery-1.7.2.min.js +4 -0
- data/share/views/public/plugins/featuredimagezoomer/css/featuredimagezoomer.css +8 -0
- data/share/views/public/plugins/featuredimagezoomer/images/spinningred.gif +0 -0
- data/share/views/public/plugins/featuredimagezoomer/js/featuredimagezoomer.js +245 -0
- data/share/views/public/plugins/jquery-ui.hitarea.js +173 -0
- data/share/views/public/plugins/jquery/js/jquery-1.8.0.min.js +2 -0
- data/share/views/public/plugins/tablesorter/addons/pager/jquery.tablesorter.pager.css +25 -0
- data/share/views/public/plugins/tablesorter/addons/pager/jquery.tablesorter.pager.js +184 -0
- data/share/views/public/plugins/tablesorter/build.xml +26 -0
- data/share/views/public/plugins/tablesorter/build/ParseMaster.js +106 -0
- data/share/views/public/plugins/tablesorter/build/js.jar +0 -0
- data/share/views/public/plugins/tablesorter/build/jsmin.js +316 -0
- data/share/views/public/plugins/tablesorter/build/min.js +5 -0
- data/share/views/public/plugins/tablesorter/build/pack.js +5 -0
- data/share/views/public/plugins/tablesorter/build/packer.js +316 -0
- data/share/views/public/plugins/tablesorter/build/writeFile.js +19 -0
- data/share/views/public/plugins/tablesorter/changelog +41 -0
- data/share/views/public/plugins/tablesorter/docs/assets/ajax-content.html +43 -0
- data/share/views/public/plugins/tablesorter/docs/css/jq.css +29 -0
- data/share/views/public/plugins/tablesorter/docs/example-ajax.html +119 -0
- data/share/views/public/plugins/tablesorter/docs/example-empty-table.html +75 -0
- data/share/views/public/plugins/tablesorter/docs/example-extending-defaults.html +109 -0
- data/share/views/public/plugins/tablesorter/docs/example-meta-headers.html +108 -0
- data/share/views/public/plugins/tablesorter/docs/example-meta-parsers.html +105 -0
- data/share/views/public/plugins/tablesorter/docs/example-meta-sort-list.html +107 -0
- data/share/views/public/plugins/tablesorter/docs/example-option-debug.html +116 -0
- data/share/views/public/plugins/tablesorter/docs/example-option-digits.html +106 -0
- data/share/views/public/plugins/tablesorter/docs/example-option-sort-force.html +107 -0
- data/share/views/public/plugins/tablesorter/docs/example-option-sort-key.html +108 -0
- data/share/views/public/plugins/tablesorter/docs/example-option-sort-list.html +108 -0
- data/share/views/public/plugins/tablesorter/docs/example-option-sort-order.html +108 -0
- data/share/views/public/plugins/tablesorter/docs/example-option-text-extraction.html +85 -0
- data/share/views/public/plugins/tablesorter/docs/example-options-headers.html +118 -0
- data/share/views/public/plugins/tablesorter/docs/example-pager.html +329 -0
- data/share/views/public/plugins/tablesorter/docs/example-parsers.html +112 -0
- data/share/views/public/plugins/tablesorter/docs/example-trigger-sort.html +113 -0
- data/share/views/public/plugins/tablesorter/docs/example-triggers.html +336 -0
- data/share/views/public/plugins/tablesorter/docs/example-update-cell.html +118 -0
- data/share/views/public/plugins/tablesorter/docs/example-widgets.html +383 -0
- data/share/views/public/plugins/tablesorter/docs/img/external.png +0 -0
- data/share/views/public/plugins/tablesorter/docs/index.html +576 -0
- data/share/views/public/plugins/tablesorter/docs/js/docs.js +23 -0
- data/share/views/public/plugins/tablesorter/docs/js/examples.js +29 -0
- data/share/views/public/plugins/tablesorter/jquery-latest.js +154 -0
- data/share/views/public/plugins/tablesorter/jquery.metadata.js +122 -0
- data/share/views/public/plugins/tablesorter/jquery.tablesorter.js +1031 -0
- data/share/views/public/plugins/tablesorter/jquery.tablesorter.min.js +4 -0
- data/share/views/public/plugins/tablesorter/tests/assets/ajax-content.html +28 -0
- data/share/views/public/plugins/tablesorter/tests/cell.metadata.html +112 -0
- data/share/views/public/plugins/tablesorter/tests/checkbox.html +117 -0
- data/share/views/public/plugins/tablesorter/tests/colspan.html +149 -0
- data/share/views/public/plugins/tablesorter/tests/demo.html +353 -0
- data/share/views/public/plugins/tablesorter/tests/index.html +22 -0
- data/share/views/public/plugins/tablesorter/tests/large.html +30 -0
- data/share/views/public/plugins/tablesorter/tests/lockedOrder.html +355 -0
- data/share/views/public/plugins/tablesorter/tests/metadata.html +320 -0
- data/share/views/public/plugins/tablesorter/tests/multiple-headers.html +67 -0
- data/share/views/public/plugins/tablesorter/tests/pager.html +553 -0
- data/share/views/public/plugins/tablesorter/themes/blue/asc.gif +0 -0
- data/share/views/public/plugins/tablesorter/themes/blue/bg.gif +0 -0
- data/share/views/public/plugins/tablesorter/themes/blue/blue.zip +0 -0
- data/share/views/public/plugins/tablesorter/themes/blue/desc.gif +0 -0
- data/share/views/public/plugins/tablesorter/themes/blue/style.css +39 -0
- data/share/views/public/plugins/tablesorter/themes/green/asc.png +0 -0
- data/share/views/public/plugins/tablesorter/themes/green/bg.png +0 -0
- data/share/views/public/plugins/tablesorter/themes/green/desc.png +0 -0
- data/share/views/public/plugins/tablesorter/themes/green/green.zip +0 -0
- data/share/views/public/plugins/tablesorter/themes/green/style.css +39 -0
- data/share/views/public/plugins/wz_jsgraphics.js +1108 -0
- data/share/views/public/tmp/foo +0 -0
- data/share/views/result.haml +6 -1
- data/share/views/step_error.haml +5 -0
- data/share/views/user_lists.haml +8 -7
- data/share/views/wait.haml +40 -2
- metadata +302 -106
- data/share/views/compass/screen.sass +0 -8
- data/share/views/public/plugins/jquery/js/jquery-1.6.2.min.js +0 -18
@@ -0,0 +1,4 @@
|
|
1
|
+
|
2
|
+
(function($){$.extend({tablesorter:new
|
3
|
+
function(){var parsers=[],widgets=[];this.defaults={cssHeader:"header",cssAsc:"headerSortUp",cssDesc:"headerSortDown",cssChildRow:"expand-child",sortInitialOrder:"asc",sortMultiSortKey:"shiftKey",sortForce:null,sortAppend:null,sortLocaleCompare:true,textExtraction:"simple",parsers:{},widgets:[],widgetZebra:{css:["even","odd"]},headers:{},widthFixed:false,cancelSelection:true,sortList:[],headerList:[],dateFormat:"us",decimal:'/\.|\,/g',onRenderHeader:null,selectorHeaders:'thead th',debug:false};function benchmark(s,d){log(s+","+(new Date().getTime()-d.getTime())+"ms");}this.benchmark=benchmark;function log(s){if(typeof console!="undefined"&&typeof console.debug!="undefined"){console.log(s);}else{alert(s);}}function buildParserCache(table,$headers){if(table.config.debug){var parsersDebug="";}if(table.tBodies.length==0)return;var rows=table.tBodies[0].rows;if(rows[0]){var list=[],cells=rows[0].cells,l=cells.length;for(var i=0;i<l;i++){var p=false;if($.metadata&&($($headers[i]).metadata()&&$($headers[i]).metadata().sorter)){p=getParserById($($headers[i]).metadata().sorter);}else if((table.config.headers[i]&&table.config.headers[i].sorter)){p=getParserById(table.config.headers[i].sorter);}if(!p){p=detectParserForColumn(table,rows,-1,i);}if(table.config.debug){parsersDebug+="column:"+i+" parser:"+p.id+"\n";}list.push(p);}}if(table.config.debug){log(parsersDebug);}return list;};function detectParserForColumn(table,rows,rowIndex,cellIndex){var l=parsers.length,node=false,nodeValue=false,keepLooking=true;while(nodeValue==''&&keepLooking){rowIndex++;if(rows[rowIndex]){node=getNodeFromRowAndCellIndex(rows,rowIndex,cellIndex);nodeValue=trimAndGetNodeText(table.config,node);if(table.config.debug){log('Checking if value was empty on row:'+rowIndex);}}else{keepLooking=false;}}for(var i=1;i<l;i++){if(parsers[i].is(nodeValue,table,node)){return parsers[i];}}return parsers[0];}function getNodeFromRowAndCellIndex(rows,rowIndex,cellIndex){return rows[rowIndex].cells[cellIndex];}function trimAndGetNodeText(config,node){return $.trim(getElementText(config,node));}function getParserById(name){var l=parsers.length;for(var i=0;i<l;i++){if(parsers[i].id.toLowerCase()==name.toLowerCase()){return parsers[i];}}return false;}function buildCache(table){if(table.config.debug){var cacheTime=new Date();}var totalRows=(table.tBodies[0]&&table.tBodies[0].rows.length)||0,totalCells=(table.tBodies[0].rows[0]&&table.tBodies[0].rows[0].cells.length)||0,parsers=table.config.parsers,cache={row:[],normalized:[]};for(var i=0;i<totalRows;++i){var c=$(table.tBodies[0].rows[i]),cols=[];if(c.hasClass(table.config.cssChildRow)){cache.row[cache.row.length-1]=cache.row[cache.row.length-1].add(c);continue;}cache.row.push(c);for(var j=0;j<totalCells;++j){cols.push(parsers[j].format(getElementText(table.config,c[0].cells[j]),table,c[0].cells[j]));}cols.push(cache.normalized.length);cache.normalized.push(cols);cols=null;};if(table.config.debug){benchmark("Building cache for "+totalRows+" rows:",cacheTime);}return cache;};function getElementText(config,node){var text="";if(!node)return"";if(!config.supportsTextContent)config.supportsTextContent=node.textContent||false;if(config.textExtraction=="simple"){if(config.supportsTextContent){text=node.textContent;}else{if(node.childNodes[0]&&node.childNodes[0].hasChildNodes()){text=node.childNodes[0].innerHTML;}else{text=node.innerHTML;}}}else{if(typeof(config.textExtraction)=="function"){text=config.textExtraction(node);}else{text=$(node).text();}}return text;}function appendToTable(table,cache){if(table.config.debug){var appendTime=new Date()}var c=cache,r=c.row,n=c.normalized,totalRows=n.length,checkCell=(n[0].length-1),tableBody=$(table.tBodies[0]),rows=[];for(var i=0;i<totalRows;i++){var pos=n[i][checkCell];rows.push(r[pos]);if(!table.config.appender){var l=r[pos].length;for(var j=0;j<l;j++){tableBody[0].appendChild(r[pos][j]);}}}if(table.config.appender){table.config.appender(table,rows);}rows=null;if(table.config.debug){benchmark("Rebuilt table:",appendTime);}applyWidget(table);setTimeout(function(){$(table).trigger("sortEnd");},0);};function buildHeaders(table){if(table.config.debug){var time=new Date();}var meta=($.metadata)?true:false;var header_index=computeTableHeaderCellIndexes(table);$tableHeaders=$(table.config.selectorHeaders,table).each(function(index){this.column=header_index[this.parentNode.rowIndex+"-"+this.cellIndex];this.order=formatSortingOrder(table.config.sortInitialOrder);this.count=this.order;if(checkHeaderMetadata(this)||checkHeaderOptions(table,index))this.sortDisabled=true;if(checkHeaderOptionsSortingLocked(table,index))this.order=this.lockedOrder=checkHeaderOptionsSortingLocked(table,index);if(!this.sortDisabled){var $th=$(this).addClass(table.config.cssHeader);if(table.config.onRenderHeader)table.config.onRenderHeader.apply($th);}table.config.headerList[index]=this;});if(table.config.debug){benchmark("Built headers:",time);log($tableHeaders);}return $tableHeaders;};function computeTableHeaderCellIndexes(t){var matrix=[];var lookup={};var thead=t.getElementsByTagName('THEAD')[0];var trs=thead.getElementsByTagName('TR');for(var i=0;i<trs.length;i++){var cells=trs[i].cells;for(var j=0;j<cells.length;j++){var c=cells[j];var rowIndex=c.parentNode.rowIndex;var cellId=rowIndex+"-"+c.cellIndex;var rowSpan=c.rowSpan||1;var colSpan=c.colSpan||1
|
4
|
+
var firstAvailCol;if(typeof(matrix[rowIndex])=="undefined"){matrix[rowIndex]=[];}for(var k=0;k<matrix[rowIndex].length+1;k++){if(typeof(matrix[rowIndex][k])=="undefined"){firstAvailCol=k;break;}}lookup[cellId]=firstAvailCol;for(var k=rowIndex;k<rowIndex+rowSpan;k++){if(typeof(matrix[k])=="undefined"){matrix[k]=[];}var matrixrow=matrix[k];for(var l=firstAvailCol;l<firstAvailCol+colSpan;l++){matrixrow[l]="x";}}}}return lookup;}function checkCellColSpan(table,rows,row){var arr=[],r=table.tHead.rows,c=r[row].cells;for(var i=0;i<c.length;i++){var cell=c[i];if(cell.colSpan>1){arr=arr.concat(checkCellColSpan(table,headerArr,row++));}else{if(table.tHead.length==1||(cell.rowSpan>1||!r[row+1])){arr.push(cell);}}}return arr;};function checkHeaderMetadata(cell){if(($.metadata)&&($(cell).metadata().sorter===false)){return true;};return false;}function checkHeaderOptions(table,i){if((table.config.headers[i])&&(table.config.headers[i].sorter===false)){return true;};return false;}function checkHeaderOptionsSortingLocked(table,i){if((table.config.headers[i])&&(table.config.headers[i].lockedOrder))return table.config.headers[i].lockedOrder;return false;}function applyWidget(table){var c=table.config.widgets;var l=c.length;for(var i=0;i<l;i++){getWidgetById(c[i]).format(table);}}function getWidgetById(name){var l=widgets.length;for(var i=0;i<l;i++){if(widgets[i].id.toLowerCase()==name.toLowerCase()){return widgets[i];}}};function formatSortingOrder(v){if(typeof(v)!="Number"){return(v.toLowerCase()=="desc")?1:0;}else{return(v==1)?1:0;}}function isValueInArray(v,a){var l=a.length;for(var i=0;i<l;i++){if(a[i][0]==v){return true;}}return false;}function setHeadersCss(table,$headers,list,css){$headers.removeClass(css[0]).removeClass(css[1]);var h=[];$headers.each(function(offset){if(!this.sortDisabled){h[this.column]=$(this);}});var l=list.length;for(var i=0;i<l;i++){h[list[i][0]].addClass(css[list[i][1]]);}}function fixColumnWidth(table,$headers){var c=table.config;if(c.widthFixed){var colgroup=$('<colgroup>');$("tr:first td",table.tBodies[0]).each(function(){colgroup.append($('<col>').css('width',$(this).width()));});$(table).prepend(colgroup);};}function updateHeaderSortCount(table,sortList){var c=table.config,l=sortList.length;for(var i=0;i<l;i++){var s=sortList[i],o=c.headerList[s[0]];o.count=s[1];o.count++;}}function multisort(table,sortList,cache){if(table.config.debug){var sortTime=new Date();}var dynamicExp="var sortWrapper = function(a,b) {",l=sortList.length;for(var i=0;i<l;i++){var c=sortList[i][0];var order=sortList[i][1];var s=(table.config.parsers[c].type=="text")?((order==0)?makeSortFunction("text","asc",c):makeSortFunction("text","desc",c)):((order==0)?makeSortFunction("numeric","asc",c):makeSortFunction("numeric","desc",c));var e="e"+i;dynamicExp+="var "+e+" = "+s;dynamicExp+="if("+e+") { return "+e+"; } ";dynamicExp+="else { ";}var orgOrderCol=cache.normalized[0].length-1;dynamicExp+="return a["+orgOrderCol+"]-b["+orgOrderCol+"];";for(var i=0;i<l;i++){dynamicExp+="}; ";}dynamicExp+="return 0; ";dynamicExp+="}; ";if(table.config.debug){benchmark("Evaling expression:"+dynamicExp,new Date());}eval(dynamicExp);cache.normalized.sort(sortWrapper);if(table.config.debug){benchmark("Sorting on "+sortList.toString()+" and dir "+order+" time:",sortTime);}return cache;};function makeSortFunction(type,direction,index){var a="a["+index+"]",b="b["+index+"]";if(type=='text'&&direction=='asc'){return"("+a+" == "+b+" ? 0 : ("+a+" === null ? Number.POSITIVE_INFINITY : ("+b+" === null ? Number.NEGATIVE_INFINITY : ("+a+" < "+b+") ? -1 : 1 )));";}else if(type=='text'&&direction=='desc'){return"("+a+" == "+b+" ? 0 : ("+a+" === null ? Number.POSITIVE_INFINITY : ("+b+" === null ? Number.NEGATIVE_INFINITY : ("+b+" < "+a+") ? -1 : 1 )));";}else if(type=='numeric'&&direction=='asc'){return"("+a+" === null && "+b+" === null) ? 0 :("+a+" === null ? Number.POSITIVE_INFINITY : ("+b+" === null ? Number.NEGATIVE_INFINITY : "+a+" - "+b+"));";}else if(type=='numeric'&&direction=='desc'){return"("+a+" === null && "+b+" === null) ? 0 :("+a+" === null ? Number.POSITIVE_INFINITY : ("+b+" === null ? Number.NEGATIVE_INFINITY : "+b+" - "+a+"));";}};function makeSortText(i){return"((a["+i+"] < b["+i+"]) ? -1 : ((a["+i+"] > b["+i+"]) ? 1 : 0));";};function makeSortTextDesc(i){return"((b["+i+"] < a["+i+"]) ? -1 : ((b["+i+"] > a["+i+"]) ? 1 : 0));";};function makeSortNumeric(i){return"a["+i+"]-b["+i+"];";};function makeSortNumericDesc(i){return"b["+i+"]-a["+i+"];";};function sortText(a,b){if(table.config.sortLocaleCompare)return a.localeCompare(b);return((a<b)?-1:((a>b)?1:0));};function sortTextDesc(a,b){if(table.config.sortLocaleCompare)return b.localeCompare(a);return((b<a)?-1:((b>a)?1:0));};function sortNumeric(a,b){return a-b;};function sortNumericDesc(a,b){return b-a;};function getCachedSortType(parsers,i){return parsers[i].type;};this.construct=function(settings){return this.each(function(){if(!this.tHead||!this.tBodies)return;var $this,$document,$headers,cache,config,shiftDown=0,sortOrder;this.config={};config=$.extend(this.config,$.tablesorter.defaults,settings);$this=$(this);$.data(this,"tablesorter",config);$headers=buildHeaders(this);this.config.parsers=buildParserCache(this,$headers);cache=buildCache(this);var sortCSS=[config.cssDesc,config.cssAsc];fixColumnWidth(this);$headers.click(function(e){var totalRows=($this[0].tBodies[0]&&$this[0].tBodies[0].rows.length)||0;if(!this.sortDisabled&&totalRows>0){$this.trigger("sortStart");var $cell=$(this);var i=this.column;this.order=this.count++%2;if(this.lockedOrder)this.order=this.lockedOrder;if(!e[config.sortMultiSortKey]){config.sortList=[];if(config.sortForce!=null){var a=config.sortForce;for(var j=0;j<a.length;j++){if(a[j][0]!=i){config.sortList.push(a[j]);}}}config.sortList.push([i,this.order]);}else{if(isValueInArray(i,config.sortList)){for(var j=0;j<config.sortList.length;j++){var s=config.sortList[j],o=config.headerList[s[0]];if(s[0]==i){o.count=s[1];o.count++;s[1]=o.count%2;}}}else{config.sortList.push([i,this.order]);}};setTimeout(function(){setHeadersCss($this[0],$headers,config.sortList,sortCSS);appendToTable($this[0],multisort($this[0],config.sortList,cache));},1);return false;}}).mousedown(function(){if(config.cancelSelection){this.onselectstart=function(){return false};return false;}});$this.bind("update",function(){var me=this;setTimeout(function(){me.config.parsers=buildParserCache(me,$headers);cache=buildCache(me);},1);}).bind("updateCell",function(e,cell){var config=this.config;var pos=[(cell.parentNode.rowIndex-1),cell.cellIndex];cache.normalized[pos[0]][pos[1]]=config.parsers[pos[1]].format(getElementText(config,cell),cell);}).bind("sorton",function(e,list){$(this).trigger("sortStart");config.sortList=list;var sortList=config.sortList;updateHeaderSortCount(this,sortList);setHeadersCss(this,$headers,sortList,sortCSS);appendToTable(this,multisort(this,sortList,cache));}).bind("appendCache",function(){appendToTable(this,cache);}).bind("applyWidgetId",function(e,id){getWidgetById(id).format(this);}).bind("applyWidgets",function(){applyWidget(this);});if($.metadata&&($(this).metadata()&&$(this).metadata().sortlist)){config.sortList=$(this).metadata().sortlist;}if(config.sortList.length>0){$this.trigger("sorton",[config.sortList]);}applyWidget(this);});};this.addParser=function(parser){var l=parsers.length,a=true;for(var i=0;i<l;i++){if(parsers[i].id.toLowerCase()==parser.id.toLowerCase()){a=false;}}if(a){parsers.push(parser);};};this.addWidget=function(widget){widgets.push(widget);};this.formatFloat=function(s){var i=parseFloat(s);return(isNaN(i))?0:i;};this.formatInt=function(s){var i=parseInt(s);return(isNaN(i))?0:i;};this.isDigit=function(s,config){return/^[-+]?\d*$/.test($.trim(s.replace(/[,.']/g,'')));};this.clearTableBody=function(table){if($.browser.msie){function empty(){while(this.firstChild)this.removeChild(this.firstChild);}empty.apply(table.tBodies[0]);}else{table.tBodies[0].innerHTML="";}};}});$.fn.extend({tablesorter:$.tablesorter.construct});var ts=$.tablesorter;ts.addParser({id:"text",is:function(s){return true;},format:function(s){return $.trim(s.toLocaleLowerCase());},type:"text"});ts.addParser({id:"digit",is:function(s,table){var c=table.config;return $.tablesorter.isDigit(s,c);},format:function(s){return $.tablesorter.formatFloat(s);},type:"numeric"});ts.addParser({id:"currency",is:function(s){return/^[£$€?.]/.test(s);},format:function(s){return $.tablesorter.formatFloat(s.replace(new RegExp(/[£$€]/g),""));},type:"numeric"});ts.addParser({id:"ipAddress",is:function(s){return/^\d{2,3}[\.]\d{2,3}[\.]\d{2,3}[\.]\d{2,3}$/.test(s);},format:function(s){var a=s.split("."),r="",l=a.length;for(var i=0;i<l;i++){var item=a[i];if(item.length==2){r+="0"+item;}else{r+=item;}}return $.tablesorter.formatFloat(r);},type:"numeric"});ts.addParser({id:"url",is:function(s){return/^(https?|ftp|file):\/\/$/.test(s);},format:function(s){return jQuery.trim(s.replace(new RegExp(/(https?|ftp|file):\/\//),''));},type:"text"});ts.addParser({id:"isoDate",is:function(s){return/^\d{4}[\/-]\d{1,2}[\/-]\d{1,2}$/.test(s);},format:function(s){return $.tablesorter.formatFloat((s!="")?new Date(s.replace(new RegExp(/-/g),"/")).getTime():"0");},type:"numeric"});ts.addParser({id:"percent",is:function(s){return/\%$/.test($.trim(s));},format:function(s){return $.tablesorter.formatFloat(s.replace(new RegExp(/%/g),""));},type:"numeric"});ts.addParser({id:"usLongDate",is:function(s){return s.match(new RegExp(/^[A-Za-z]{3,10}\.? [0-9]{1,2}, ([0-9]{4}|'?[0-9]{2}) (([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(AM|PM)))$/));},format:function(s){return $.tablesorter.formatFloat(new Date(s).getTime());},type:"numeric"});ts.addParser({id:"shortDate",is:function(s){return/\d{1,2}[\/\-]\d{1,2}[\/\-]\d{2,4}/.test(s);},format:function(s,table){var c=table.config;s=s.replace(/\-/g,"/");if(c.dateFormat=="us"){s=s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/,"$3/$1/$2");}else if(c.dateFormat=="uk"){s=s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{4})/,"$3/$2/$1");}else if(c.dateFormat=="dd/mm/yy"||c.dateFormat=="dd-mm-yy"){s=s.replace(/(\d{1,2})[\/\-](\d{1,2})[\/\-](\d{2})/,"$1/$2/$3");}return $.tablesorter.formatFloat(new Date(s).getTime());},type:"numeric"});ts.addParser({id:"time",is:function(s){return/^(([0-2]?[0-9]:[0-5][0-9])|([0-1]?[0-9]:[0-5][0-9]\s(am|pm)))$/.test(s);},format:function(s){return $.tablesorter.formatFloat(new Date("2000/01/01 "+s).getTime());},type:"numeric"});ts.addParser({id:"metadata",is:function(s){return false;},format:function(s,table,cell){var c=table.config,p=(!c.parserMetadataName)?'sortValue':c.parserMetadataName;return $(cell).metadata()[p];},type:"numeric"});ts.addWidget({id:"zebra",format:function(table){if(table.config.debug){var time=new Date();}var $tr,row=-1,odd;$("tr:visible",table.tBodies[0]).each(function(i){$tr=$(this);if(!$tr.hasClass(table.config.cssChildRow))row++;odd=(row%2==0);$tr.removeClass(table.config.widgetZebra.css[odd?0:1]).addClass(table.config.widgetZebra.css[odd?1:0])});if(table.config.debug){$.tablesorter.benchmark("Applying Zebra widget",time);}}});})(jQuery);
|
@@ -0,0 +1,28 @@
|
|
1
|
+
<tr>
|
2
|
+
<td>Student04</td>
|
3
|
+
<td>Languages</td>
|
4
|
+
<td>male</td>
|
5
|
+
<td>80</td>
|
6
|
+
<td>70</td>
|
7
|
+
<td>75</td>
|
8
|
+
<td>80</td>
|
9
|
+
</tr>
|
10
|
+
<tr>
|
11
|
+
<td>Student05</td>
|
12
|
+
<td>Mathematics</td>
|
13
|
+
<td>male</td>
|
14
|
+
<td>90</td>
|
15
|
+
<td>88</td>
|
16
|
+
<td>100</td>
|
17
|
+
<td>90</td>
|
18
|
+
|
19
|
+
</tr>
|
20
|
+
<tr>
|
21
|
+
<td>Student06</td>
|
22
|
+
<td>Languages</td>
|
23
|
+
<td>female</td>
|
24
|
+
<td>85</td>
|
25
|
+
<td>95</td>
|
26
|
+
<td>80</td>
|
27
|
+
<td>85</td>
|
28
|
+
</tr>
|
@@ -0,0 +1,112 @@
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
2
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
|
+
|
4
|
+
<html>
|
5
|
+
<head>
|
6
|
+
<title>tablesorter 2.0-dev demo, multi column sorting</title>
|
7
|
+
|
8
|
+
<style type="text/css">@import "assets/css/default.css";</style>
|
9
|
+
|
10
|
+
<script type="text/javascript" src="../jquery-latest.js"></script>
|
11
|
+
<script type="text/javascript" src="../jquery.metadata.js"></script>
|
12
|
+
<script type="text/javascript" src="../jquery.tablesorter.js"></script>
|
13
|
+
<script type="text/javascript">
|
14
|
+
|
15
|
+
$(function() {
|
16
|
+
$("table").tablesorter({debug:true});
|
17
|
+
});
|
18
|
+
|
19
|
+
</script>
|
20
|
+
</head>
|
21
|
+
|
22
|
+
<body>
|
23
|
+
<h1>tablesorter 2.0-dev demo, multi column sorting</h1>
|
24
|
+
<p>
|
25
|
+
To select more then one column to sort by, hold down your shift key and press the "headers".
|
26
|
+
Pressing a all ready sorted column while holding down shift will reverse the order.
|
27
|
+
</p>
|
28
|
+
<p>
|
29
|
+
Releasing the shift key and pressing a column will result in a one column sort.
|
30
|
+
</p>
|
31
|
+
|
32
|
+
<p>Not big enough? <a href="#" class="append">Add 500 random rows of data </a> (can be clicked many times, more then a 1000 rows can be slow)</p>
|
33
|
+
|
34
|
+
<table id="large" cellspacing="0">
|
35
|
+
|
36
|
+
<thead>
|
37
|
+
|
38
|
+
<tr>
|
39
|
+
<th>Name</th>
|
40
|
+
<th>Major</th>
|
41
|
+
<th>Sex</th>
|
42
|
+
<th class="{sorter:'metadata'}">English</th>
|
43
|
+
<th>Japanese</th>
|
44
|
+
<th>Calculus</th>
|
45
|
+
<th>Geometry</th>
|
46
|
+
</tr>
|
47
|
+
</thead>
|
48
|
+
<tfoot>
|
49
|
+
<tr>
|
50
|
+
<th>Name</th>
|
51
|
+
|
52
|
+
<th>Major</th>
|
53
|
+
<th>Sex</th>
|
54
|
+
<th>English</th>
|
55
|
+
<th>Japanese</th>
|
56
|
+
<th>Calculus</th>
|
57
|
+
<th>Geometry</th>
|
58
|
+
|
59
|
+
</tr>
|
60
|
+
</tfoot>
|
61
|
+
<tbody>
|
62
|
+
<tr>
|
63
|
+
<td>Student01</td>
|
64
|
+
<td>Languages</td>
|
65
|
+
<td>male</td>
|
66
|
+
|
67
|
+
<td class="{sortValue: 0}">80</td>
|
68
|
+
<td>100'70,00.00</td>
|
69
|
+
<td>75.00</td>
|
70
|
+
<td>0</td>
|
71
|
+
</tr>
|
72
|
+
<tr>
|
73
|
+
<td>Student02</td>
|
74
|
+
|
75
|
+
<td>Mathematics</td>
|
76
|
+
<td>male</td>
|
77
|
+
<td class="{sortValue: 1}">90</td>
|
78
|
+
<td>88</td>
|
79
|
+
<td>100</td>
|
80
|
+
<td>90</td>
|
81
|
+
|
82
|
+
</tr>
|
83
|
+
<tr>
|
84
|
+
<td>Student03</td>
|
85
|
+
<td>Languages</td>
|
86
|
+
<td>female</td>
|
87
|
+
<td class="{sortValue: 2}">85</td>
|
88
|
+
<td>95</td>
|
89
|
+
|
90
|
+
<td>80</td>
|
91
|
+
<td>85</td>
|
92
|
+
</tr>
|
93
|
+
<tr>
|
94
|
+
<td>Student04</td>
|
95
|
+
<td>Languages</td>
|
96
|
+
<td>male</td>
|
97
|
+
|
98
|
+
<td class="{sortValue: 3}">60</td>
|
99
|
+
<td>55</td>
|
100
|
+
<td>100</td>
|
101
|
+
<td>100</td>
|
102
|
+
</tr>
|
103
|
+
</tbody>
|
104
|
+
</table>
|
105
|
+
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
|
106
|
+
</script>
|
107
|
+
<script type="text/javascript">
|
108
|
+
_uacct = "UA-2189649-1";
|
109
|
+
urchinTracker();
|
110
|
+
</script>
|
111
|
+
</body>
|
112
|
+
</html>
|
@@ -0,0 +1,117 @@
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
2
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
|
+
|
4
|
+
<html>
|
5
|
+
<head>
|
6
|
+
<title>tablesorter 2.0-dev demo, multi column sorting</title>
|
7
|
+
|
8
|
+
<style type="text/css">@import "assets/css/default.css";</style>
|
9
|
+
|
10
|
+
<script type="text/javascript" src="../jquery-latest.js"></script>
|
11
|
+
<script type="text/javascript" src="../jquery.tablesorter.js"></script>
|
12
|
+
<script type="text/javascript">
|
13
|
+
|
14
|
+
$(function() {
|
15
|
+
|
16
|
+
// add ie checkbox widget
|
17
|
+
$.tablesorter.addWidget({
|
18
|
+
id: "iecheckboxes",
|
19
|
+
format: function(table) {
|
20
|
+
if($.browser.msie) {
|
21
|
+
if(!this.init) {
|
22
|
+
$(":checkbox",table).change(function() { this.checkedState = this.checked});
|
23
|
+
this.init = true;
|
24
|
+
}
|
25
|
+
$(":checkbox",table).each(function() {
|
26
|
+
$(this).attr("checked",this.checkedState);
|
27
|
+
});
|
28
|
+
}
|
29
|
+
}
|
30
|
+
});
|
31
|
+
|
32
|
+
$("table").tablesorter({widgets: ['iecheckboxes']})
|
33
|
+
|
34
|
+
|
35
|
+
|
36
|
+
|
37
|
+
|
38
|
+
});
|
39
|
+
|
40
|
+
</script>
|
41
|
+
</head>
|
42
|
+
|
43
|
+
<body>
|
44
|
+
|
45
|
+
<table id="large" cellspacing="0">
|
46
|
+
|
47
|
+
<thead>
|
48
|
+
<tr>
|
49
|
+
<th>Name</th>
|
50
|
+
|
51
|
+
<th>Major</th>
|
52
|
+
<th>Sex</th>
|
53
|
+
<th>English</th>
|
54
|
+
<th>Japanese</th>
|
55
|
+
<th>Calculus</th>
|
56
|
+
<th>Geometry</th>
|
57
|
+
</tr>
|
58
|
+
</thead>
|
59
|
+
<tfoot>
|
60
|
+
<tr>
|
61
|
+
<th>Name</th>
|
62
|
+
|
63
|
+
<th>Major</th>
|
64
|
+
<th>Sex</th>
|
65
|
+
<th>English</th>
|
66
|
+
<th>Japanese</th>
|
67
|
+
<th>Calculus</th>
|
68
|
+
<th>Geometry</th>
|
69
|
+
|
70
|
+
</tr>
|
71
|
+
</tfoot>
|
72
|
+
<tbody>
|
73
|
+
<tr>
|
74
|
+
<td>Student01</td>
|
75
|
+
<td>Languages</td>
|
76
|
+
<td>male</td>
|
77
|
+
|
78
|
+
<td>80</td>
|
79
|
+
<td>70</td>
|
80
|
+
<td>75</td>
|
81
|
+
<td><form><input type="checkbox" checked=""/></form></td>
|
82
|
+
</tr>
|
83
|
+
<tr>
|
84
|
+
<td>Student02</td>
|
85
|
+
|
86
|
+
<td>Mathematics</td>
|
87
|
+
<td>male</td>
|
88
|
+
<td>90</td>
|
89
|
+
<td>88</td>
|
90
|
+
<td>100</td>
|
91
|
+
<td><form><input type="checkbox"/></form></td>
|
92
|
+
|
93
|
+
</tr>
|
94
|
+
<tr>
|
95
|
+
<td>Student03</td>
|
96
|
+
<td>Languages</td>
|
97
|
+
<td>female</td>
|
98
|
+
<td>85</td>
|
99
|
+
<td>95</td>
|
100
|
+
|
101
|
+
<td>80</td>
|
102
|
+
<td><form><input type="checkbox" checked=""/></form></td>
|
103
|
+
</tr>
|
104
|
+
<tr>
|
105
|
+
<td>Student04</td>
|
106
|
+
<td>Languages</td>
|
107
|
+
<td>male</td>
|
108
|
+
|
109
|
+
<td>60</td>
|
110
|
+
<td>55</td>
|
111
|
+
<td>100</td>
|
112
|
+
<td><form><input type="checkbox" checked=""/></form></td>
|
113
|
+
</tr>
|
114
|
+
</tbody>
|
115
|
+
</table>
|
116
|
+
</body>
|
117
|
+
</html>
|
@@ -0,0 +1,149 @@
|
|
1
|
+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
2
|
+
<html>
|
3
|
+
<head>
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
5
|
+
<title>Untitled Document</title>
|
6
|
+
<link rel="stylesheet" href="../themes/blue/style.css" type="text/css" id="" media="print, projection, screen" />
|
7
|
+
<script type="text/javascript" src="../jquery-latest.js"></script>
|
8
|
+
<script type="text/javascript" src="../jquery.tablesorter.js"></script>
|
9
|
+
<script type="text/javascript">
|
10
|
+
$(function() {
|
11
|
+
$("table").tablesorter({debug: true});
|
12
|
+
});
|
13
|
+
</script>
|
14
|
+
</head>
|
15
|
+
<body>
|
16
|
+
<table id="rowspan" cellspacing="0" class="tablesorter">
|
17
|
+
<thead>
|
18
|
+
<tr>
|
19
|
+
|
20
|
+
<th colspan="2">General information</th>
|
21
|
+
|
22
|
+
<th colspan="4">Degree information</th>
|
23
|
+
<th rowspan="2">Name</th>
|
24
|
+
</tr>
|
25
|
+
<tr>
|
26
|
+
<th>Major</th>
|
27
|
+
<th>Gender</th>
|
28
|
+
<th>English</th>
|
29
|
+
<th>Japanese</th>
|
30
|
+
<th>Calculus</th>
|
31
|
+
<th>Geometry</th>
|
32
|
+
</tr>
|
33
|
+
</thead>
|
34
|
+
<tbody>
|
35
|
+
<tr>
|
36
|
+
<td>Student01</td>
|
37
|
+
<td>Languages</td>
|
38
|
+
<td>male</td>
|
39
|
+
<td>80</td>
|
40
|
+
<td>70</td>
|
41
|
+
<td>75</td>
|
42
|
+
<td>80%</td>
|
43
|
+
</tr>
|
44
|
+
<tr>
|
45
|
+
<td>Student02</td>
|
46
|
+
<td>Mathematics</td>
|
47
|
+
<td>male</td>
|
48
|
+
<td>90</td>
|
49
|
+
<td>88</td>
|
50
|
+
<td>100</td>
|
51
|
+
<td>90%</td>
|
52
|
+
|
53
|
+
</tr>
|
54
|
+
<tr>
|
55
|
+
<td>Student03</td>
|
56
|
+
<td>Languages</td>
|
57
|
+
<td>female</td>
|
58
|
+
<td>85</td>
|
59
|
+
<td>95</td>
|
60
|
+
<td>80</td>
|
61
|
+
<td>85%</td>
|
62
|
+
</tr>
|
63
|
+
</tbody>
|
64
|
+
</table>
|
65
|
+
|
66
|
+
<table id="rowspan2" cellspacing="0">
|
67
|
+
<thead>
|
68
|
+
|
69
|
+
<tr>
|
70
|
+
<th colspan="2"> something</th>
|
71
|
+
<th> Group of information 1</th>
|
72
|
+
<th colspan="2"> Group of information 2</th>
|
73
|
+
</tr>
|
74
|
+
<tr>
|
75
|
+
<th> Col 1</th>
|
76
|
+
<th> Col 2</th>
|
77
|
+
<th> Col 3</th>
|
78
|
+
<th> Col 4</th>
|
79
|
+
<th> Col 5</th>
|
80
|
+
</tr>
|
81
|
+
|
82
|
+
</thead>
|
83
|
+
<tbody>
|
84
|
+
<tr>
|
85
|
+
<td>Student01</td>
|
86
|
+
<td>Languages</td>
|
87
|
+
<td>male</td>
|
88
|
+
<td>80</td>
|
89
|
+
<td>70</td>
|
90
|
+
|
91
|
+
</tr>
|
92
|
+
<tr>
|
93
|
+
<td>Student02</td>
|
94
|
+
<td>Mathematics</td>
|
95
|
+
<td>male</td>
|
96
|
+
<td>90</td>
|
97
|
+
<td>88</td>
|
98
|
+
|
99
|
+
</tr>
|
100
|
+
<tr>
|
101
|
+
<td>Student03</td>
|
102
|
+
<td>Languages</td>
|
103
|
+
<td>female</td>
|
104
|
+
<td>85</td>
|
105
|
+
<td>95</td>
|
106
|
+
|
107
|
+
</tr>
|
108
|
+
</tbody>
|
109
|
+
</table>
|
110
|
+
<table id="rowspan3" cellspacing="0">
|
111
|
+
<thead>
|
112
|
+
<tr>
|
113
|
+
<th> Col 1</th>
|
114
|
+
<th> Col 2</th>
|
115
|
+
<th> Col 3</th>
|
116
|
+
<th> Col 4</th>
|
117
|
+
<th> Col 5</th>
|
118
|
+
</tr>
|
119
|
+
|
120
|
+
</thead>
|
121
|
+
<tbody>
|
122
|
+
<tr>
|
123
|
+
<td>Student01</td>
|
124
|
+
<td>Languages</td>
|
125
|
+
<td>male</td>
|
126
|
+
<td>80</td>
|
127
|
+
<td>70</td>
|
128
|
+
|
129
|
+
</tr>
|
130
|
+
<tr>
|
131
|
+
<td>Student02</td>
|
132
|
+
<td>Mathematics</td>
|
133
|
+
<td>male</td>
|
134
|
+
<td>90</td>
|
135
|
+
<td>88</td>
|
136
|
+
|
137
|
+
</tr>
|
138
|
+
<tr>
|
139
|
+
<td>Student03</td>
|
140
|
+
<td>Languages</td>
|
141
|
+
<td>female</td>
|
142
|
+
<td>85</td>
|
143
|
+
<td>95</td>
|
144
|
+
|
145
|
+
</tr>
|
146
|
+
</tbody>
|
147
|
+
</table>
|
148
|
+
</body>
|
149
|
+
</html>
|
@@ -0,0 +1,353 @@
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
|
2
|
+
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
3
|
+
|
4
|
+
<html>
|
5
|
+
<head>
|
6
|
+
<title>tablesorter 2.0-dev demo, multi column sorting</title>
|
7
|
+
|
8
|
+
<style type="text/css">@import "assets/css/default.css";</style>
|
9
|
+
|
10
|
+
|
11
|
+
<script type="text/javascript" src="../jquery-latest.js"></script>
|
12
|
+
<script type="text/javascript" src="../jquery.tablesorter.js"></script>
|
13
|
+
<script type="text/javascript">
|
14
|
+
|
15
|
+
$(function() {
|
16
|
+
$("table").tablesorter({debug: true})
|
17
|
+
$("a.append").click(appendData);
|
18
|
+
|
19
|
+
|
20
|
+
});
|
21
|
+
|
22
|
+
var lastStudent = 23;
|
23
|
+
var limit = 500;
|
24
|
+
|
25
|
+
function appendData() {
|
26
|
+
|
27
|
+
var tdTagStart = '<td>';
|
28
|
+
var tdTagEnd = '</td>';
|
29
|
+
var sex = ['male','female'];
|
30
|
+
var major = ['Mathematics','Languages'];
|
31
|
+
|
32
|
+
|
33
|
+
for(var i = 0; i < limit; i++) {
|
34
|
+
var rnd = i % 2;
|
35
|
+
var row = '<tr>';
|
36
|
+
row += tdTagStart + 'student' + (lastStudent++) + tdTagEnd;
|
37
|
+
row += tdTagStart + major[rnd] + tdTagEnd;
|
38
|
+
row += tdTagStart + sex[rnd] + tdTagEnd;
|
39
|
+
|
40
|
+
row += tdTagStart + randomNumber() + tdTagEnd;
|
41
|
+
row += tdTagStart + randomNumber() + tdTagEnd;
|
42
|
+
row += tdTagStart + randomNumber() + tdTagEnd;
|
43
|
+
row += tdTagStart + randomNumber() + tdTagEnd;
|
44
|
+
|
45
|
+
row += '</tr>';
|
46
|
+
|
47
|
+
$("table/tbody:first").append(row);
|
48
|
+
|
49
|
+
};
|
50
|
+
|
51
|
+
|
52
|
+
$("table").trigger('update');
|
53
|
+
return false;
|
54
|
+
}
|
55
|
+
|
56
|
+
function randomNumber() {
|
57
|
+
return Math.floor(Math.random()*101)
|
58
|
+
}
|
59
|
+
|
60
|
+
</script>
|
61
|
+
</head>
|
62
|
+
|
63
|
+
<body>
|
64
|
+
<h1>tablesorter 2.0-dev demo, multi column sorting</h1>
|
65
|
+
<p>
|
66
|
+
To select more then one column to sort by, hold down your shift key and press the "headers".
|
67
|
+
Pressing a all ready sorted column while holding down shift will reverse the order.
|
68
|
+
</p>
|
69
|
+
<p>
|
70
|
+
Releasing the shift key and pressing a column will result in a one column sort.
|
71
|
+
</p>
|
72
|
+
|
73
|
+
<p>Not big enough? <a href="#" class="append">Add 500 random rows of data </a> (can be clicked many times, more then a 1000 rows can be slow)</p>
|
74
|
+
|
75
|
+
<table id="large" cellspacing="0" class="tablesorter">
|
76
|
+
|
77
|
+
<thead>
|
78
|
+
<tr>
|
79
|
+
<th colspan="2">One and Two</th>
|
80
|
+
<th rowspan="2">Three</th>
|
81
|
+
<th rowspan="2">Three</th>
|
82
|
+
<th rowspan="2">Three</th>
|
83
|
+
<th rowspan="2">Three</th>
|
84
|
+
<th rowspan="2">Three</th>
|
85
|
+
</tr>
|
86
|
+
<tr>
|
87
|
+
<th>Name</th>
|
88
|
+
<th>Major</th>
|
89
|
+
|
90
|
+
</tr>
|
91
|
+
</thead>
|
92
|
+
<tfoot>
|
93
|
+
<tr>
|
94
|
+
<th>Name</th>
|
95
|
+
|
96
|
+
<th>Major</th>
|
97
|
+
<th>Sex</th>
|
98
|
+
<th>English</th>
|
99
|
+
<th>Japanese</th>
|
100
|
+
<th>Calculus</th>
|
101
|
+
<th>Geometry</th>
|
102
|
+
|
103
|
+
</tr>
|
104
|
+
</tfoot>
|
105
|
+
<tbody>
|
106
|
+
<tr>
|
107
|
+
<td>Student01</td>
|
108
|
+
<td>Languages</td>
|
109
|
+
<td>male</td>
|
110
|
+
|
111
|
+
<td>80</td>
|
112
|
+
<td>70</td>
|
113
|
+
<td>75</td>
|
114
|
+
<td>80</td>
|
115
|
+
</tr>
|
116
|
+
<tr>
|
117
|
+
<td>Student02</td>
|
118
|
+
|
119
|
+
<td>Mathematics</td>
|
120
|
+
<td>male</td>
|
121
|
+
<td>90</td>
|
122
|
+
<td>88</td>
|
123
|
+
<td>100</td>
|
124
|
+
<td>90</td>
|
125
|
+
|
126
|
+
</tr>
|
127
|
+
<tr>
|
128
|
+
<td>Student03</td>
|
129
|
+
<td>Languages</td>
|
130
|
+
<td>female</td>
|
131
|
+
<td>85</td>
|
132
|
+
<td>95</td>
|
133
|
+
|
134
|
+
<td>80</td>
|
135
|
+
<td>85</td>
|
136
|
+
</tr>
|
137
|
+
<tr>
|
138
|
+
<td>Student04</td>
|
139
|
+
<td>Languages</td>
|
140
|
+
<td>male</td>
|
141
|
+
|
142
|
+
<td>60</td>
|
143
|
+
<td>55</td>
|
144
|
+
<td>100</td>
|
145
|
+
<td>100</td>
|
146
|
+
</tr>
|
147
|
+
<tr>
|
148
|
+
<td>Student05</td>
|
149
|
+
|
150
|
+
<td>Languages</td>
|
151
|
+
<td>female</td>
|
152
|
+
<td>68</td>
|
153
|
+
<td>80</td>
|
154
|
+
<td>95</td>
|
155
|
+
<td>80</td>
|
156
|
+
|
157
|
+
</tr>
|
158
|
+
<tr>
|
159
|
+
<td>Student06</td>
|
160
|
+
<td>Mathematics</td>
|
161
|
+
<td>male</td>
|
162
|
+
<td>100</td>
|
163
|
+
<td>99</td>
|
164
|
+
|
165
|
+
<td>100</td>
|
166
|
+
<td>90</td>
|
167
|
+
</tr>
|
168
|
+
<tr>
|
169
|
+
<td>Student07</td>
|
170
|
+
<td>Mathematics</td>
|
171
|
+
<td>male</td>
|
172
|
+
|
173
|
+
<td>85</td>
|
174
|
+
<td>68</td>
|
175
|
+
<td>90</td>
|
176
|
+
<td>90</td>
|
177
|
+
</tr>
|
178
|
+
<tr>
|
179
|
+
<td>Student08</td>
|
180
|
+
|
181
|
+
<td>Languages</td>
|
182
|
+
<td>male</td>
|
183
|
+
<td>100</td>
|
184
|
+
<td>90</td>
|
185
|
+
<td>90</td>
|
186
|
+
<td>85</td>
|
187
|
+
|
188
|
+
</tr>
|
189
|
+
<tr>
|
190
|
+
<td>Student09</td>
|
191
|
+
<td>Mathematics</td>
|
192
|
+
<td>male</td>
|
193
|
+
<td>80</td>
|
194
|
+
<td>50</td>
|
195
|
+
|
196
|
+
<td>65</td>
|
197
|
+
<td>75</td>
|
198
|
+
</tr>
|
199
|
+
<tr>
|
200
|
+
<td>Student10</td>
|
201
|
+
<td>Languages</td>
|
202
|
+
<td>male</td>
|
203
|
+
|
204
|
+
<td>85</td>
|
205
|
+
<td>100</td>
|
206
|
+
<td>100</td>
|
207
|
+
<td>90</td>
|
208
|
+
</tr>
|
209
|
+
<tr>
|
210
|
+
<td>Student11</td>
|
211
|
+
|
212
|
+
<td>Languages</td>
|
213
|
+
<td>male</td>
|
214
|
+
<td>86</td>
|
215
|
+
<td>85</td>
|
216
|
+
<td>100</td>
|
217
|
+
<td>100</td>
|
218
|
+
|
219
|
+
</tr>
|
220
|
+
<tr>
|
221
|
+
<td>Student12</td>
|
222
|
+
<td>Mathematics</td>
|
223
|
+
<td>female</td>
|
224
|
+
<td>100</td>
|
225
|
+
<td>75</td>
|
226
|
+
|
227
|
+
<td>70</td>
|
228
|
+
<td>85</td>
|
229
|
+
</tr>
|
230
|
+
<tr>
|
231
|
+
<td>Student13</td>
|
232
|
+
<td>Languages</td>
|
233
|
+
<td>female</td>
|
234
|
+
|
235
|
+
<td>100</td>
|
236
|
+
<td>80</td>
|
237
|
+
<td>100</td>
|
238
|
+
<td>90</td>
|
239
|
+
</tr>
|
240
|
+
<tr>
|
241
|
+
<td>Student14</td>
|
242
|
+
|
243
|
+
<td>Languages</td>
|
244
|
+
<td>female</td>
|
245
|
+
<td>50</td>
|
246
|
+
<td>45</td>
|
247
|
+
<td>55</td>
|
248
|
+
<td>90</td>
|
249
|
+
|
250
|
+
</tr>
|
251
|
+
<tr>
|
252
|
+
<td>Student15</td>
|
253
|
+
<td>Languages</td>
|
254
|
+
<td>male</td>
|
255
|
+
<td>95</td>
|
256
|
+
<td>35</td>
|
257
|
+
|
258
|
+
<td>100</td>
|
259
|
+
<td>90</td>
|
260
|
+
</tr>
|
261
|
+
<tr>
|
262
|
+
<td>Student16</td>
|
263
|
+
<td>Languages</td>
|
264
|
+
<td>female</td>
|
265
|
+
|
266
|
+
<td>100</td>
|
267
|
+
<td>50</td>
|
268
|
+
<td>30</td>
|
269
|
+
<td>70</td>
|
270
|
+
</tr>
|
271
|
+
<tr>
|
272
|
+
<td>Student17</td>
|
273
|
+
|
274
|
+
<td>Languages</td>
|
275
|
+
<td>female</td>
|
276
|
+
<td>80</td>
|
277
|
+
<td>100</td>
|
278
|
+
<td>55</td>
|
279
|
+
<td>65</td>
|
280
|
+
|
281
|
+
</tr>
|
282
|
+
<tr>
|
283
|
+
<td>Student18</td>
|
284
|
+
<td>Mathematics</td>
|
285
|
+
<td>male</td>
|
286
|
+
<td>30</td>
|
287
|
+
<td>49</td>
|
288
|
+
|
289
|
+
<td>55</td>
|
290
|
+
<td>75</td>
|
291
|
+
</tr>
|
292
|
+
<tr>
|
293
|
+
<td>Student19</td>
|
294
|
+
<td>Languages</td>
|
295
|
+
<td>male</td>
|
296
|
+
|
297
|
+
<td>68</td>
|
298
|
+
<td>90</td>
|
299
|
+
<td>88</td>
|
300
|
+
<td>70</td>
|
301
|
+
</tr>
|
302
|
+
<tr>
|
303
|
+
<td>Student20</td>
|
304
|
+
|
305
|
+
<td>Mathematics</td>
|
306
|
+
<td>male</td>
|
307
|
+
<td>40</td>
|
308
|
+
<td>45</td>
|
309
|
+
<td>40</td>
|
310
|
+
<td>80</td>
|
311
|
+
|
312
|
+
</tr>
|
313
|
+
<tr>
|
314
|
+
<td>Student21</td>
|
315
|
+
<td>Languages</td>
|
316
|
+
<td>male</td>
|
317
|
+
<td>50</td>
|
318
|
+
<td>45</td>
|
319
|
+
|
320
|
+
<td>100</td>
|
321
|
+
<td>100</td>
|
322
|
+
</tr>
|
323
|
+
<tr>
|
324
|
+
<td>Student22</td>
|
325
|
+
<td>Mathematics</td>
|
326
|
+
<td>male</td>
|
327
|
+
|
328
|
+
<td>100</td>
|
329
|
+
<td>99</td>
|
330
|
+
<td>100</td>
|
331
|
+
<td>90</td>
|
332
|
+
</tr>
|
333
|
+
<tr>
|
334
|
+
<td>Student23</td>
|
335
|
+
|
336
|
+
<td>Languages</td>
|
337
|
+
<td>female</td>
|
338
|
+
<td>85</td>
|
339
|
+
<td>80</td>
|
340
|
+
<td>80</td>
|
341
|
+
<td>80</td>
|
342
|
+
|
343
|
+
</tr>
|
344
|
+
</tbody>
|
345
|
+
</table>
|
346
|
+
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
|
347
|
+
</script>
|
348
|
+
<script type="text/javascript">
|
349
|
+
_uacct = "UA-2189649-1";
|
350
|
+
urchinTracker();
|
351
|
+
</script>
|
352
|
+
</body>
|
353
|
+
</html>
|